:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f4;--line: #d9dee5;--text: #20242a;--muted: #667085;--accent: #ca2026;--accent-2: #fff0f1;--good: #287a4f;--warn: #9a5b12;--bad: #b4232a;--shadow: 0 12px 28px rgba(17, 24, 39, .07);font-family:Instrument Sans,Aptos,Segoe UI,system-ui,sans-serif;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;background:#1f242b;color:#f8fafc;display:flex;flex-direction:column;gap:18px}.brand-block,.auth-panel{display:flex;align-items:center;gap:12px}.brand-logo-frame{width:82px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(255,255,255,.72);padding:6px 8px;overflow:hidden}.brand-logo-frame img{max-width:100%;max-height:100%;display:block;object-fit:contain}.brand-block strong,.auth-panel strong{display:block;font-size:14px}.brand-block span,.auth-panel span{display:block;color:#b8c0cc;font-size:12px}.nav-list{display:grid;gap:4px}.nav-item{height:38px;border:0;border-radius:7px;color:#d6dce5;background:transparent;display:flex;gap:10px;align-items:center;padding:0 10px;text-align:left}.nav-item:hover,.nav-item.active{background:#ca20262e;color:#fff}.auth-panel{margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px}.main{padding:20px;display:grid;gap:16px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:0}h2{font-size:21px}h3{font-size:14px}.topbar p,.muted{color:var(--muted);font-size:13px}.search-box{width:360px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;align-items:center;gap:8px}.inline-search{width:320px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);display:flex;align-items:center;gap:8px}.inline-search.full{width:100%}.search-box input{width:100%;border:0;outline:0;background:transparent}.inline-search input{width:100%;min-width:0;border:0;outline:0;background:transparent}.stack,.vehicle-detail{display:grid;gap:14px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.kpi,.panel,.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px}.kpi{padding:12px;display:grid;gap:5px}.kpi svg{color:var(--accent)}.kpi span,.metric span,small{color:var(--muted);font-size:12px}.kpi strong{font-size:22px}.good strong,.good svg,.dot.good{color:var(--good)}.warn strong,.warn svg,.dot.warn{color:var(--warn)}.bad strong,.bad svg,.dot.bad{color:var(--bad)}.split-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:14px}.panel{min-width:0;box-shadow:var(--shadow);overflow:hidden}.panel-header{min-height:44px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px}th{position:sticky;top:0;z-index:1;background:#fbfcfd;color:var(--muted);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em}th,td{border-bottom:1px solid var(--line);padding:10px 12px;white-space:nowrap}td strong,td span{display:block}td span{color:var(--muted);font-size:12px}tbody tr{cursor:pointer}tbody tr:hover,.selected-row{background:#f4f6f8}.compact-table th,.compact-table td{padding:8px 10px}.status-pill,.chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--line);background:#f8fafc;color:#384250;font-size:12px}.chip{border-radius:6px;background:#fff}.chip.active{border-color:var(--accent);background:var(--accent-2);color:#86151a}.filter-strip{padding:10px;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px}.workspace-grid{display:grid;grid-template-columns:.95fr 1.7fr;gap:14px}.vehicle-list-panel{max-height:calc(100vh - 104px);overflow:auto}.vehicle-header{padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:16px;box-shadow:var(--shadow)}.eyebrow{color:var(--accent);font-size:12px;font-weight:700}.summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px}.metric{padding:9px}.metric strong{display:block;margin-top:4px}.detail-grid{display:grid;grid-template-columns:1fr 280px;gap:14px}.timeline{display:grid}.step-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.step-row:last-child{border-bottom:0}.step-main{display:grid;grid-template-columns:14px 1fr;gap:10px}.step-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--accent)}.step-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.step-title span{color:var(--muted);font-size:12px}.progress{height:5px;border-radius:999px;background:#e8edf3;overflow:hidden;margin:7px 0}.progress span{display:block;height:100%;background:var(--accent)}.step-row p{color:var(--muted);font-size:12px}.mini-list{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.mini-list span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:#f4f6f8;color:#384250;font-size:12px}.step-actions{display:flex;gap:5px;align-items:flex-start}.icon-button,.ghost-button,.primary-button{border:1px solid var(--line);border-radius:7px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:var(--text);padding:0 10px}.icon-button{width:34px;padding:0}.primary-button{background:var(--accent);border-color:var(--accent);color:#fff}.ghost-button:hover,.icon-button:hover{background:#f4f6f8}.right-rail{display:grid;gap:12px;align-content:start}.customer-connect{padding:12px;display:grid;gap:10px}.linked-customer{padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;display:grid;gap:3px}.linked-customer span,.linked-customer small{color:var(--muted);font-size:12px}.linked-customer strong{font-size:14px}.customer-results{display:grid;gap:6px;max-height:220px;overflow:auto}.customer-result{min-height:42px;border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:#fff;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.customer-result:hover,.customer-result.active{border-color:var(--accent);background:var(--accent-2)}.customer-result span,.customer-result strong,.customer-result small{display:block}.customer-result small{color:var(--muted);font-size:12px;margin-top:2px}.button-stack,.button-grid,.card-stack,.action-list{display:grid;gap:8px;padding:12px}.button-grid{grid-template-columns:1fr 1fr}.readiness{margin:12px;padding:12px;border-radius:8px;background:#f8fafc}.readiness strong,.readiness span{display:block}.missing-list{margin:0;padding:0 14px 14px 28px;color:var(--muted);font-size:13px}.action-row,.pipeline-card{text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff}.action-row{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:10px}.action-row strong{grid-column:2;color:var(--muted);font-size:12px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pipeline-card{padding:12px}.pipeline-card span,.pipeline-card div{margin-top:7px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.receipt-list,.xero-list{display:grid}.receipt-row,.xero-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.xero-row{grid-template-columns:1fr auto 220px auto 1.3fr;align-items:center}.receipt-row strong,.receipt-row span,.xero-row strong,.xero-row span{display:block}.receipt-row span,.xero-row span,.xero-row small{color:var(--muted);font-size:12px}.receipt-meta{display:flex;align-items:center;gap:8px}select{height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;width:100%;overflow-x:hidden}.sidebar{position:static;height:auto;padding:12px;gap:12px;min-width:0;max-width:100vw}.brand-block{align-items:flex-start}.nav-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.nav-item{flex:0 0 auto;min-width:128px}.auth-panel{margin-top:0}.main{padding:12px;max-width:100vw;overflow-x:hidden}.topbar,.vehicle-header{align-items:stretch;flex-direction:column}.search-box,.inline-search{width:100%}.kpi-grid,.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.workspace-grid{grid-template-columns:1fr;min-width:0;max-width:100%}.detail-grid{display:flex;flex-direction:column;min-width:0;max-width:100%}.vehicle-detail,.vehicle-header,.right-rail{min-width:0;max-width:100%}table{min-width:760px}.right-rail{order:-1;position:relative;z-index:2}.customer-connect{position:relative;z-index:3}.vehicle-list-panel{max-height:none}.board,.xero-row,.receipt-row{grid-template-columns:1fr}.receipt-meta{align-items:stretch;flex-direction:column}}