/* Tuloss Fleet — shared interface. Loaded after the existing output.css. */
:root {
  --fleet-canvas:#f4f6f9; --fleet-surface:#fff; --fleet-soft:#f8fafc;
  --fleet-ink:#17212e; --fleet-muted:#617084; --fleet-line:#e3e8ef;
  --fleet-blue:#2c5aa0; --fleet-blue-hover:#21487f; --fleet-tint:#edf3fc;
  --fleet-green:#18754e; --fleet-green-bg:#eaf6ef;
  --fleet-amber:#925b08; --fleet-amber-bg:#fff5df;
  --fleet-red:#b8323d; --fleet-red-bg:#fff0f1;
  --fleet-radius:10px; --fleet-shadow:0 8px 32px rgba(25,43,70,.06);
  color-scheme:light;
}
html.dark {
  --fleet-canvas:#111823; --fleet-surface:#192332; --fleet-soft:#1e2b3c;
  --fleet-ink:#edf2f8; --fleet-muted:#abb9cb; --fleet-line:#304055;
  --fleet-blue:#9bbef4; --fleet-blue-hover:#c3d8fa; --fleet-tint:#243650;
  --fleet-green:#94deb7; --fleet-green-bg:#173a2e;
  --fleet-amber:#f2cf85; --fleet-amber-bg:#40331d;
  --fleet-red:#ffb0b7; --fleet-red-bg:#412631;
  --fleet-shadow:0 8px 32px rgba(0,0,0,.12); color-scheme:dark;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body.fleet-app,body.fleet-marketing { margin:0; max-width:none; background:var(--fleet-canvas); color:var(--fleet-ink); font-family:Inter,InterVariable,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.55; -webkit-font-smoothing:antialiased; }
.fleet-app [hidden],.fleet-marketing [hidden] { display:none!important; }
.fleet-app h1,.fleet-app h2,.fleet-app h3,.fleet-marketing h1,.fleet-marketing h2,.fleet-marketing h3,.fleet-app p,.fleet-marketing p { margin:0; }
.fleet-app h1 { font-size:clamp(24px,2.3vw,30px); font-weight:650; letter-spacing:-.045em; line-height:1.2; }
.fleet-app h2 { font-size:16px; font-weight:650; letter-spacing:-.02em; }
.fleet-app h3 { font-size:14px; font-weight:650; }
.fleet-app a,.fleet-marketing a { color:inherit; text-decoration:none; }
.fleet-app button,.fleet-marketing button { font:inherit; cursor:pointer; }
.fleet-app button:disabled,.fleet-marketing button:disabled { cursor:not-allowed; opacity:.55; }
.fleet-app :focus-visible,.fleet-marketing :focus-visible { outline:3px solid #6296e3; outline-offset:3px; }
.fleet-icon { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.fleet-icon.small { width:16px; height:16px; }
.fleet-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.fleet-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.fleet-skip { position:fixed; top:8px; left:12px; z-index:200; transform:translateY(-150%); padding:10px 18px; background:var(--fleet-surface); border:1px solid var(--fleet-blue); }
.fleet-skip:focus { transform:none; }
.fleet-muted { color:var(--fleet-muted); }
.fleet-mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.92em; letter-spacing:.02em; }
.fleet-number { font-variant-numeric:tabular-nums; white-space:nowrap; }
.fleet-overline { color:var(--fleet-muted); font-size:10px; font-weight:650; letter-spacing:.14em; text-transform:uppercase; }
.fleet-stack { display:grid; gap:24px; }
.fleet-inline { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.fleet-link { color:var(--fleet-blue)!important; font-weight:600; }
.fleet-link:hover { text-decoration:underline; text-underline-offset:3px; }
.fleet-brand { display:inline-flex; align-items:center; gap:11px; font-size:20px; letter-spacing:-.04em; white-space:nowrap; }
.fleet-brand strong { font-weight:750; }
.fleet-brand span { font-weight:400; }
.fleet-brand-logo { width:34px; height:34px; object-fit:contain; flex-shrink:0; }
.fleet-sidebar { position:fixed; inset:0 auto 0 0; z-index:60; width:232px; display:flex; flex-direction:column; background:var(--fleet-surface); border-right:1px solid var(--fleet-line); padding:25px 16px 16px; overflow-y:auto; }
.fleet-sidebar>.fleet-brand { padding:0 10px; margin-bottom:27px; }
.fleet-workspace { padding:13px 12px; margin-bottom:24px; border:1px solid var(--fleet-line); border-radius:8px; display:flex; align-items:center; gap:10px; }
.fleet-workspace>div { min-width:0; }
.fleet-workspace strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fleet-workspace small { display:block; font-size:10px; color:var(--fleet-muted); margin-top:2px; }
.fleet-workspace>.fleet-icon { color:var(--fleet-blue); }
.fleet-nav-group { margin:0 0 22px; }
.fleet-nav-label { display:block; padding:0 12px; margin-bottom:8px; color:var(--fleet-muted); font-size:9px; text-transform:uppercase; letter-spacing:.15em; font-weight:650; }
.fleet-nav-link { display:flex; align-items:center; gap:11px; padding:10px 12px; margin:3px 0; border-radius:7px; color:var(--fleet-muted)!important; font-size:12px; font-weight:500; }
.fleet-nav-link:hover { background:var(--fleet-soft); color:var(--fleet-ink)!important; }
.fleet-nav-link.active { background:var(--fleet-tint); color:var(--fleet-blue)!important; font-weight:650; }
.fleet-sidebar-foot { margin-top:auto; padding-top:14px; border-top:1px solid var(--fleet-line); }
.fleet-user { display:flex; align-items:center; gap:10px; padding:10px 8px 2px; }
.fleet-avatar { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; background:var(--fleet-tint); border:1px solid var(--fleet-line); border-radius:50%; font-size:11px; font-weight:700; color:var(--fleet-blue); }
.fleet-user strong { display:block; font-size:12px; }
.fleet-user small { color:var(--fleet-muted); font-size:10px; }
.fleet-user-actions { display:flex; margin-left:auto; }
.fleet-app-frame { margin-left:232px; min-width:0; }
.fleet-toolbar { height:73px; background:var(--fleet-surface); border-bottom:1px solid var(--fleet-line); display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 34px; }
.fleet-toolbar-context { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--fleet-muted); }
.fleet-toolbar-context strong { color:var(--fleet-ink); font-weight:550; }
.fleet-search { position:relative; width:min(360px,45vw); }
.fleet-search>.fleet-icon { position:absolute; top:11px; left:12px; color:var(--fleet-muted); width:17px; height:17px; }
.fleet-search input { width:100%; padding:9px 38px; color:var(--fleet-ink); background:var(--fleet-soft); border:1px solid var(--fleet-line); border-radius:7px; font:inherit; font-size:12px; }
.fleet-search input::placeholder { color:var(--fleet-muted); opacity:1; }
.fleet-search-results { position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:70; background:var(--fleet-surface); border:1px solid var(--fleet-line); border-radius:8px; padding:6px; box-shadow:var(--fleet-shadow); max-height:360px; overflow:auto; }
.fleet-search-results.hidden { display:none; }
.fleet-search-results a { display:block; padding:10px; border-radius:5px; font-size:12px; }
.fleet-search-results a:hover { background:var(--fleet-tint); }
.fleet-search-results>div,.fleet-search-results>p { padding:8px 10px; font-size:11px; color:var(--fleet-muted); }
.fleet-main { max-width:1650px; margin:0 auto; padding:32px 34px 48px; }
.fleet-page-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; }
.fleet-page-head p { color:var(--fleet-muted); margin-top:7px; font-size:12px; }
.fleet-breadcrumb { display:flex; align-items:center; gap:8px; color:var(--fleet-muted); font-size:11px; margin-bottom:13px; }
.fleet-breadcrumb a:hover { color:var(--fleet-blue); }
.fleet-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:39px; padding:9px 15px; border:1px solid var(--fleet-line); border-radius:7px; background:var(--fleet-surface); color:var(--fleet-ink)!important; font-size:12px!important; font-weight:600; white-space:nowrap; transition:background .15s,border-color .15s; }
.fleet-button:not(:disabled):not([aria-disabled=true]):hover { background:var(--fleet-tint); border-color:var(--fleet-blue); color:var(--fleet-blue)!important; }
.fleet-button.primary { background:#2c5aa0; border-color:#2c5aa0; color:white!important; }
.fleet-button.primary:not(:disabled):not([aria-disabled=true]):hover { background:#21487f; border-color:#21487f; color:white!important; }
.fleet-button.subtle { background:transparent; border-color:transparent; }
.fleet-button.danger { color:var(--fleet-red)!important; }
.fleet-button.success { color:var(--fleet-green)!important; }
.fleet-button.warning { color:var(--fleet-amber)!important; }
.fleet-button.success:not(:disabled):not([aria-disabled=true]):hover { background:var(--fleet-green-bg); border-color:var(--fleet-green); color:var(--fleet-green)!important; }
.fleet-button.warning:not(:disabled):not([aria-disabled=true]):hover { background:var(--fleet-amber-bg); border-color:var(--fleet-amber); color:var(--fleet-amber)!important; }
.fleet-button:is(.danger,.danger-solid):not(:disabled):not([aria-disabled=true]):hover { background:var(--fleet-red-bg); border-color:var(--fleet-red); color:var(--fleet-red)!important; }
.fleet-hover:hover { background:var(--fleet-tint); color:var(--fleet-blue); }
.fleet-button.small { min-height:32px; padding:5px 10px; font-size:11px!important; }
.fleet-icon-button { display:inline-grid; place-items:center; width:36px; height:36px; border:1px solid var(--fleet-line); border-radius:7px; background:var(--fleet-surface); color:var(--fleet-muted); }
.fleet-icon-button:not(:disabled):not([aria-disabled=true]):hover { background:var(--fleet-tint); border-color:var(--fleet-blue); color:var(--fleet-blue); }
.fleet-mobile-toggle { display:none; }
.fleet-overlay { position:fixed; inset:0; z-index:50; background:rgba(10,20,35,.5); }
.fleet-panel { background:var(--fleet-surface); border:1px solid var(--fleet-line); border-radius:var(--fleet-radius); overflow:hidden; }
.fleet-panel:has(.fleet-dropdown) { overflow:visible; }
.fleet-panel-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:20px 22px; border-bottom:1px solid var(--fleet-line); }
.fleet-panel-head p { margin-top:4px; font-size:11px; color:var(--fleet-muted); }
.fleet-panel-body { padding:22px; }
.fleet-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.fleet-kpi { background:var(--fleet-surface); border:1px solid var(--fleet-line); border-radius:var(--fleet-radius); padding:20px 22px; min-width:0; }
.fleet-kpi-top { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:11px; color:var(--fleet-muted); }
.fleet-kpi-top .fleet-icon { width:18px; height:18px; }
.fleet-kpi-value { display:block; margin-top:14px; font-size:32px; line-height:1.2; letter-spacing:-.045em; font-weight:650; font-variant-numeric:tabular-nums; }
.fleet-kpi-value small { font-size:14px; font-weight:450; color:var(--fleet-muted); letter-spacing:0; }
.fleet-kpi-note { display:flex; gap:6px; align-items:center; margin-top:10px; font-size:10px; color:var(--fleet-muted); }
.fleet-dot { display:inline-block; width:6px; height:6px; background:var(--fleet-green); border-radius:50%; flex-shrink:0; }
.fleet-dot.amber { background:var(--fleet-amber); }
.fleet-badge { display:inline-flex; align-items:center; gap:6px; border-radius:5px; padding:4px 8px; font-size:10px; font-weight:600; line-height:1.4; color:var(--fleet-muted); background:var(--fleet-soft); white-space:nowrap; }
.fleet-badge.success { color:var(--fleet-green); background:var(--fleet-green-bg); }
.fleet-badge.warning { color:var(--fleet-amber); background:var(--fleet-amber-bg); }
.fleet-badge.danger { color:var(--fleet-red); background:var(--fleet-red-bg); }
.fleet-badge.info { color:var(--fleet-blue); background:var(--fleet-tint); }
.fleet-two-col { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:start; }
.fleet-alert-row { display:flex; align-items:flex-start; gap:12px; padding:16px 22px; border-bottom:1px solid var(--fleet-line); }
.fleet-alert-row:last-child { border-bottom:0; }
.fleet-alert-mark { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; background:var(--fleet-amber-bg); color:var(--fleet-amber); border-radius:7px; }
.fleet-alert-mark.danger { color:var(--fleet-red); background:var(--fleet-red-bg); }
.fleet-alert-copy { flex:1; min-width:0; }
.fleet-alert-copy strong { display:block; font-size:12px; font-weight:600; }
.fleet-alert-copy p { font-size:11px; color:var(--fleet-muted); margin-top:4px; }
.fleet-alert-copy .fleet-badge { margin-top:6px; }
.fleet-alert-actions { margin:10px 0 0; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.fleet-empty { text-align:center; padding:38px 24px; color:var(--fleet-muted); font-size:12px; }
.fleet-empty>.fleet-icon { width:28px; height:28px; margin:0 auto 12px; color:var(--fleet-blue); }
.fleet-empty strong { display:block; color:var(--fleet-ink); margin-bottom:5px; font-weight:600; }
.fleet-empty .fleet-button { margin-top:16px; }
.fleet-chart-wrap { height:270px; position:relative; }
.fleet-legend { display:flex; align-items:center; gap:18px; font-size:11px; color:var(--fleet-muted); }
.fleet-legend i { display:inline-block; width:8px; height:8px; margin-right:6px; background:#2c5aa0; border-radius:2px; }
.fleet-legend .expense { background:#a58b64; }
.fleet-segment { display:inline-flex; align-items:center; flex-wrap:wrap; gap:3px; background:var(--fleet-soft); border:1px solid var(--fleet-line); border-radius:7px; padding:3px; }
.fleet-segment>a,.fleet-segment>label { padding:6px 12px; font-size:11px; font-weight:550; border-radius:4px; cursor:pointer; color:var(--fleet-muted); }
.fleet-segment>a[aria-current=page],.fleet-segment>label:has(input:checked) { background:var(--fleet-surface); color:var(--fleet-ink); box-shadow:0 1px 3px rgba(0,0,0,.06); }
.fleet-segment>label:has(input:focus-visible) { outline:3px solid #6296e3; outline-offset:2px; }
.fleet-filter-bar { padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; border-bottom:1px solid var(--fleet-line); }
.fleet-table-wrap { overflow-x:auto; }
.fleet-table { width:100%; border-collapse:collapse; font-size:12px; text-align:left; }
.fleet-table th { padding:12px 20px; background:var(--fleet-soft); color:var(--fleet-muted); font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.075em; border-bottom:1px solid var(--fleet-line); white-space:nowrap; }
.fleet-table td { padding:17px 20px; border-bottom:1px solid var(--fleet-line); vertical-align:middle; }
.fleet-table tbody tr:last-child td { border-bottom:0; }
.fleet-table tbody tr:hover { background:var(--fleet-soft); }
.fleet-table .numeric { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.fleet-table strong { font-weight:600; }
.fleet-table small { display:block; color:var(--fleet-muted); font-size:10px; margin-top:4px; }
.fleet-table td:last-child { text-align:right; }
.fleet-vehicle-cell { display:flex; gap:12px; align-items:center; }
.fleet-vehicle-glyph { width:34px; height:34px; display:grid; place-items:center; flex-shrink:0; color:var(--fleet-muted); border:1px solid var(--fleet-line); background:var(--fleet-soft); border-radius:7px; }
.fleet-vehicle-cell a { font-weight:650; }
.fleet-vehicle-cell a:hover { color:var(--fleet-blue); }
.fleet-table-note { font-size:10px; padding:13px 20px; color:var(--fleet-muted); border-top:1px solid var(--fleet-line); }
.fleet-notice { display:flex; gap:12px; padding:15px 18px; border:1px solid var(--fleet-line); border-radius:8px; background:var(--fleet-soft); font-size:12px; }
.fleet-notice.warning { background:var(--fleet-amber-bg); color:var(--fleet-amber); border-color:transparent; }
.fleet-notice.error { color:var(--fleet-red); background:var(--fleet-red-bg); border-color:transparent; }
.fleet-notice.success { color:var(--fleet-green); background:var(--fleet-green-bg); border-color:transparent; }
.fleet-notice ul { padding-left:18px; margin:6px 0 0; list-style:disc; }
.fleet-message { margin-bottom:18px; }
.fleet-mobile-vehicles { display:none; }
.fleet-tabs { display:flex; gap:25px; overflow-x:auto; border-bottom:1px solid var(--fleet-line); margin-bottom:24px; }
.fleet-tabs a { display:inline-block; white-space:nowrap; padding:0 0 13px; font-size:12px; color:var(--fleet-muted); border-bottom:2px solid transparent; }
.fleet-tabs a[aria-selected=true] { color:var(--fleet-blue); border-color:var(--fleet-blue); font-weight:650; }
.fleet-detail-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1.8fr); gap:22px; align-items:start; }
.fleet-definition { margin:0; }
.fleet-definition>div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:12px 0; border-bottom:1px solid var(--fleet-line); font-size:12px; }
.fleet-definition>div:last-child { border:0; }
.fleet-definition dt { color:var(--fleet-muted); }
.fleet-definition dd { margin:0; font-weight:550; text-align:right; overflow-wrap:anywhere; }
.fleet-stat-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.fleet-stat-strip>div { padding:18px 22px; border-right:1px solid var(--fleet-line); }
.fleet-stat-strip>div:last-child { border:0; }
.fleet-stat-strip small { display:block; color:var(--fleet-muted); font-size:10px; }
.fleet-stat-strip strong { display:block; font-size:22px; letter-spacing:-.03em; margin-top:5px; }
.fleet-dropdown { position:relative; }
.fleet-dropdown>summary { list-style:none; }
.fleet-dropdown>summary::-webkit-details-marker { display:none; }
.fleet-dropdown-menu { position:absolute; right:0; top:calc(100% + 7px); min-width:175px; z-index:25; padding:6px; background:var(--fleet-surface); border:1px solid var(--fleet-line); border-radius:8px; box-shadow:var(--fleet-shadow); }
.fleet-dropdown-menu a,.fleet-dropdown-menu button { display:block; width:100%; padding:9px 11px; text-align:left; font-size:12px; border:0; border-radius:5px; background:transparent; color:var(--fleet-ink); }
.fleet-dropdown-menu a:hover,.fleet-dropdown-menu button:hover { background:var(--fleet-tint); color:var(--fleet-blue); }
.fleet-dropdown-menu :is(a,button).danger:hover { background:var(--fleet-red-bg); color:var(--fleet-red); }
.fleet-dropdown-menu .danger { color:var(--fleet-red); }
.fleet-form-layout { display:grid; grid-template-columns:minmax(0,860px) minmax(180px,1fr); gap:32px; align-items:start; }
.fleet-form { display:grid; gap:22px; min-width:0; }
.fleet-form-section { padding:25px; }
.fleet-form-section-head { display:flex; gap:13px; margin-bottom:24px; }
.fleet-section-index { width:26px; height:26px; display:grid; place-items:center; color:var(--fleet-blue); background:var(--fleet-tint); border-radius:6px; font-size:10px; font-family:ui-monospace,monospace; flex-shrink:0; }
.fleet-form-section-head p { font-size:11px; color:var(--fleet-muted); margin-top:5px; }
.fleet-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.fleet-field { min-width:0; }
.fleet-field>label { display:block; font-size:12px; font-weight:550; margin-bottom:7px; }
.fleet-required { color:var(--fleet-red); }
.fleet-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.fleet-field select,.fleet-field textarea { width:100%; max-width:100%; min-height:42px; padding:10px 12px; border:1px solid var(--fleet-line); border-radius:6px; background:var(--fleet-surface); color:var(--fleet-ink); font:inherit; font-size:12px; box-shadow:none; }
.fleet-field select { padding-right:30px; }
.fleet-field input[type=file] { padding:9px; font-size:11px; }
.fleet-field input::file-selector-button { background:var(--fleet-soft); color:var(--fleet-ink); border:1px solid var(--fleet-line); padding:5px 9px; border-radius:4px; margin-right:10px; font:inherit; }
.fleet-field input[type=checkbox] { accent-color:#2c5aa0; }
.fleet-field textarea { min-height:90px; resize:vertical; }
.fleet-field.has-errors input,.fleet-field.has-errors select,.fleet-field.has-errors textarea { border-color:var(--fleet-red)!important; }
.fleet-field-help,.fleet-field-errors { display:block; font-size:10px; margin-top:6px; color:var(--fleet-muted); }
.fleet-field-errors { color:var(--fleet-red); }
.fleet-document-editor { border:1px solid var(--fleet-line); background:var(--fleet-soft); border-radius:8px; padding:20px; margin-bottom:16px; scroll-margin-top:25px; }
.fleet-document-editor h3 { margin-bottom:18px; }
.fleet-document-editor.is-deleted { opacity:.65; }
.fleet-delete-line { display:flex; align-items:center; gap:8px; color:var(--fleet-red); font-size:11px; margin-top:18px; }
.fleet-delete-line input { accent-color:var(--fleet-red); }
.fleet-form-actions { display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; position:sticky; bottom:16px; z-index:15; padding:15px 20px; border:1px solid var(--fleet-line); border-radius:9px; box-shadow:var(--fleet-shadow); background:var(--fleet-surface); }
.fleet-form-actions p { color:var(--fleet-muted); font-size:10px; }
.fleet-form-aside { position:sticky; top:25px; color:var(--fleet-muted); font-size:12px; padding:14px 0; }
.fleet-form-aside h2 { font-size:12px; color:var(--fleet-ink); margin-bottom:16px; }
.fleet-form-aside a { display:block; padding:9px 0; }
.fleet-form-aside p { border-top:1px solid var(--fleet-line); margin-top:18px; padding-top:18px; font-size:11px; line-height:1.8; }
.fleet-form-status { color:var(--fleet-muted); font-size:11px; margin-top:10px; }
.fleet-panel[data-document-manager] { overflow:visible; }
.fleet-chart-data summary { cursor:pointer; font-size:11px; color:var(--fleet-muted); padding:12px 0 0; }
.fleet-app .fleet-pagination { margin-top:20px; }
.fleet-app .fleet-pagination>nav { border:1px solid var(--fleet-line); border-radius:8px; background:var(--fleet-surface); font-size:11px; }
.fleet-app .fleet-pagination a { color:var(--fleet-blue); font-weight:600; }
.fleet-footer-note { margin-top:25px; display:flex; justify-content:space-between; gap:12px; font-size:10px; color:var(--fleet-muted); }
/* Marketing shares tokens, while retaining a light public presentation. */
body.fleet-marketing { --fleet-canvas:#f6f8fb; --fleet-surface:#fff; --fleet-soft:#f8fafc; --fleet-ink:#17212e; --fleet-muted:#617084; --fleet-line:#e3e8ef; --fleet-blue:#2c5aa0; --fleet-tint:#edf3fc; background:#fff; color-scheme:light; }
.fleet-marketing .fleet-brand-mark::after { border-color:white; }
.fleet-site-width { max-width:1180px; padding:0 30px; margin:0 auto; }
.fleet-site-header { position:relative; z-index:40; border-bottom:1px solid var(--fleet-line); background:rgba(255,255,255,.95); }
.fleet-site-header-inner { height:82px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.fleet-site-nav { display:flex; align-items:center; gap:28px; font-size:12px; color:var(--fleet-muted); }
.fleet-site-nav a:hover { color:var(--fleet-blue); }
.fleet-site-menu-button { display:none; }
.fleet-hero { position:relative; overflow:hidden; padding:88px 0 0; background:#f6f8fb; border-bottom:1px solid var(--fleet-line); }
.fleet-hero::before { position:absolute; content:""; inset:0; pointer-events:none; background:radial-gradient(ellipse 55% 80% at 88% 40%,rgba(142,181,236,.32),transparent 75%),radial-gradient(ellipse 25% 40% at 98% 3%,rgba(255,110,98,.12),transparent 80%); }
.fleet-hero-grid { display:grid; grid-template-columns:1fr .8fr; gap:60px; align-items:center; position:relative; }
.fleet-hero-kicker { display:inline-flex; align-items:center; gap:9px; color:var(--fleet-blue); font-size:10px; font-weight:650; text-transform:uppercase; letter-spacing:.14em; }
.fleet-hero h1 { font-size:clamp(45px,5.5vw,74px); font-weight:650; letter-spacing:-.065em; line-height:1.02; margin:23px 0; }
.fleet-hero h1 span { color:#2c5aa0; }
.fleet-hero-deck { max-width:500px; font-size:16px; line-height:1.8; color:var(--fleet-muted); }
.fleet-hero-actions { margin-top:30px; display:flex; gap:12px; flex-wrap:wrap; }
.fleet-marketing .fleet-button { min-height:43px; padding:11px 18px; }
.fleet-hero-caption { margin-top:18px!important; font-size:11px; color:var(--fleet-muted); }
.fleet-hero-record { background:rgba(255,255,255,.88); border:1px solid white; padding:25px; border-radius:12px; box-shadow:0 30px 65px rgba(44,90,160,.11); transform:rotate(2deg); }
.fleet-hero-record>.fleet-inline { justify-content:space-between; border-bottom:1px solid var(--fleet-line); padding-bottom:15px; }
.fleet-hero-record h2 { font-size:20px; letter-spacing:-.04em; font-weight:650; margin-top:20px; }
.fleet-hero-record>p { color:var(--fleet-muted); font-size:12px; margin:8px 0 22px; }
.fleet-product-signal { display:flex; align-items:center; gap:12px; padding:15px 0; border-top:1px solid var(--fleet-line); font-size:12px; }
.fleet-product-signal .fleet-icon { color:var(--fleet-blue); }
.fleet-product-signal small { display:block; color:var(--fleet-muted); font-size:10px; margin-top:3px; }
.fleet-hero-bottom { position:relative; margin-top:65px; padding:19px 0; border-top:1px solid rgba(44,90,160,.13); display:flex; justify-content:space-between; gap:20px; color:var(--fleet-muted); font-size:11px; }
.fleet-site-section { padding:80px 0; border-bottom:1px solid var(--fleet-line); }
.fleet-site-section.soft { background:#f6f8fb; }
.fleet-site-section h2 { font-size:clamp(28px,3.5vw,43px); font-weight:650; letter-spacing:-.055em; line-height:1.15; margin-top:13px; }
.fleet-section-deck { max-width:590px; color:var(--fleet-muted); font-size:14px; line-height:1.8; margin-top:18px!important; }
.fleet-outcomes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; margin-top:40px; }
.fleet-outcome { padding-top:23px; border-top:1px solid var(--fleet-line); }
.fleet-outcome>span { color:var(--fleet-blue); font-size:11px; font-family:ui-monospace,monospace; }
.fleet-outcome h3 { font-size:17px; letter-spacing:-.02em; font-weight:600; margin-top:18px; }
.fleet-outcome p { color:var(--fleet-muted); font-size:12px; line-height:1.85; margin-top:12px; }
.fleet-screen-frame { margin-top:38px; border:1px solid var(--fleet-line); border-radius:10px; padding:9px; background:#fff; box-shadow:var(--fleet-shadow); }
.fleet-screen-frame img { width:100%; height:auto; display:block; border-radius:5px; }
.fleet-screen-frame figcaption { padding:12px 8px 6px; color:var(--fleet-muted); font-size:11px; }
.fleet-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--fleet-line); border:1px solid var(--fleet-line); border-radius:10px; overflow:hidden; margin-top:35px; }
.fleet-capability { background:white; padding:25px; }
.fleet-capability>.fleet-icon { color:var(--fleet-blue); margin-bottom:16px; }
.fleet-capability h3 { font-size:14px; font-weight:600; }
.fleet-capability p { font-size:12px; color:var(--fleet-muted); line-height:1.8; margin-top:8px; }
.fleet-demo-video { margin-top:35px; aspect-ratio:16/9; width:100%; border:0; border-radius:10px; background:#17212e; }
.fleet-pricing-head { display:flex; justify-content:space-between; align-items:end; gap:25px; flex-wrap:wrap; }
.fleet-pricing-controls { display:flex; gap:12px; flex-wrap:wrap; }
.fleet-pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-top:35px; align-items:stretch; }
.fleet-price-card { background:white; border:1px solid var(--fleet-line); border-radius:10px; padding:25px; display:flex; flex-direction:column; position:relative; }
.fleet-price-card.recommended { border:2px solid #2c5aa0; padding:24px; }
.fleet-price-card h3 { font-size:17px; font-weight:650; margin:12px 0 0; }
.fleet-price { margin-top:20px; font-size:30px; font-weight:650; letter-spacing:-.055em; line-height:1.4; }
.fleet-price small { font-size:11px; font-weight:400; letter-spacing:0; color:var(--fleet-muted); }
.fleet-plan-description { color:var(--fleet-muted); font-size:11px; min-height:55px; margin-top:12px!important; }
.fleet-plan-quota { font-size:11px; margin-top:16px!important; padding:13px 0; border-block:1px solid var(--fleet-line); }
.fleet-plan-features { list-style:none; padding:14px 0; margin:0 0 12px; font-size:11px; flex:1; }
.fleet-plan-features li { display:flex; align-items:center; gap:8px; padding:6px 0; }
.fleet-plan-features .fleet-icon { color:#2c5aa0; width:14px; height:14px; }
.fleet-plan-features li.unavailable { color:var(--fleet-muted); }
.fleet-plan-features li.unavailable .fleet-icon { color:var(--fleet-muted); }
.fleet-enterprise { background:#172a46; color:white; border-radius:12px; padding:38px; margin-top:30px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.fleet-enterprise h3 { font-size:23px; letter-spacing:-.04em; font-weight:600; }
.fleet-enterprise p { color:#c7d3e4; font-size:12px; line-height:1.8; margin-top:10px; max-width:560px; }
.fleet-enterprise .fleet-button { background:white; border-color:white; color:#172a46!important; }
.fleet-site-footer { padding:35px 0; }
.fleet-site-footer-inner { display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.fleet-site-footer p { font-size:11px; color:var(--fleet-muted); margin-top:13px; }
.fleet-footer-links { display:flex; align-items:center; gap:20px; flex-wrap:wrap; font-size:10px; color:var(--fleet-muted); }
.fleet-vehicle-card-head { align-items:flex-start; }
@media(max-width:639px) { .fleet-icon-button { min-width:44px; min-height:44px; } .fleet-button { min-height:44px; } .fleet-nav-link { min-height:44px; } .fleet-mobile-vehicles .fleet-link { display:inline-flex; align-items:center; min-height:44px; } }
@media(min-width:1800px) { .fleet-main { padding-inline:48px; } }
@media(max-width:1199px) { .fleet-main { padding:28px 24px; } .fleet-toolbar { padding:0 24px; } .fleet-two-col { gap:16px; } .fleet-form-layout { grid-template-columns:minmax(0,1fr); } .fleet-form-aside { display:none; } .fleet-table td,.fleet-table th { padding-left:15px; padding-right:15px; } .fleet-hero-grid { gap:35px; } }
@media(max-width:959px) { .fleet-sidebar { transform:translateX(-100%); transition:transform .2s; width:260px; } .fleet-sidebar.is-open { transform:none; } .fleet-app-frame { margin-left:0; } .fleet-mobile-toggle { display:inline-grid; } .fleet-toolbar { height:68px; padding:0 20px; gap:12px; } .fleet-toolbar-context { margin-right:auto; } .fleet-search { width:min(360px,50vw); } .fleet-two-col { grid-template-columns:1fr; } .fleet-detail-grid { grid-template-columns:1fr; } .fleet-hero-grid { grid-template-columns:1fr; } .fleet-hero-record { display:none; } .fleet-hero { padding-top:60px; } .fleet-hero h1 { max-width:650px; } .fleet-outcomes { gap:25px; } .fleet-site-nav { gap:18px; } }
@media(max-width:639px) { .fleet-main { padding:23px 16px 32px; } .fleet-toolbar { padding:12px 16px; height:auto; flex-wrap:wrap; gap:12px; } .fleet-toolbar-context { font-size:11px; } .fleet-search { width:100%; order:3; } .fleet-page-head { align-items:flex-start; flex-wrap:wrap; gap:16px; margin-bottom:22px; } .fleet-page-head>.fleet-inline { width:100%; } .fleet-kpis { gap:9px; } .fleet-kpi { padding:14px 11px; } .fleet-kpi-top { font-size:10px; } .fleet-kpi-top .fleet-icon { display:none; } .fleet-kpi-value { font-size:24px; margin-top:11px; overflow-wrap:anywhere; } .fleet-kpi-value small { display:block; font-size:10px; margin-top:4px; } .fleet-kpi-note { font-size:9px; } .fleet-kpi-note .fleet-dot { display:none; } .fleet-kpis.financial { grid-template-columns:1fr; } .fleet-kpis.financial .fleet-kpi-value small { display:inline; } .fleet-panel-head,.fleet-panel-body { padding:17px; } .fleet-alert-row { padding:16px; } .fleet-alert-row>.fleet-button { padding:6px; min-width:32px; } .fleet-panel-head h2 { font-size:14px; } .fleet-desktop-vehicles { display:none; } .fleet-mobile-vehicles { display:block; } .fleet-vehicle-card { padding:20px; border-bottom:1px solid var(--fleet-line); } .fleet-vehicle-card:last-child { border:0; } .fleet-vehicle-card-head { display:flex; justify-content:space-between; gap:14px; } .fleet-vehicle-card p { margin-top:5px; color:var(--fleet-muted); font-size:11px; } .fleet-vehicle-card .fleet-inline { margin-top:16px; justify-content:space-between; font-size:11px; } .fleet-filter-bar { padding:13px; } .fleet-segment>a,.fleet-segment>label { padding:7px 9px; font-size:10px; } .fleet-tabs { gap:22px; } .fleet-fields { grid-template-columns:1fr; gap:18px; } .fleet-form-section { padding:20px; } .fleet-document-editor { padding:16px; } .fleet-form-actions { bottom:8px; padding:12px; } .fleet-form-actions>p { display:none; } .fleet-form-actions>.fleet-inline { justify-content:space-between; width:100%; } .fleet-table { min-width:580px; } .fleet-stat-strip { grid-template-columns:1fr; } .fleet-stat-strip>div { border-right:0; border-bottom:1px solid var(--fleet-line); } .fleet-footer-note { flex-direction:column; } .fleet-site-width { padding:0 20px; } .fleet-site-header-inner { height:72px; } .fleet-site-menu-button { display:inline-grid; } .fleet-site-nav { display:none; position:absolute; top:72px; left:0; right:0; padding:20px; background:white; border-bottom:1px solid var(--fleet-line); flex-direction:column; align-items:stretch; } .fleet-site-nav.is-open { display:flex; } .fleet-hero { padding-top:45px; } .fleet-hero h1 { font-size:51px; } .fleet-hero-deck { font-size:14px; } .fleet-hero-bottom { margin-top:42px; flex-direction:column; gap:10px; font-size:10px; } .fleet-site-section { padding:55px 0; } .fleet-outcomes,.fleet-capabilities { grid-template-columns:1fr; } .fleet-outcomes { gap:28px; } .fleet-enterprise { padding:25px; flex-direction:column; align-items:flex-start; gap:20px; } .fleet-pricing-controls { width:100%; } .fleet-plan-description { min-height:0; } .fleet-footer-links { align-items:flex-start; gap:15px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }
@media print { .fleet-sidebar,.fleet-toolbar,.fleet-form-actions,.fleet-icon-button,.fleet-tabs { display:none!important; } .fleet-app-frame { margin:0; } .fleet-main { max-width:none; padding:0; } .fleet-panel { break-inside:avoid; } [data-tab-panel][hidden] { display:block!important; } }