:root{--bg:#0b0f14;--panel:#111821;--panel2:#151f2a;--line:#273341;--text:#edf5ff;--muted:#8e9aaa;--accent:#64d4ff;--good:#64e29a;--warn:#ffd166;--bad:#ff6b6b;--radius:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#132435 0,#0b0f14 34%);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{border-right:1px solid var(--line);padding:22px 14px;position:sticky;top:0;height:100vh;background:#0a0e13}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 20px}.brand .mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6fe4ff,#637cff);color:#061019;font-weight:900}.brand b,.brand small{display:block}.brand small{color:var(--muted);margin-top:3px;font-size:11px}nav{display:grid;gap:5px}.nav,aside button,header button,.ghost,.smallbtn{border:1px solid transparent;background:transparent;color:#c7d2df;padding:10px 12px;border-radius:10px;text-align:left;cursor:pointer}.nav:hover,.nav.active{background:#16212c;border-color:#263a4b;color:white}.aside-foot{position:absolute;bottom:18px;left:14px;right:14px;display:grid;gap:6px}.aside-foot button{border-color:var(--line)}main{min-width:0}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;background:rgba(11,15,20,.92);backdrop-filter:blur(14px);z-index:5}header span,header strong{display:block}header span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.head-actions,.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}select,input,textarea{background:#0c1219;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 10px;min-width:0}textarea{min-height:90px;resize:vertical}.primary{background:linear-gradient(135deg,#5dd8ff,#6c7cff)!important;color:#08131c!important;border:0!important;font-weight:800;text-align:center!important;padding:10px 14px!important;border-radius:10px!important;cursor:pointer}#content{padding:26px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.page-head h1{margin:0 0 5px;font-size:27px}.page-head p{margin:0;color:var(--muted)}.cards,.grid2,.grid3,.grid4{display:grid;gap:14px}.cards,.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel{background:linear-gradient(180deg,rgba(21,31,42,.96),rgba(15,23,31,.96));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.metric .label,.muted{color:var(--muted)}.metric .value{font-size:26px;font-weight:850;margin:6px 0}.metric .sub{font-size:11px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-title h2{font-size:16px;margin:0}.tag{display:inline-flex;border:1px solid #33485d;border-radius:999px;padding:4px 8px;font-size:11px;color:#b7c7d8}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.list{display:grid}.list-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:center}.list-item:first-child{border-top:0}.title{font-weight:750}.meta{font-size:11px;color:var(--muted);margin-top:4px}.progress{height:8px;background:#0a1117;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#60d8ff,#7585ff);border-radius:99px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.table td.wrap{white-space:normal;min-width:220px}.smallbtn{border-color:var(--line);padding:7px 9px;text-decoration:none;color:var(--text);display:inline-block}.empty{padding:22px;color:var(--muted);text-align:center}.form{display:grid;gap:12px}.form.grid{grid-template-columns:1fr 1fr}.form label{display:grid;gap:5px;color:#b8c6d4;font-size:12px}.form .full{grid-column:1/-1}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{padding:11px;background:#0d141c;border:1px solid var(--line);border-radius:10px}.stat small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:15px}.tab{border:1px solid var(--line);background:#101821;color:#b9c7d5;padding:8px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}.tab.active{background:#203348;color:white;border-color:#44617a}.kpi{font-size:22px;font-weight:850}.chartbox{height:280px}.chartbox canvas{width:100%;height:100%}.split{display:grid;grid-template-columns:300px 1fr;gap:14px}.category-list button{display:block;width:100%;margin-bottom:6px}.category-list button.active{background:#1b2c3a}.note{padding:10px 12px;border-left:3px solid #4aaed8;background:#0d151d;color:#b8c7d7;border-radius:0 8px 8px 0}.danger{border-color:#63343a!important;color:#ff9aa0!important}dialog{border:1px solid var(--line);background:#101820;color:var(--text);border-radius:16px;width:min(900px,92vw);max-height:88vh;overflow:auto;padding:20px}dialog::backdrop{background:rgba(0,0,0,.68)}#toast{position:fixed;right:20px;bottom:20px;padding:11px 15px;background:#e7f7ff;color:#061019;border-radius:10px;font-weight:800;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:none}.vehicle-card{cursor:pointer}.vehicle-card:hover{border-color:#3f5d77}.pillbar{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 9px;background:#0d151d;border:1px solid var(--line);border-radius:999px;font-size:11px}.photo{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;border:1px solid var(--line)}@media(max-width:1100px){.cards,.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.shell{display:block}aside{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:10px;overflow:auto}.brand,.aside-foot{display:none}nav{display:flex;overflow:auto}.nav{white-space:nowrap}header{padding:0 12px}.head-actions #syncNow{display:none}#content{padding:16px}.cards,.grid4,.grid3,.grid2,.split{grid-template-columns:1fr}.form.grid{grid-template-columns:1fr}.form .full{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:repeat(2,1fr)}}
\n.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:150px}.resultbox{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#0d151d;font-size:16px;line-height:1.7}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:28px;top:24px;bottom:24px;width:2px;background:var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:24px 1fr;gap:14px;padding:13px 0}.timeline-dot{width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #132332;z-index:1}.timeline-item .title{font-size:15px;margin:3px 0}.timeline-item .muted{line-height:1.5}@media print{aside,header,.page-head .row,button{display:none!important}.shell{display:block}#content{max-width:none}.panel,.card{break-inside:avoid;color:#111;background:white;border:1px solid #bbb}.muted,.meta{color:#555!important}body{background:white;color:#111}}\n.custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.custom-panel{min-height:260px}.custom-panel .section-title{align-items:flex-start}.photo-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:14px}.photo-strip img{width:100%;height:110px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}@media(max-width:900px){.custom-grid{grid-template-columns:1fr}}


/* GarageForge 4.3 Appearance Themes */
#themePicker{min-width:132px;font-weight:700}
body[data-theme="black-red"]{
  --bg:#050505;
  --panel:#0d0d0f;
  --panel2:#151516;
  --line:#3a1a1d;
  --text:#f7f7f7;
  --muted:#a8a8aa;
  --accent:#e10600;
  --good:#75d69c;
  --warn:#ffbe55;
  --bad:#ff3b3b;
  background:radial-gradient(circle at 80% 0,#2a0608 0,#080808 34%,#030303 100%);
}
body[data-theme="black-red"] aside{background:#050505;border-color:#2c1114}
body[data-theme="black-red"] header{background:rgba(5,5,5,.94);border-color:#321417}
body[data-theme="black-red"] .brand .mark{background:linear-gradient(135deg,#ff2b24,#8a0000);color:#fff;box-shadow:0 0 24px rgba(225,6,0,.24)}
body[data-theme="black-red"] .nav:hover,
body[data-theme="black-red"] .nav.active{background:#20090b;border-color:#5a171b;color:#fff}
body[data-theme="black-red"] .primary{background:linear-gradient(135deg,#ff2b24,#b00000)!important;color:#fff!important;box-shadow:0 7px 20px rgba(225,6,0,.18)}
body[data-theme="black-red"] .card,
body[data-theme="black-red"] .panel{background:linear-gradient(180deg,rgba(18,18,20,.98),rgba(8,8,9,.98));border-color:#351518}
body[data-theme="black-red"] select,
body[data-theme="black-red"] input,
body[data-theme="black-red"] textarea{background:#090909;border-color:#3a1a1d}
body[data-theme="black-red"] .smallbtn,
body[data-theme="black-red"] .ghost,
body[data-theme="black-red"] .tab,
body[data-theme="black-red"] .pill{border-color:#43191d}
body[data-theme="black-red"] .tab.active{background:#3a0b0e;border-color:#8c1a20}
body[data-theme="black-red"] .progress{background:#160607}
body[data-theme="black-red"] .progress i{background:linear-gradient(90deg,#8f0000,#ff2b24)}
body[data-theme="black-red"] .stat,
body[data-theme="black-red"] .resultbox,
body[data-theme="black-red"] .pill{background:#090909}
body[data-theme="black-red"] .note{border-left-color:#e10600;background:#160708}
body[data-theme="black-red"] dialog{background:#0b0b0c;border-color:#49191d}
body[data-theme="black-red"] #toast{background:#e10600;color:#fff}
body[data-theme="black-red"] .vehicle-card:hover{border-color:#8f2025}
body[data-theme="black-red"] .timeline-dot{background:#e10600;box-shadow:0 0 0 4px #2b090b}
@media(max-width:780px){#themePicker{min-width:112px;max-width:120px}}


:root{--bg:#0f172a;--panel:#111827;--panel2:#1f2937;--text:#e5e7eb;--muted:#94a3b8;--accent:#3b82f6;--accent2:#60a5fa;--border:#334155}
body{background:var(--bg)!important;color:var(--text)!important}
.card,.panel,dialog,.sidebar,.topbar,input,select,textarea{background-color:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important}
.smallbtn,.primary,button{border-color:var(--border)}
.primary,.active,.progress>span{background:var(--accent)!important}
a,.accent{color:var(--accent2)!important}
.muted{color:var(--muted)!important}
.pill{border-color:var(--border)!important}
.buildlog-card{border-left:4px solid var(--accent)!important}

.calc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}.warning{padding:10px 12px;border:1px solid var(--accent);border-radius:10px}.engGroup.active,.engTab.active{background:var(--accent)!important;color:white}@media(max-width:900px){.calc-layout{grid-template-columns:1fr}}

:root{--bg:#0f172a;--panel:#111827;--panel2:#1f2937;--text:#e5e7eb;--muted:#94a3b8;--accent:#3b82f6;--accent2:#60a5fa;--border:#334155}
html,body{background:var(--bg)!important;color:var(--text)!important}
body,.sidebar,.topbar,.panel,.card,dialog,.menu,.resultbox{background-color:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important}
input,select,textarea,.tabs,.tablewrap{background-color:var(--panel2)!important;color:var(--text)!important;border-color:var(--border)!important}
button,.smallbtn{border-color:var(--border)!important}.primary,.active,.progress>span{background:var(--accent)!important;color:#fff!important}
a,.accent{color:var(--accent2)!important}.muted,.label,.sub{color:var(--muted)!important}.pill{border-color:var(--border)!important}

.designer-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:14px;align-items:start}
.designer-layout aside{position:sticky;top:76px;max-height:calc(100vh - 94px);overflow:auto}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.designer-layout label{display:grid;gap:5px;font-size:12px;color:var(--muted)}
.blueprint-wrap{background:#061726;border:1px solid var(--border);border-radius:12px;padding:8px;overflow:auto}
.blueprint-wrap svg{display:block;width:100%;height:auto;min-width:700px}.generic-blueprint svg{min-width:760px;max-height:72vh}
.compact-cards{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important}.small-value{font-size:18px!important}
.tablewrap table{width:100%;border-collapse:collapse}.tablewrap th,.tablewrap td{padding:9px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
hr{border:0;border-top:1px solid var(--border);width:100%}
@media(max-width:980px){.designer-layout{grid-template-columns:1fr}.designer-layout aside{position:static;max-height:none}.blueprint-wrap svg{min-width:620px}}

.wiring-viewer{min-height:480px;background:#0b1220;border:1px solid var(--border);border-radius:12px;overflow:auto;display:grid;place-items:center;padding:10px}
.wiring-viewer img{max-width:100%;height:auto;display:block}.wiring-viewer iframe{width:100%;height:68vh;border:0;background:#fff}
.warning{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);font-size:12px;color:var(--muted)}

.factory-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
.factory-option-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;display:grid;gap:10px}
.factory-option-card select{width:100%}.option-source{min-height:18px}

.danger-tag{border-color:#7f1d1d!important;background:#450a0a!important;color:#fecaca!important}
[data-theme="white-red"] .danger-tag{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}

.paint-selected-detail{border:1px solid var(--border);background:var(--panel2);border-radius:10px;padding:12px;min-height:42px}
#paintCodeSelect{min-height:42px}

.planner-checklist{display:grid;gap:8px}
.planner-check-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);background:var(--panel2);border-radius:10px;padding:10px 12px}
.planner-check-main{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}
.planner-check-main input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex:0 0 auto}
.planner-check-copy{min-width:0;flex:1}
.planner-check-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.planner-check-actions select{min-width:120px}
.planner-check-item.planner-complete{opacity:.78}
.planner-check-item.planner-complete .title{text-decoration:line-through}
.planner-check-item.planner-skipped{opacity:.7;border-style:dashed}
.planner-note{margin-top:5px;font-size:12px;color:var(--muted);white-space:pre-wrap}
.planner-progress{height:14px;margin-top:8px}
@media(max-width:760px){.planner-check-item{align-items:flex-start;flex-direction:column}.planner-check-actions{width:100%}.planner-check-actions select{flex:1}}


/* GarageForge 6.6 — independently scrollable main menu */
@media (min-width:781px){
  .shell>aside{
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    height:100vh;
    overflow:hidden;
    padding:22px 14px 14px;
  }
  .shell>aside>.brand{min-height:0}
  .shell>aside>nav{
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding-right:5px;
    padding-bottom:8px;
  }
  .shell>aside>.aside-foot{
    position:static;
    left:auto;
    right:auto;
    bottom:auto;
    padding-top:10px;
    border-top:1px solid var(--line,var(--border));
    background:inherit;
  }
  .shell>aside>nav::-webkit-scrollbar{width:9px}
  .shell>aside>nav::-webkit-scrollbar-track{background:transparent}
  .shell>aside>nav::-webkit-scrollbar-thumb{background:var(--line,var(--border));border-radius:999px;border:2px solid transparent;background-clip:padding-box}
  .shell>aside>nav::-webkit-scrollbar-thumb:hover{background:var(--accent);border:2px solid transparent;background-clip:padding-box}
  .shell>aside>nav{scrollbar-width:thin;scrollbar-color:var(--line,var(--border)) transparent}
}
@media (max-width:780px){
  .shell>aside{overflow:hidden}
  .shell>aside>nav{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    padding-bottom:5px;
  }
  .shell>aside>nav::-webkit-scrollbar{height:7px}
  .shell>aside>nav::-webkit-scrollbar-thumb{background:var(--line,var(--border));border-radius:999px}
}

/* GarageForge 6.7 custom build taxonomy */
.taxonomy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.taxonomy-card{border:1px solid var(--border);border-radius:12px;background:var(--panel2);padding:12px}.taxonomy-card summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;align-items:center}.taxonomy-card summary span{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 8px}.taxonomy-card p{color:var(--muted);line-height:1.45}.taxonomy-tags{display:flex;flex-wrap:wrap;gap:6px}.workflow-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.workflow-step{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--panel2);display:flex;flex-direction:column;gap:4px}.workflow-step span{font-size:12px;color:var(--muted);line-height:1.35}select[multiple]{min-height:170px}


/* GarageForge 6.8 year-specific factory option/package selector */
.factory-checkbox-list{display:grid;gap:8px}
.factory-check-row{display:flex;align-items:flex-start;gap:11px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel2,#121417);cursor:pointer}
.factory-check-row:hover{border-color:var(--accent,#d72828)}
.factory-check-row input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent,#d72828);flex:0 0 auto}
.factory-check-copy{display:grid;gap:3px;min-width:0}.factory-check-title{line-height:1.35}.factory-check-meta{font-size:12px;color:var(--muted)}
.factory-package-row{padding:12px 14px}.factory-option-group{margin-top:16px}.factory-option-group:first-child{margin-top:0}.factory-option-group>h3{display:flex;align-items:center;gap:8px;margin:0 0 8px}


/* GarageForge 7.0 connected platform */
.checklist7{display:grid;gap:8px}.checklist7 label{display:flex;gap:8px;align-items:center}.gauge-grid7{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.gauge7{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--panel2);display:grid;gap:6px}.gauge7 b{font-size:25px}.qrbox7{display:grid;justify-items:center;gap:8px;margin-top:12px}.qrbox7 img{background:#fff;padding:8px;border-radius:10px;max-width:220px}.assistant-answer7{white-space:pre-wrap;font:14px/1.5 system-ui;margin:0}.studio-canvas7,.telemetry-canvas7{width:100%;height:auto;border:1px solid var(--border);border-radius:12px;background:#0b1220}.social-post7{border:1px solid var(--border);border-radius:12px;padding:14px;margin:10px 0;background:var(--panel2)}.harness-svg7{overflow:auto;border:1px solid var(--border);border-radius:12px;margin-bottom:14px}.harness-svg7 svg{min-width:760px;width:100%;height:auto}.dossier7 h1,.dossier7 h2{margin-top:18px}@media print{.shell>aside,main>header,.page-head .row,#toast{display:none!important}.shell{display:block!important}main{margin:0!important}.panel{box-shadow:none!important;border:0!important}.dossier7{display:block!important}}