/* The application shares the public site's navy, cobalt and neutral surfaces. */
:root{--action:#315bd8;--action-hover:#2645a8;--action-soft:#e9effe;--action-border:#b9c9f6;--action-accent:#a9c0fa;--line:#dae3ef;--ink:#15243b;--muted:#59697f}
.product-shell{background:#f7f9fd}.product-shell .content{max-width:1480px;padding:30px 32px 20px}.product-shell h1{font-size:clamp(1.75rem,2.5vw,2.35rem);letter-spacing:-.055em;line-height:1.15}.product-shell .page-heading{margin-bottom:24px}.product-shell .page-heading .muted{font-size:1rem;line-height:1.6;max-width:70ch}.product-shell .panel{border-radius:14px;padding:24px;box-shadow:0 2px 8px #16322203}.product-shell input:not([type=checkbox]),.product-shell select,.product-shell textarea{border-radius:8px;min-height:44px}.product-shell .button{border-radius:8px;min-height:42px}.product-shell .button.primary{box-shadow:0 2px 3px #163c2710}.product-shell .button.small{min-height:36px}.product-shell .fine{font-size:.875rem}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:10px 16px;background:#fff;color:#15243b;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.shell-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-shell .sidebar{width:232px;padding:24px 16px;gap:20px;overflow:auto;background:#101c2e}.product-shell .main{margin-left:232px}.product-shell .brand{padding:0 8px}.shell-nav{gap:12px!important;margin-top:0}.shell-nav-group{display:grid;gap:2px}.product-shell .rail-label{font-size:.65rem;letter-spacing:.13em;margin:10px 12px 6px;color:#aab9ce}.product-shell .sidebar nav a{font-size:.875rem;padding:9px 12px;border-radius:8px;line-height:1.35;min-height:40px}.shell-nav svg{flex:0 0 20px;color:#aab9ce}.product-shell .shell-nav a.active{background:#23334d;border-color:#516481;color:#f4f7fd}.shell-nav a.active svg{color:#97b7ff}.shell-nav a small{font-size:.72rem;margin-left:auto;color:#e5b69c}.shell-nav-more{margin:0}.shell-nav-more summary{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:.85rem;color:#cbd5e6;list-style:none;border-radius:8px}.shell-nav-more summary::-webkit-details-marker{display:none}.shell-nav-more summary>span{margin-left:auto}.shell-nav-more summary:hover{background:#1e2e47}.shell-nav-more a{margin-left:24px;font-size:.81rem!important;min-height:34px!important}.product-shell .rail-bottom{margin-top:auto;padding:14px 12px 0;border-color:#3a4b65}.rail-bottom .workspace-name{font-size:.87rem;margin:0 0 7px;color:#cbd5e6;overflow-wrap:anywhere}.rail-bottom .logout{margin-top:12px}.shell-menu-toggle{display:none;border:1px solid #7589a6;background:#1e2e47;color:#f4f7fd;border-radius:8px;padding:7px 10px;font:inherit;align-items:center;gap:7px}.product-shell .topbar{height:66px;padding:0 32px;background:#fff;border-color:var(--line)}.product-shell .breadcrumb{font-size:.85rem}.product-shell .top-actions{gap:16px}.shell-language{position:relative}.shell-language>summary{display:flex;align-items:center;gap:7px;list-style:none;font-size:.8rem;min-height:40px;border-radius:6px}.shell-language summary::-webkit-details-marker{display:none}.shell-language .ops-language{position:absolute;z-index:10;right:0;top:45px;min-width:245px;margin:0;display:grid;grid-template-columns:1fr auto;background:white;border:1px solid var(--line);box-shadow:0 12px 32px #18382518;border-radius:12px;padding:16px}.shell-language label{grid-column:1/-1}.shell-language select{margin:0;max-width:none;width:100%}.connection-pill{font-weight:500;font-size:.8rem;max-width:240px;overflow-wrap:anywhere}.connection-dot{width:7px;height:7px;border-radius:100%;background:#b68c47;flex:none}.connection-dot.connected{background:#39926a}.shell-test-mode{font-size:.83rem;color:#82673d;padding-bottom:8px}.overview-connection{display:flex;align-items:center;gap:12px}.overview-connection svg{flex:none}.overview-connection .button{margin-left:auto}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.overview-metrics>a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:18px 20px;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--ink)}.overview-metrics>a:hover{border-color:#91ace9;text-decoration:none;background:#f3f6fd}.overview-metrics span{grid-column:1/-1;font-size:.85rem;color:var(--muted);min-height:22px}.overview-metrics strong{font-size:2.1rem;letter-spacing:-.05em;line-height:1.1;font-variant-numeric:tabular-nums;font-weight:600}.overview-metrics svg{color:#315bd8}.overview-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}.overview-columns>div{min-width:0}.overview-panel .section-heading{margin-bottom:12px}.overview-panel .section-heading>a{font-size:.82rem;white-space:nowrap}.overview-panel h2{font-size:1.1rem}.overview-panel{margin-bottom:22px!important}.overview-car-row{display:flex;align-items:center;gap:14px;min-width:0;color:var(--ink);padding:14px 0;border-top:1px solid var(--line)}.overview-car-row:hover{text-decoration:none}.overview-car-row:hover strong{color:var(--action)}.overview-car-row>img,.overview-photo-placeholder{width:76px;height:58px;object-fit:contain;background:#eff3fa;border-radius:8px;flex:none}.overview-photo-placeholder{display:grid;place-items:center;color:#778392}.overview-car-copy{min-width:0;flex:1;display:grid;gap:7px}.overview-car-copy>strong{font-size:.93rem;font-weight:600;overflow-wrap:anywhere}.overview-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.overview-row-meta small{font-size:.76rem}.overview-row-meta .badge{font-size:.68rem;padding:3px 7px}.overview-row-action{font-size:.78rem;display:flex;align-items:center;gap:5px;color:var(--action);flex:none}.overview-error{font-size:.8rem;color:#945544;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overview-task{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.overview-task:hover{color:var(--action)}.overview-task strong{font-weight:500;font-size:.9rem;flex:1}.overview-task-icon{width:36px;height:36px;border-radius:10px;background:var(--action-soft);color:var(--action);display:grid;place-items:center;flex:none}.overview-task-count{font-size:.85rem;padding:3px 9px;border-radius:20px;background:#eff3fa;font-variant-numeric:tabular-nums}.overview-empty{padding:26px 8px;text-align:center;color:var(--muted)}.overview-empty>span{display:inline-grid;place-items:center;background:var(--action-soft);border-radius:100%;height:44px;width:44px;color:var(--action);margin-bottom:12px}.overview-empty h3{font-size:1rem;color:var(--ink);font-weight:500;margin-bottom:7px}.overview-empty p{font-size:.9rem;margin-bottom:12px}.overview-empty a{font-size:.88rem}.overview-empty.compact{padding:18px 8px}.overview-empty.compact>svg{color:#315bd8;margin-bottom:12px}.overview-section-note{font-size:.75rem;color:var(--muted);margin:0 0 10px}.overview-arrival{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);color:var(--ink)}.overview-arrival>span:nth-child(2){flex:1;min-width:0}.overview-arrival strong{font-size:.88rem;font-weight:500;display:block;overflow-wrap:anywhere}.overview-arrival small{font-size:.75rem;display:block;margin-top:4px;overflow-wrap:anywhere}.overview-arrival time{font-size:.8rem;color:var(--action);white-space:nowrap}.overview-welcome{display:flex;align-items:center;gap:24px;background:linear-gradient(115deg,#e9effe,#fff)!important}.overview-welcome-icon{display:grid;place-items:center;height:86px;width:86px;flex:none;border-radius:20px;background:white;color:var(--action)}.overview-welcome h2{font-size:1.35rem;margin-bottom:8px}.overview-welcome p{font-size:.95rem;color:var(--muted);margin:0;max-width:65ch}.overview-live-status{margin:0}.product-shell .stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.product-shell .stats a{padding:15px;border-radius:10px}.product-shell .stats span{font-size:.8rem}.product-shell .stats strong{font-size:1.6rem}.product-shell .vehicle-card{border-radius:14px}.product-shell .vehicle-image{height:195px}.product-shell .vehicle-body{padding:18px}.product-shell .vehicle-body h3{font-size:1.17rem}.product-shell footer{line-height:1.7}
@media(max-width:1180px){.product-shell .sidebar{width:215px}.product-shell .main{margin-left:215px}.product-shell .content{padding:26px 24px}.product-shell .topbar{padding-inline:24px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns{grid-template-columns:1fr}.product-shell .stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.product-shell .sidebar{position:static;width:auto;padding:14px 18px;gap:0}.product-shell .brand{padding:0}.product-shell .brandmark{height:32px;width:32px}.product-shell .main{margin-left:0}.shell-nav{margin-top:16px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}.shell-nav-more{grid-column:1/-1}.shell-nav[hidden]{display:none!important}.shell-menu-toggle{display:inline-flex}.product-shell .sidebar nav a{font-size:.9rem}.product-shell .rail-label{display:block}.product-shell .rail-bottom{display:none}.product-shell .topbar{height:auto;min-height:58px;padding:10px 18px}.product-shell .content{padding:24px 18px}.overview-heading{align-items:flex-start}.product-shell .page-heading .muted{font-size:.95rem}.product-shell .page-heading>.button{flex:none}.overview-metrics{gap:10px;margin-bottom:20px}.overview-metrics>a{padding:16px}.overview-metrics span{font-size:.85rem}.overview-metrics strong{font-size:1.8rem}.overview-panel{padding:20px!important}.overview-columns{gap:0}.overview-connection{flex-wrap:wrap}.product-shell .fine{font-size:.9rem;line-height:1.6}.product-shell .top-actions{gap:12px}}
@media(max-width:560px){.product-shell .content{padding:20px 14px}.product-shell .page-heading{gap:15px;flex-wrap:wrap}.product-shell .page-heading h1{font-size:1.8rem}.product-shell .page-heading>.button{min-height:44px}.overview-row-action{font-size:0}.overview-row-action svg{width:18px;height:18px}.overview-car-row{gap:10px}.overview-car-row>img,.overview-photo-placeholder{width:62px;height:52px}.overview-car-copy>strong{font-size:.95rem}.overview-row-meta small{font-size:.8rem}.overview-task strong{font-size:.95rem}.overview-arrival{flex-wrap:wrap}.overview-arrival time{margin-left:48px}.overview-welcome{align-items:flex-start;gap:14px}.overview-welcome-icon{width:48px;height:48px;border-radius:12px}.overview-welcome-icon svg{width:28px;height:28px}.overview-welcome h2{font-size:1.15rem}.overview-welcome p{font-size:.95rem}.overview-panel .section-heading{align-items:flex-start}.overview-panel .section-heading a{font-size:.8rem}.product-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.product-shell .stats a{display:flex;align-items:center;justify-content:space-between}.product-shell .stats strong{margin:0}.product-shell .vehicle-grid{grid-template-columns:minmax(0,1fr)}.product-shell .top-actions{margin-left:0}.connection-pill{max-width:180px}.product-shell input:not([type=checkbox]),.product-shell select,.product-shell textarea{font-size:16px}.product-shell .filter select{font-size:.9rem}.shell-language .ops-language{min-width:230px}}
@media(prefers-reduced-motion:reduce){.product-shell *{scroll-behavior:auto!important;transition:none!important}}
@media print{.product-shell .sidebar,.product-shell .topbar,.shell-test-mode{display:none!important}.product-shell .main{margin:0}.overview-columns{display:block}.overview-metrics{grid-template-columns:repeat(4,1fr)}}
[dir=rtl].product-shell .sidebar{inset:0 0 0 auto}[dir=rtl].product-shell .main{margin-right:232px;margin-left:0}[dir=rtl] .shell-language .ops-language{right:auto;left:0}
@media(max-width:1180px){[dir=rtl].product-shell .main{margin-right:215px}}@media(max-width:850px){[dir=rtl].product-shell .main{margin-right:0}}
.product-calendar{grid-template-columns:repeat(7,minmax(0,1fr))}.product-calendar .calendar-day{min-height:115px}.calendar-no-post{color:#aab9ce;display:block;margin-top:16px;font-size:.85rem}.calendar-filter{align-items:center;flex-wrap:wrap;margin-bottom:20px}.calendar-filter label{margin:0}.calendar-filter a{font-size:.85rem;margin-left:auto}.calendar-filter select{min-height:38px}.calendar-limit{margin:16px 0 0}.badge.uncertain,.badge.restricted,.badge.stopped{background:#fff0d5;color:#8f651d}.badge.processing,.badge.uploading{background:#eae7fa;color:#6856a6}.badge.rejected{background:#fae5e3;color:#ae4740}.badge.uploaded{background:#edf0f5;color:#596577}
@media(max-width:850px){.product-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){.product-calendar{display:none}.calendar-filter{display:flex}.calendar-filter label{width:100%;font-size:.9rem}.calendar-filter select{flex:1}.calendar-filter a{margin-left:0;width:100%;padding-top:4px}.calendar-agenda table,.calendar-agenda tbody,.calendar-agenda tr,.calendar-agenda td{display:block;width:100%}.calendar-agenda thead{display:none}.calendar-agenda tr{border-bottom:1px solid var(--line);padding:14px 0}.calendar-agenda td{border:0;padding:4px 0;font-size:.95rem}.calendar-agenda td[data-label]::before{content:attr(data-label) ': ';color:var(--muted);font-size:.85rem}.calendar-agenda td:first-child{font-size:1rem}.calendar-agenda td:last-child{padding-top:10px}.calendar-agenda tr:last-child{border:0}}
.vehicle-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.product-shell .filter input[type=search]{width:220px;margin:0;min-height:38px;font-size:.85rem}.product-shell .section-heading .filter{flex-wrap:wrap}.product-shell .filter select{min-height:38px}@media(max-width:560px){.product-shell .section-heading{align-items:stretch;flex-wrap:wrap}.product-shell .section-heading .filter{width:100%}.product-shell .filter input[type=search]{width:100%;font-size:16px}.product-shell .filter select{flex:1}.vehicle-pagination{gap:10px;justify-content:space-between}}

@media(max-width:850px){.product-shell .shell-nav:not([hidden])+.rail-bottom{display:block;margin-top:16px;padding-top:16px}.product-shell .rail-bottom .logout{min-height:44px}}

.product-shell .sidebar a:focus-visible,.shell-nav-more>summary:focus-visible,.shell-menu-toggle:focus-visible{outline:2px solid #a9c0fa;outline-offset:2px}.shell-language>summary:focus-visible{outline:2px solid var(--action);outline-offset:3px}