:root{color-scheme:light;--ink:#18364d;--muted:#657b8c;--green:#127db6;--lime:#b8e8ff;--paper:#f1f6fa;--line:#dbe5ed;--white:#fff;--surface:#fff;--soft:#e9f3fa;--nav:#f9fcff;--navtext:#577082}
body{background:var(--paper)}.sidebar{background:var(--nav);color:var(--ink);border-right:1px solid var(--line)}.brand{letter-spacing:0;line-height:1.2}.brand img{display:block;width:115px;height:62px;object-fit:contain}.brand strong{display:block;font-size:22px;letter-spacing:-.6px;margin-top:12px;color:var(--ink)}.brand small{font-size:9px;letter-spacing:1.8px;margin-top:6px;color:var(--muted)}.side-label{color:var(--muted)}.nav button{color:var(--navtext)}.nav button.active{background:#dceffc;color:#086a9e}.nav svg circle{fill:var(--nav)}.side-bottom{color:var(--muted)}.side-bottom strong{color:var(--ink)}.side-bottom hr{border-color:var(--line)!important}.status-dot{background:#2b9dd7}.topbar,.panel,.card,.filters,.pill{background:var(--surface)}.topbar-actions{display:flex;align-items:center;gap:18px}.theme-toggle{background:var(--soft);color:var(--ink);border:1px solid var(--line);padding:8px 11px;border-radius:20px;font-size:11px;white-space:nowrap}.avatar{background:var(--soft);color:var(--green)!important}.demo{background:#e0f1fc;color:#35617e;border-color:#cce4f4}.hero{background:#e5f1fa;border-color:#d5e6f3}.hero p{color:var(--muted)}.hero-badge{background:#b8e8ff;color:#096d9f}.primary:hover{background:#096c9e}.secondary{background:var(--surface);color:var(--ink)}.text-btn{color:var(--green)}input,select,textarea{background:var(--paper);color:var(--ink)}.identity select{color:var(--ink);background:var(--surface)}.car-image{background:linear-gradient(135deg,#eef4f8,#dce8f1)}.car-brand,.terms,.vat{color:var(--muted)}.tags .tag{background:var(--soft);border-color:var(--line);color:var(--ink)}.segmented{background:var(--paper)}.segmented button{color:var(--muted)}.segmented button.on{background:var(--surface);color:var(--green)}.notice{background:#eaf4fb;color:#386680}.notice.warning{background:#fff4dc;color:#806122}.reference{background:var(--paper)}.summary dl div,.doc-row{border-color:var(--line)}.state.present{background:#dff1fb;color:#216481}.state{background:#f3efdf;color:#7c6c39}.steps span{background:var(--line)}.steps span.done{background:#3a9bd0}.event:before{background:#3a9bd0;border-color:var(--surface)}.modal-top,.modal-actions{background:var(--paper)}dialog{background:var(--surface);color:var(--ink)}.quote-paper{background:#fff;color:#18364d}.quote-paper .tiny,.quote-paper .sub{color:#657b8c}.quote-paper .notice.warning{color:#806122;background:#fff4dc}#toast{background:#0a4e77}.routing-box{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.routing-box h3{margin-bottom:8px}.routing-box .form-grid{margin-top:16px}
html[data-theme=dark]{color-scheme:dark;--ink:#e0edf7;--muted:#9bb0c2;--green:#2899d3;--lime:#4cadd9;--paper:#0d1722;--line:#293e50;--white:#172635;--surface:#172635;--soft:#20394e;--nav:#101e2c;--navtext:#9fb7cc}
html[data-theme=dark] .nav button.active{background:#173e59;color:#91d7ff}html[data-theme=dark] .demo{background:#152e40;color:#a9d0e8;border-color:#28465d}html[data-theme=dark] .hero{background:#193248;border-color:#2a485e}html[data-theme=dark] .hero-badge{background:#246185;color:#c4ebff}html[data-theme=dark] .car-image{background:linear-gradient(135deg,#23394a,#172c3c)}html[data-theme=dark] .image-label{color:#a9bac6}html[data-theme=dark] .stock{background:#263c50;color:#c8deef}html[data-theme=dark] .stock.ready{background:#193c51;color:#a7dcf7}html[data-theme=dark] .notice{background:#19394f;color:#acd5ed}html[data-theme=dark] .notice.warning{background:#3b3220;color:#ead39c}html[data-theme=dark] .state{background:#3c3524;color:#e0ce99}html[data-theme=dark] .state.present{background:#204659;color:#a0d8f0}html[data-theme=dark] .state.correction{background:#482e28;color:#efb19d}html[data-theme=dark] .doc-icon{border-color:var(--line);color:var(--muted)}html[data-theme=dark] .reference strong{color:#a0d8f0!important}html[data-theme=dark] .identity option{background:var(--surface);color:var(--ink)}html[data-theme=dark] .quote-paper{color-scheme:light}html[data-theme=dark] .quote-paper .notice.warning{color:#806122;background:#fff4dc}html[data-theme=dark] .quote-paper td{border-color:#dbe5ed}
@media(max-width:760px){.brand{display:flex;align-items:center;gap:8px}.brand img{width:43px;height:29px}.brand strong{font-size:15px;margin:0}.brand small{display:none}.topbar-actions{gap:8px}.theme-toggle{padding:6px 8px;font-size:10px}.identity select{max-width:125px}.identity{gap:5px}.topbar .crumb{max-width:90px}.nav button{padding:8px 5px}.sidebar{gap:8px}}@media(max-width:430px){.brand img{width:35px}.brand strong{font-size:13px}.topbar .crumb{display:none}.topbar{justify-content:flex-end}.topbar-actions{width:100%;justify-content:space-between}.nav button{font-size:10px}}
.filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:25px;padding:18px}.catalog-search{display:flex;align-items:end;gap:20px;margin-bottom:14px}.catalog-search label{flex:1}.catalog-search .text-btn{white-space:nowrap;padding-right:0}.filter-panel .filters{padding:0;border:0;border-radius:0;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));background:transparent}.filter-panel .filters label:first-child{grid-column:auto}.extra-filters{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.extra-filters summary{cursor:pointer;color:var(--green);font-size:12px;font-weight:600}.extra-filters summary span{color:var(--muted);font-size:10px;font-weight:400;margin-left:18px}.extra-filters[open] .filters{margin-top:14px}.trim{font-weight:400;font-size:16px;color:var(--muted)}.stock.ready{background:#e0f2fc;color:#276781}.info-paper{background:var(--surface);color:var(--ink)}.info-paper .reference{background:var(--paper);color:var(--ink)}.info-paper .context{color:var(--muted)}.info-paper .notice{background:var(--soft);color:var(--ink)}@media(max-width:1000px){.filter-panel .filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.filter-panel{padding:13px}.catalog-search{flex-wrap:wrap;gap:4px}.catalog-search label{flex-basis:100%}.catalog-search .text-btn{font-size:10px;padding:5px 0}.extra-filters summary span{display:none}.results{gap:10px;align-items:start}.results span{max-width:45%;text-align:right;font-size:10px}}
html[data-theme=dark]{--green:#65bff0}html[data-theme=dark] .primary{background:#55b5e9;color:#082a41}html[data-theme=dark] .primary:hover{background:#88cff5}html[data-theme=dark] .info-paper{color-scheme:dark;background:var(--surface);color:var(--ink)}html[data-theme=dark] .info-paper .reference{color:var(--ink);background:var(--paper)}
.car-image .vehicle-photo{width:100%;height:100%;object-fit:cover;display:block}.car-image .image-label{background:rgba(10,25,38,.78);color:#f4f9fc;right:0;bottom:0;width:100%;padding:5px 10px;text-align:right;font-size:9px}.config-car .vehicle-photo{object-fit:contain}.config-car{height:290px}.car-image .stock{box-shadow:0 1px 8px #0002}.footer-note a{color:var(--green)}
.car-image,html[data-theme=dark] .car-image{background:#fff}.car-image .vehicle-photo{object-fit:contain;padding:10px 9px 21px;background:#fff}.config-car .vehicle-photo{padding:10px 12px 25px}.car-image .image-label{background:#f3f6f9;color:#5f7385}.config-car{height:290px}

.commission-demo input[type=range]{width:100%;accent-color:#127db6;min-height:36px;padding:0}.commission-demo output{display:block;font-size:30px;font-weight:700;margin-top:10px}.commission-limits{display:flex;justify-content:space-between;font-size:12px}.commission-demo h3{margin:10px 0 18px}

.brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand img.tbq-wordmark{width:180px;height:136px;object-fit:contain;margin:-10px 0 0}.brand>small{font-size:9px;letter-spacing:.7px;margin:0}.side-label{margin-top:32px}.brand strong{display:none}.commission-math{font-size:12px;line-height:1.7}.commission-math strong{color:var(--ink)}@media(max-width:1150px) and (min-width:761px){.brand img.tbq-wordmark{width:156px;height:118px}}@media(max-width:760px){.brand img.tbq-wordmark{width:86px;height:65px;margin:0}.brand>small{display:none}.brand{flex-shrink:0}.sidebar{min-height:92px}.topbar .crumb{max-width:none}}@media(max-width:430px){.brand img.tbq-wordmark{width:76px;height:58px}}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;max-width:1150px;margin:auto;padding:60px 40px}.login-story>img{display:block;width:340px;max-width:100%;height:auto;object-fit:contain;margin-bottom:12px}.login-story>h1{font-size:46px;line-height:1.08;margin:32px 0 22px}.login-story>p{color:var(--muted);font-size:16px}.login-story>.pill{display:inline-block;margin-top:28px}.login-card{padding:38px;box-shadow:0 20px 60px #04142312}.login-card h2{font-size:32px;margin:10px 0}.login-card form{display:grid;gap:18px;margin:30px 0 20px}.login-card input{width:100%}.auth-message{font-size:12px;color:var(--green);min-height:18px}.login-card .notice{margin-top:24px;font-size:12px}.login-card .text-btn{margin-top:12px}.members-list{display:grid;gap:10px;margin-top:20px}.member-row{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px}.member-row span,.member-row small{color:var(--muted)}.member-row>div{margin-top:8px}.topbar-actions{gap:10px}.topbar-actions>.text-btn{font-size:11px;padding:8px 5px}.identity select:disabled{opacity:1;cursor:default}@media(max-width:760px){.login-page{grid-template-columns:1fr;gap:25px;padding:30px 20px}.login-story>img{width:220px;height:auto}.login-story>h1{font-size:32px;margin:20px 0 12px}.login-story>h1 br{display:none}.login-story>p:not(:first-of-type),.login-story>.pill{display:none}.login-card{padding:25px}.topbar-actions{flex-wrap:wrap}.topbar{height:auto;min-height:65px;padding-top:10px;padding-bottom:10px}}

#account-name{font-size:12px;font-weight:600;max-width:185px;overflow-wrap:anywhere;line-height:1.35}.identity .avatar{flex:none}@media(max-width:760px){#account-name{font-size:11px;max-width:145px}}
.pilot-delivery{background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin:15px 0}.pilot-delivery span{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.pilot-delivery strong{display:block;font-size:24px;line-height:1.3;color:var(--green)}.pilot-delivery small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.pilot-catalog-notice{margin-bottom:20px}.pilot-catalog-notice .text-btn{padding:3px 8px}

.brand img.tbq-mini{display:none}@media(max-width:760px){.brand img.tbq-wordmark{display:none}.brand img.tbq-mini{display:block;width:48px;height:48px;object-fit:contain;margin:0}.sidebar{min-height:74px}}

/* The car and motto are a separate signoff, never part of the logo. */
.login-signoff{margin:16px 0 0}.login-signoff p,.tbq-signoff p{font-size:19px;font-weight:700;color:var(--ink);margin:0 0 8px}.login-signoff img{display:block;width:120px;height:60px;object-fit:contain}.tbq-signoff{display:flex;align-items:center;flex-direction:column;gap:4px;margin-top:48px;padding:24px 0 4px;border-top:1px solid var(--line);text-align:center}.tbq-signoff img{display:block;width:160px;height:80px;object-fit:contain}@media(max-width:760px){.login-signoff{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start}.login-signoff p{font-size:16px;margin-bottom:3px}.login-signoff img{width:90px;height:45px}.tbq-signoff{margin-top:30px}.tbq-signoff p{font-size:17px}}

/* Approved integrated car-and-motto artwork; separate from the brand wordmark. */
.login-signoff img{width:280px;max-width:100%;height:auto}.tbq-signoff img{width:360px;max-width:100%;height:auto}@media(max-width:760px){.login-signoff img{width:220px;height:auto}.tbq-signoff img{width:280px;height:auto}}

/* Center the sidebar wordmark and its motto as one aligned block. */
.sidebar .brand{align-items:center}.sidebar .brand>small{width:100%;text-align:center}

/* Original SVG transmission and powertrain badges. */
.vehicle-spec-icon svg{flex:none}
.vehicle-name{display:flex;align-items:center;gap:5px 8px;flex-wrap:wrap}.vehicle-spec-icons{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;flex:none}.vehicle-spec-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--green);cursor:help}.vehicle-spec-icon svg{display:block;width:25px;height:25px}.vehicle-spec-icon.manual,.vehicle-spec-icon.automatic{color:var(--ink)}.card .vehicle-spec-icons{margin-left:2px}.card .vehicle-name .trim{margin-right:2px}@media(max-width:760px){.vehicle-spec-icon{width:28px;height:28px}.vehicle-spec-icon svg{width:23px;height:23px}}

.vehicle-icon-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.vehicle-icon-legend>div{display:flex;align-items:center;gap:12px;font-size:12px}.vehicle-icon-legend .vehicle-spec-icon{width:38px;height:38px;flex:none}.vehicle-icon-legend .vehicle-spec-icon svg{width:30px;height:30px}@media(max-width:760px){.vehicle-icon-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.results{gap:10px;flex-wrap:wrap}}
