:root{font-family:system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:#e8edf7;background:#0b1220}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#101c30;border-left:1px solid #25344d;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 13px}.brand{display:flex;align-items:center;gap:12px;padding:7px 10px 28px}.brand b{display:block;font-size:16px}.brand small{font-size:9px;color:#91a6c3;letter-spacing:1.5px}.logo{display:grid;place-items:center;background:#1d3c61;color:#fff;border:1px solid #406990;border-radius:12px;width:49px;height:49px;font-size:23px;font-weight:900;direction:ltr}.logo span{color:#5acbb6}.sidebar nav{overflow-y:auto;display:grid;gap:3px}.sidebar nav a{padding:11px 14px;border-radius:9px;color:#a8b8d0;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#213750;color:white}.sidebar nav a.active{border-right:3px solid #4cc4b2}.sidebar-foot{margin-top:auto;border-top:1px solid #293a52;padding:16px 9px;color:#b4c5da;font-size:12px}.sidebar-foot a{display:block;color:#5acbb6;margin-top:9px}.main{min-width:0;flex:1;padding:30px;max-width:1700px;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.top small,.muted{color:#91a6c3;font-size:12px}.top h1{margin:4px 0;font-size:27px}.status-dot{color:#59c4a9;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.cards article,.panel{background:#131f31;border:1px solid #293950;border-radius:14px;padding:21px}.cards article small{display:block;color:#9eb0c8;margin-bottom:12px}.cards article strong{font-size:27px;color:#f1f7ff;direction:ltr;display:block;text-align:right}.panel{margin-bottom:20px}.panel h2{margin:0 0 18px;font-size:17px}.panel-head{display:flex;justify-content:space-between}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th,td{padding:13px 12px;border-bottom:1px solid #29384b;text-align:right}th{color:#9bb2cc;font-weight:600;background:#18283d}td{color:#e4ebf5}.editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editor label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#aebed4}input,select{font:inherit;width:100%;border:1px solid #344660;border-radius:8px;padding:11px;background:#0d192b;color:#edf5ff;min-width:0}input:focus,select:focus{outline:1px solid #4cc4b2}button{border:0;border-radius:8px;padding:11px 19px;background:#39b5a2;color:#071d21;font-weight:700;cursor:pointer}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:15px}.search{display:flex;gap:10px;max-width:470px;margin-bottom:20px}.link{color:#64d3c3}.alert{padding:14px;background:#522b36;border:1px solid #b34b64;border-radius:9px;margin-bottom:20px}.login{display:grid;place-items:center;min-height:100vh}.login-card{background:#15243a;border:1px solid #344b69;border-radius:20px;padding:38px;width:min(400px,92vw);display:grid;gap:16px}.login-card .logo{margin:auto}.login-card h1{text-align:center;margin:0}.login-card p{text-align:center;color:#9bb2cc;margin:0 0 12px}.menu{display:none}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.editor{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{display:none;position:fixed;z-index:20;right:0}.sidebar.shown{display:flex}.menu{display:block;margin-left:12px}.main{padding:16px}.cards,.editor{grid-template-columns:1fr}.top h1{font-size:22px}.status-dot{display:none}}


/* Speed Motors visual system v2: override variables below when official brand assets are supplied. */
:root{--sm-bg:#090d15;--sm-surface:#121924;--sm-elevated:#192330;--sm-border:#293443;--sm-ink:#f2f4f7;--sm-muted:#9eabbc;--sm-accent:#e6b75b;--sm-accent-ink:#221706;color-scheme:dark;font-family:Tahoma,'Segoe UI',system-ui,sans-serif;background:var(--sm-bg);color:var(--sm-ink)}
body{background:radial-gradient(circle at 80% 0%,#192334 0,transparent 34%),var(--sm-bg)}
.sidebar{width:264px;flex:none;background:#0d131d;border-left:1px solid var(--sm-border);padding:25px 14px;z-index:25}
.brand{gap:13px;padding:10px 10px 30px}.brand b{font-size:18px;letter-spacing:.2px}.brand small{color:var(--sm-accent);letter-spacing:1.8px;font-size:9px}
.logo{background:linear-gradient(135deg,#2a3542,#0b1019);border:1px solid #bd9650;border-radius:13px;box-shadow:0 4px 18px #0005;width:52px;height:52px}.logo-mark{color:#f3ca76;font-size:21px;font-weight:900;letter-spacing:-2px}.logo span{color:#f3ca76}
.sidebar nav{gap:5px}.sidebar nav a{display:flex;align-items:center;gap:13px;border:1px solid transparent;color:#a8b5c5;font-size:13px;font-weight:600;padding:12px 13px;transition:background .16s,color .16s}
.nav-icon{flex:none;opacity:.82}.sidebar nav a:hover{background:#1b2735;color:#fff}.sidebar nav a.active{border:1px solid #6e5937;border-right:3px solid var(--sm-accent);background:linear-gradient(90deg,#2a2a29,#252018);color:#f8d18b}.sidebar nav a.active .nav-icon{opacity:1}
.sidebar-foot{border-color:var(--sm-border)}.sidebar-foot a,.link{color:var(--sm-accent)}
.main{padding:32px clamp(18px,3vw,50px)}.top{margin-bottom:26px}.top small,.muted{color:var(--sm-muted)}.top h1{font-size:27px;font-weight:750}.status-dot{background:#172d29;color:#77d7b2;border:1px solid #2d5347;border-radius:30px;padding:9px 13px}
.cards{gap:16px}.cards article,.panel{background:linear-gradient(145deg,#17202d,#111925);border:1px solid var(--sm-border);border-radius:16px;box-shadow:0 8px 24px #0002}.cards article{padding:23px;min-height:128px;position:relative;overflow:hidden}.cards article:before{content:'';position:absolute;right:0;top:20px;height:44px;width:3px;background:var(--sm-accent);border-radius:2px}.cards article small{color:#b4becc}.cards article strong{font-size:30px;font-weight:800}.panel{padding:24px}.panel h2{font-size:17px;font-weight:750}
th{background:#202b39;color:#c1ccda}th,td{border-color:#2a3543;padding:14px 12px}tr:hover td{background:#1b2634}table{font-size:13px}input,select{background:#0e1621;border:1px solid #394656;border-radius:10px;color:#f0f3f7;min-height:43px}input:focus,select:focus{outline:2px solid #ae8646;outline-offset:1px}button{background:var(--sm-accent);color:var(--sm-accent-ink);border-radius:10px;min-height:42px}button:hover{filter:brightness(1.07)}.login-card{background:#151e2b;border-color:#394454;box-shadow:0 20px 80px #0008}.login-card .logo{width:68px;height:68px}.login-card .logo-mark{font-size:27px}.search{max-width:540px}
.mobile-backdrop[hidden]{display:none!important}.mobile-backdrop{position:fixed;inset:0;background:#0009;z-index:22}.menu{font-size:21px;background:#222d3b;color:#f3ca76;border:1px solid #384759;padding:8px 14px;min-height:40px}
@media(max-width:1050px){.sidebar{width:230px}.main{padding:22px}.editor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{display:none;width:min(310px,85vw);height:100dvh;position:fixed;top:0;right:0;overflow:auto;box-shadow:-20px 0 60px #0008}.sidebar.shown{display:flex}.menu{display:block}.main{width:100%;padding:17px 13px}.top h1{font-size:22px}.top{margin-bottom:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cards article{padding:16px;min-height:105px}.cards article strong{font-size:22px}.cards article small{font-size:11px}.panel{padding:15px;border-radius:12px}.editor{grid-template-columns:1fr;gap:13px}.status-dot{display:none}.search{max-width:100%}table{font-size:12px}th,td{padding:12px 10px}}
@media(max-width:370px){.cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Speed Motors official visual identity: overrides prior blue/gold themes */
:root{--sm-bg:#08080b;--sm-surface:#111115;--sm-elevated:#1b1b20;--sm-border:#2b2b31;--sm-ink:#f8f8fa;--sm-muted:#9d9da6;--sm-accent:#f31319;--sm-accent-ink:#fff;background:#08080b;color:#f8f8fa;color-scheme:dark;accent-color:#f31319}
html{scroll-behavior:smooth}body{background:#08080b;color:#f8f8fa}::selection{background:#a9000b;color:#fff}
.sidebar{background:#0d0d11;border-left:1px solid #25252b}.brand{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:9px 12px 22px;border-bottom:1px solid #27272c;margin-bottom:14px}.speed-brand-logo{display:block;width:100%;max-width:210px;height:auto;object-fit:contain;object-position:right center}.brand-system{font-size:11px;color:#a3a3ac;font-weight:600;letter-spacing:.3px}.sidebar nav a{color:#b4b4bc;border:1px solid transparent}.sidebar nav a:hover{background:#242429;color:#fff}.sidebar nav a.active{background:#291316;border:1px solid #5a2025;border-right:3px solid #f31319;color:#fff}.sidebar nav a.active .nav-icon{color:#ff3036}.sidebar-foot{border-top-color:#2b2b31}.sidebar-foot a,.link{color:#ff454b}.top small,.muted{color:#a4a4ae}.top h1{color:#fff}.status-dot{background:#17171b;border:1px solid #36363d;color:#d7d7dc}
.cards article,.panel{background:#141418;border:1px solid #2b2b32;box-shadow:0 10px 28px #0003}.cards article:before{background:#f31319}.cards article strong{color:#fff}.cards article small{color:#b4b4be}.panel h2{color:#f5f5f7}th{background:#1d1d23;color:#c9c9d0}th,td{border-color:#303038}td{color:#ededf0}tr:hover td{background:#202025}
input,select,textarea{background:#0e0e12;border:1px solid #393940;color:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #f31319;outline-offset:1px}button{background:#ef151b;color:#fff;border:1px solid #f31319;font-weight:750}button:hover{background:#cf0d13;filter:none}.login{background:radial-gradient(circle at 50% 30%,#1b1012 0,transparent 40%),#08080b}.login-card{background:#141418;border:1px solid #34343a;box-shadow:0 22px 90px #000a}.login-card .speed-brand-logo{width:min(270px,100%);max-width:270px;margin:0 auto 8px;object-position:center}.login-card h1{font-size:23px}.login-card p{color:#aaaab4}.menu{background:#202025;color:#fff;border-color:#424249}.alert{background:#38181d;border-color:#93343c;color:#ffe4e5}
a:focus-visible,button:focus-visible{outline:2px solid #ff4248;outline-offset:3px}
@media(max-width:760px){.brand .speed-brand-logo{max-width:190px}.cards article strong{font-size:clamp(19px,5vw,24px)}.sidebar{background:#0d0d11}.login-card{padding:26px 22px}}

.acc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.acc-tabs a{padding:10px 13px;border-radius:9px;background:#22232a;color:#eee;text-decoration:none}.acc-tabs a.selected{background:#c91924;color:#fff}.acc-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.acc-form-grid label{display:grid;gap:7px}.acc-form input,.acc-form select,.acc-form-grid input,.acc-form-grid select{max-width:100%;width:100%;padding:10px;background:#18191e;color:#fff;border:1px solid #444;border-radius:8px}.acc-ok{padding:12px;background:#123c2b;color:#d9ffe9;border-radius:8px}.acc-form button{margin:16px 0}@media(max-width:700px){.acc-tabs a{flex:1 1 45%;text-align:center}.acc-form-grid{grid-template-columns:1fr}}

/* Phase 02: compact accessible grouped navigation */
.sidebar{width:252px}.sidebar nav{display:block;overflow-y:auto;scrollbar-width:thin;min-height:0}.nav-group{margin:3px 0;border:1px solid transparent;border-radius:11px}.nav-group[open]{background:#131318;border-color:#292930}.nav-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 13px;cursor:pointer;color:#dedee4;font-size:13px;font-weight:750;user-select:none}.nav-group summary::-webkit-details-marker{display:none}.group-chevron{font-size:17px;color:#999;transition:transform .16s}.nav-group[open] .group-chevron{transform:rotate(180deg);color:#f31319}.nav-group-items{padding:0 6px 7px}.sidebar nav .nav-group-items a{padding:9px 11px;margin:2px 0;font-size:12px;gap:10px}.nav-group-items .nav-icon{width:17px;height:17px}.sidebar nav a.active{border-right-width:2px}.sidebar-foot{padding-top:11px}.top h1{font-size:clamp(20px,2.2vw,27px)}.table-scroll{max-width:100%;overscroll-behavior-x:contain}input,select,button{font-size:14px}@media(max-width:760px){.sidebar{width:min(290px,88vw)}.nav-group summary{padding:14px 12px}.sidebar nav .nav-group-items a{min-height:42px}.sidebar{overflow-y:auto}}

/* UX v3: readable automotive ERP, scoped overrides, no new framework */
:root{font-family:Tahoma,"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.65}
body{background:#09090c!important;color:#f2f2f5;line-height:1.65}
.shell{align-items:stretch}.sidebar{width:278px!important;min-width:278px;padding:20px 14px!important;background:#101014!important;overflow:hidden}.brand{padding:12px 13px 18px!important}.brand-system{font-size:12px!important}.sidebar nav{flex:1;overflow:auto!important;display:block!important;padding:4px 0 12px}.nav-group{margin:5px 0!important}.nav-group summary{font-size:14px!important;min-height:45px;padding:11px 13px!important;line-height:1.5;gap:8px}.nav-group-items{padding:3px 7px 9px!important}.sidebar nav .nav-group-items a{display:flex!important;align-items:center;gap:11px!important;font-size:13px!important;line-height:1.4;min-height:41px;padding:10px 12px!important;margin:3px 0!important;white-space:normal}.sidebar .nav-icon{width:18px!important;height:18px!important;flex-shrink:0}.sidebar-foot{font-size:12px;line-height:1.7}
.main{max-width:none!important;margin:0!important;min-width:0;flex:1;padding:32px clamp(18px,3vw,46px)!important}.top{margin-bottom:25px!important}.top h1{font-size:clamp(23px,2.3vw,30px)!important;line-height:1.4}.top small{font-size:12px}.panel{padding:26px!important;margin-bottom:20px!important;border-radius:16px!important}.panel h2{font-size:19px!important;line-height:1.5;margin-bottom:19px!important}.panel h3{font-size:16px;margin:22px 0 12px}.panel p,.panel label,.panel summary{line-height:1.75}.panel summary{font-size:16px;font-weight:700;cursor:pointer;padding:4px 0 10px}.panel details{margin:14px 0}.editor{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.editor label{font-size:13px!important;gap:8px!important}.editor input,.editor select,.editor textarea,.acc-form-grid input,.acc-form-grid select{min-height:46px!important;font-size:14px!important;padding:11px 13px!important}.form-actions{padding-top:6px}button{font-size:14px!important;min-height:44px}.search{max-width:650px!important;gap:12px}.search input{min-height:45px}.table-scroll{overflow:auto!important;border:1px solid #2a2a31;border-radius:11px}table{font-size:13px!important;line-height:1.6}th,td{padding:13px 15px!important}th{font-weight:700!important;color:#e3e3e8!important}td{color:#d9d9e0!important}.cards{gap:15px}.cards article{min-height:132px}.cards article small{font-size:13px}.status-dot{white-space:nowrap}.entry-panel{margin-top:20px}.entry-panel:not([open]){padding:17px 24px!important}.entry-panel summary{list-style-position:inside}.entry-panel .editor{margin-top:15px}
.lifecycle-hero{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.lifecycle-hero h2{margin:0!important}.lifecycle-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.lifecycle-tabs a{background:#202026;border:1px solid #33333b;color:#eee;padding:9px 15px;border-radius:9px;font-size:13px}.lifecycle-tabs a.active{background:#42171c;border-color:#a62b32;color:white}.lifecycle-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.lifecycle-stats>div{background:#1b1b21;border:1px solid #32323b;border-radius:12px;padding:15px}.lifecycle-stats small{display:block;color:#aaaab4}.lifecycle-stats strong{font-size:20px;display:block;margin-top:5px}.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workflow-steps>div{padding:14px;background:#19191f;border:1px solid #303038;border-radius:10px}.workflow-steps b{color:#ff434a;margin-left:8px}.lifecycle-note{border-right:3px solid #ff3036;background:#27181b;padding:12px 16px;border-radius:8px;color:#f1dadd}
@media(max-width:1100px){.sidebar{width:248px!important;min-width:248px}.workflow-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none;width:min(315px,87vw)!important;min-width:0;position:fixed;right:0;top:0;height:100dvh;z-index:30;overflow:auto}.sidebar.shown{display:flex}.main{padding:19px 13px!important;width:100%}.panel{padding:17px!important}.editor{grid-template-columns:1fr!important}.top{align-items:flex-start;gap:10px}.top h1{font-size:22px!important}.lifecycle-stats{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr 1fr}.table-scroll{max-width:calc(100vw - 60px)}}
@media(max-width:430px){.workflow-steps{grid-template-columns:1fr}.lifecycle-tabs a{flex:1 1 40%;text-align:center}}
