/* Automotive palette: navy workspace, teal action, cool neutral surfaces. */
:root{--ink:#20344a;--muted:#617486;--green:#0f766e;--accent:#0f766e;--bg:#f3f6f9;--line:#dfe7ee;--border:#dfe7ee;--action:#0f766e;--action-hover:#0b5e58;--action-soft:#e7f5f1;--action-border:#9cd4c6}
body aside{background:#102a3b;color:#d9e6ee;border-right:1px solid #203e50;width:270px;padding:26px 16px 22px;scrollbar-width:thin;scrollbar-color:#406073 #102a3b}
body aside h2{color:#fff;font-size:20px;line-height:1.5;letter-spacing:.2px;margin:0 10px 25px}
body aside h2 span{color:#64d9c0}body aside h2 small{display:block;color:#b4c9d6;font-size:12px;font-weight:500;margin-top:4px;letter-spacing:.1px}
body aside nav#nav{display:block;overflow:visible;margin:0;padding:0}
body #nav .nav-section{display:block;margin:0 0 20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body #nav .nav-heading{margin:0 12px 8px;color:#9ab4c5;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1.5}
body #nav button.nav-item{display:flex;align-items:center;gap:11px;min-height:41px;width:100%;margin:3px 0;padding:10px 12px;background:transparent;color:#d3e2eb;border:1px solid transparent;border-radius:9px;text-align:left;font-size:13px;font-weight:500;line-height:1.45;white-space:normal;filter:none;box-shadow:none}
body #nav button.nav-item:hover{background:#1c3b4e;color:#fff;border-color:#2d5064}
body #nav button.nav-item.active,body #nav button.nav-item.active:hover{background:#174b50;color:#e1fff4;border-color:#28796e;font-weight:700;box-shadow:inset 3px 0 #61d8b5}
body #nav svg{flex:0 0 18px;width:18px;height:18px;opacity:.85}body #nav .nav-label{flex:1;min-width:0}body #nav .nav-item.active svg{color:#70e6c3;opacity:1}body #nav .nav-dot{width:5px;height:5px;background:#70e6c3;border-radius:50%;flex:0 0 5px}
body #nav .sidebar-toggle{display:none}body aside .sidefoot{color:#91aebe;border-top:1px solid #2c485a;padding:18px 10px 0;font-size:10px;letter-spacing:.35px;line-height:1.8;margin-top:15px}
body main{margin-left:270px;width:calc(100% - 270px)}body :is(.tag,.price){color:#0f766e}body :is(button,a,input,select,textarea):focus-visible{outline:3px solid #62cdb5;outline-offset:3px}body button:not(.secondary):not(.textbtn):hover{filter:brightness(.96)}body button.secondary:hover{background:#eef5f5;border-color:#b4cecb}
@media(min-width:761px){body aside{position:fixed;inset:0 auto 0 0;height:100dvh}body #nav .sidebar-links{display:block}}
@media(max-width:760px){body aside{position:static;inset:auto;width:100%;padding:18px 16px 12px;border-right:0;border-bottom:1px solid #244759;overflow:visible}body aside h2{margin:0 4px 12px;font-size:18px}body aside h2 small{display:inline;margin-left:8px}body aside nav#nav{display:block;overflow:visible}body #nav button.sidebar-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;background:#1b3b4e;color:#e0eef4;border:1px solid #32596b;font-size:13px;padding:10px 12px;text-align:left}body #nav .menu-chevron{margin-left:auto;font-size:20px;line-height:1}body #nav .sidebar-links{display:none}body #nav .sidebar-links.mobile-open{display:block;max-height:55dvh;overflow-y:auto;padding-top:18px;overscroll-behavior:contain}body #nav .nav-section{margin-bottom:16px}body #nav button.nav-item{min-height:44px;margin:2px 0}body main{margin:0;width:100%}body aside .sidefoot{display:none}}
@media print{body main{margin:0;width:100%}}