.demo-toolbar{position:sticky;top:0;z-index:1000;min-height:56px;background:#102a43;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 24px;font:12px 'Be Vietnam Pro',sans-serif}.demo-toolbar a{color:#d5e8ff;text-decoration:none}.demo-toolbar nav{display:flex;gap:5px;flex-wrap:wrap}.demo-toolbar button{border:1px solid #43637d;background:transparent;color:white;border-radius:6px;padding:8px 12px;font:inherit;cursor:pointer}.demo-toolbar button[aria-pressed=true]{background:#1677ff;border-color:#1677ff}.appcar-public-demo .sidebar,.appcar-public-demo .topbar,.appcar-public-demo .mobile-bottom-nav,.appcar-public-demo #mobile-menu-open,.appcar-public-demo #password-reset-alert{display:none!important}.appcar-public-demo .main{margin-left:0!important;padding-top:0!important}.appcar-public-demo #app-shell{padding-top:0!important}.appcar-public-demo #login-screen{display:none!important}.appcar-public-demo .page-head .btn-primary,.appcar-public-demo [data-target=taodon],.appcar-public-demo #vehicle-add-btn{display:none!important}@media(max-width:600px){.demo-toolbar{padding:8px 12px;flex-wrap:wrap;font-size:10px}.demo-toolbar strong{display:none}.demo-toolbar nav{order:3;width:100%}.demo-toolbar nav button{flex:1 1 28%}.demo-toolbar nav button[data-demo-screen="dashboard"]{flex-basis:55%}}

.appcar-public-demo #export-xlsx{display:none!important}
.demo-insights{margin:24px 28px 0;padding:24px;border:1px solid #d7e1ec;border-radius:16px;background:#fff;font-family:'Be Vietnam Pro',Arial,sans-serif;color:#102a43}
.demo-insight-heading>span{font-size:11px;font-weight:700;letter-spacing:.08em;color:#52667a}
.demo-insight-heading p{font-size:11px;line-height:1.7;margin:6px 0 18px;color:#52667a;max-width:960px}
.demo-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.demo-insight-grid>div{border-left:3px solid #1677ff;padding-left:14px;min-width:0}
.demo-insight-grid span,.demo-insight-grid small{display:block;font-size:11px;line-height:1.6;color:#52667a}
.demo-insight-grid strong{display:block;font-size:27px;line-height:1.5;letter-spacing:-.04em;color:#102a43;font-variant-numeric:tabular-nums}
.demo-insight-grid>div:nth-child(3){border-color:#16845b}.demo-insight-grid>div:nth-child(3) strong{color:#16845b}
.demo-vehicle-card{min-width:0;border:1px solid #d7e1ec;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 4px 16px #102a4306}
.demo-vehicle-card figure{margin:0;background:#f3f2ed;position:relative}
.demo-vehicle-card figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}
.demo-vehicle-body{padding:19px}
.demo-vehicle-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#52667a}
.demo-vehicle-heading b{background:#eaf3ff;color:#1655a4;padding:4px 7px;border-radius:6px;white-space:nowrap}
.demo-vehicle-body h2{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:11px 0 6px;color:#102a43;min-height:50px}
.demo-specs{font-size:11px;line-height:1.8;color:#52667a;margin:0 0 16px}
.demo-rates{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #e8eef5;padding-top:14px;font-size:10px;color:#52667a}
.demo-rates b{display:block;font-size:13px;color:#102a43;margin-top:4px}
.demo-utilization{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-top:19px;color:#52667a}
.demo-utilization b{color:#1677ff}.demo-utilization-track{height:5px;background:#eaf0f7;border-radius:8px;margin:7px 0 16px;overflow:hidden}.demo-utilization-track i{display:block;height:100%;background:#1677ff;border-radius:8px}
.demo-car-finance{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f4f8fc;border-radius:8px;padding:12px 10px}
.demo-car-finance span{display:block;font-size:9px;color:#52667a;line-height:1.5}.demo-car-finance strong{display:block;font-size:17px;line-height:1.6;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:#102a43}.demo-car-finance>div:nth-child(2) strong{color:#16845b}
.demo-margin{font-size:10px;display:flex;gap:5px;flex-wrap:wrap;line-height:1.6;margin:10px 0 17px;color:#52667a}.demo-margin b{color:#16845b}.demo-margin span{margin-left:auto}
.demo-vehicle-body>.btn{width:100%;justify-content:space-between;height:40px;font-size:11px}
.demo-detail-photo{margin:0;grid-column:1/-1}.demo-detail-photo img{display:block;width:100%;height:auto;border-radius:8px}
@media(max-width:1100px){.demo-insight-grid strong{font-size:23px}.demo-insight-grid{gap:12px}}
@media(max-width:720px){.demo-insights{margin:12px 12px 0;padding:16px}.demo-insight-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.demo-insight-grid strong{font-size:22px}.demo-insight-grid small{font-size:9px}.demo-vehicle-body h2{min-height:0}.demo-vehicle-body{padding:17px}.demo-car-finance strong{font-size:19px}}
@media(max-width:600px){.demo-toolbar nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.demo-toolbar nav button,.demo-toolbar nav button[data-demo-screen="dashboard"]{flex:0 0 auto;white-space:nowrap;padding:8px 10px}.demo-toolbar{position:relative}.demo-toolbar nav button[aria-pressed=true]{font-weight:700}}

/* Compact view for the three live demo screens in the landing Hero. */
.appcar-hero-embed .demo-toolbar,.appcar-hero-embed .demo-insights,.appcar-hero-embed .app-footer,.appcar-hero-embed #appcar-guide-launch{display:none!important}
.appcar-hero-embed .main{padding:16px!important}
.appcar-hero-embed #app-shell{padding:0!important}
.appcar-hero-embed{overflow:hidden}


/* The landing owns the single set of seven navigation tabs. */
.appcar-public-demo #push-notification-card{display:none!important}
.appcar-landing-embed .demo-toolbar,.appcar-landing-embed .demo-insights,.appcar-landing-embed .app-footer,.appcar-landing-embed #appcar-guide-launch{display:none!important}
.appcar-landing-embed .main{padding:16px!important}.appcar-landing-embed #app-shell{padding:0!important}
@media(max-width:600px){.appcar-landing-embed .main{padding:10px!important}}
/* Continuous bookings and clear reminder priorities in the public demo. */
.appcar-public-demo .demo-merged-row{position:relative;align-items:stretch}.demo-merged-row>.calendar-week-vehicle,.demo-merged-row>.calendar-week-cell{grid-row:1;min-height:58px}.demo-merged-row>.calendar-week-vehicle{grid-column:1}.demo-merged-row>.calendar-week-cell:nth-child(2){grid-column:2}.demo-merged-row>.calendar-week-cell:nth-child(3){grid-column:3}.demo-merged-row>.calendar-week-cell:nth-child(4){grid-column:4}.demo-merged-row>.calendar-week-cell:nth-child(5){grid-column:5}.demo-merged-row>.calendar-week-cell:nth-child(6){grid-column:6}.demo-merged-row>.calendar-week-cell:nth-child(7){grid-column:7}.demo-merged-row>.calendar-week-cell:nth-child(8){grid-column:8}
.demo-trip-lanes{grid-column:2/-1;grid-row:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:38px;gap:4px 0;padding:8px 0;pointer-events:none;z-index:2;align-content:start;min-width:0}.appcar-public-demo .demo-trip{pointer-events:auto;min-width:0;width:calc(100% - 8px);margin:0 4px!important;min-height:34px;height:38px!important;padding:7px 10px!important;overflow:hidden;border-radius:7px!important}.appcar-public-demo .demo-trip b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appcar-public-demo .demo-trip.completed{background:#edf2f8;border-color:#b2c0d1;color:#52667a}.appcar-public-demo .demo-trip.confirmed{background:#e8f1ff;border-color:#7baaf0;color:#1756a8}
.appcar-public-demo #lich .phone-row{display:none!important}.appcar-public-demo #calendar-desktop{display:block!important}.appcar-public-demo .calendar-week-scroll{max-height:none}
.appcar-public-demo .demo-reminder{border-left:4px solid #1677ff;background:#f1f6ff;padding:18px;align-items:flex-start}.demo-reminder .main{padding:0!important;min-width:0}.demo-reminder.overdue{border-left-color:#d83b3b;background:#fff1f1}.demo-reminder.today{border-left-color:#e29119;background:#fff7e9}.demo-reminder.done{border-left-color:#239064;background:#eef9f2}.demo-priority{display:inline-block;margin-right:8px;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;background:#dceaff;color:#1659ad}.overdue .demo-priority{background:#ffe0e0;color:#aa2525}.today .demo-priority{background:#ffebc5;color:#945600}.done .demo-priority{background:#d9f0e2;color:#1d7045}.demo-reminder .title{font-weight:600;margin:9px 0 4px}.demo-reminder .body{color:#52667a}
.appcar-hero-embed .main{padding:12px!important}.appcar-hero-embed .page-head{margin-bottom:10px!important}.appcar-hero-embed .page-head h1{font-size:22px}.appcar-hero-embed .page-head .sub{font-size:11px}.appcar-hero-embed .calendar-display-bar,.appcar-hero-embed .calendar-vehicle-panel{display:none!important}.appcar-hero-embed .calendar-week-head,.appcar-hero-embed .calendar-week-row{min-width:0;grid-template-columns:155px repeat(7,minmax(0,1fr))}.appcar-hero-embed .calendar-week-vehicle{padding:8px;font-size:11px}.appcar-hero-embed .demo-trip b{font-size:11px}.appcar-hero-embed .demo-vehicle-body{padding:12px}.appcar-hero-embed .demo-vehicle-body h2{font-size:16px;min-height:0;margin:6px 0}.appcar-hero-embed .demo-specs,.appcar-hero-embed .demo-margin,.appcar-hero-embed .demo-vehicle-body>.btn{display:none}.appcar-hero-embed .demo-vehicle-card figure img{aspect-ratio:16/9}.appcar-hero-embed .demo-car-finance strong{font-size:15px}.appcar-hero-embed .demo-utilization{margin-top:10px}
@media(max-width:600px){.appcar-public-demo .demo-reminder{padding:13px}.demo-priority{font-size:10px}.appcar-public-demo .calendar-week-head,.appcar-public-demo .calendar-week-row{min-width:760px;grid-template-columns:130px repeat(7,minmax(90px,1fr))}}
/* September 30: readable merged trips, useful order summary and compact reports. */
.appcar-public-demo .calendar-vehicle-panel{display:none!important}
.demo-trip-lanes{grid-auto-rows:52px}.appcar-public-demo .demo-trip{height:52px!important;padding:7px 9px!important;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:left}.appcar-public-demo .demo-trip b{display:block;width:100%;line-height:16px}.appcar-public-demo .demo-trip-time{display:block;font-size:10px;line-height:14px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.appcar-public-demo #finance-ownership-note{display:none!important}.appcar-public-demo #thuchi .fv-filter-panel{gap:0;min-height:0}.appcar-public-demo .fv-kpi strong,.appcar-public-demo .fv-panel-total,.appcar-public-demo .demo-rates b,.appcar-public-demo .fv-category strong,.appcar-public-demo .fv-vehicle-result strong,.appcar-public-demo [id^="vehicle-profit-total-"]{white-space:nowrap;font-variant-numeric:tabular-nums}.appcar-hero-embed [id^="vehicle-profit-total-"]{font-size:clamp(17px,2.25vw,21px)!important;letter-spacing:-.035em}
.demo-order-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:24px;align-items:start}.demo-order-form{min-width:0}.demo-order-summary{position:sticky;top:20px;padding:24px;border:1px solid #cbdcf1;border-radius:16px;background:linear-gradient(145deg,#f0f6ff,#fff)}.demo-order-summary h2{font-size:18px;line-height:1.3;margin:0 0 20px}.demo-order-summary dl{margin:0}.demo-order-summary dl>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #e1eaf4}.demo-order-summary dt{color:#52687d;font-size:12px;flex:0 0 40%}.demo-order-summary dd{margin:0;font-size:12px;font-weight:600;text-align:right;overflow-wrap:anywhere}.demo-order-total{margin-top:20px;color:#102a43}.demo-order-total span{display:block;font-size:12px}.demo-order-total strong{display:block;font-size:27px;white-space:nowrap;margin-top:8px;color:#1677ff}
@media(max-width:700px){.demo-order-layout{grid-template-columns:1fr;gap:16px}.demo-order-summary{position:static;padding:20px}.appcar-public-demo .fv-chart-scroll{max-width:100%}}