/* VIMA v0.13 visual system */
:root{--v13blue:#0aa8ff;--v13cyan:#39d8ff;--v13panel:#071723;--v13panel2:#0a2030;--v13line:#17435e}
body{background:radial-gradient(circle at 72% -20%,#0a2940 0,#04101a 38%,#020810 100%);color:#edf7ff}
aside{background:linear-gradient(180deg,#061724 0%,#03101a 58%,#020a11 100%);border-right:1px solid #17445d;box-shadow:10px 0 40px #0008}
.brand{border-bottom:1px solid #17445d;margin-bottom:10px}.brand img{filter:drop-shadow(0 0 10px #079cff66)}.brand b{font-size:27px;letter-spacing:.12em}.brand small{color:#b8ddf3;letter-spacing:.13em}
.tree-nav summary,.tree-nav .nav{transition:.18s}.tree-nav summary:hover,.tree-nav .nav:hover{background:#0a2940;color:#fff}.tree-nav .nav.active{background:linear-gradient(90deg,#075da9,#0a3d69);border:1px solid #168dd1;box-shadow:inset 3px 0 #4edcff,0 0 18px #0074b833;color:white}.tree-nav details>summary{color:#d6ecfa}.tree-nav>details>summary{color:#3ccfff;font-size:10px}.tree-nav .tree{border-left-color:#14516f}
main{background:transparent}header{border-bottom:1px solid #17445d;background:#03101bd9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:15}header h1{font-size:27px}.status{border:1px solid #16455f;background:#071b29;padding:9px 13px;border-radius:8px}.dot{background:#1ff0a5;box-shadow:0 0 12px #1ff0a5}
.hero{min-height:500px;padding:0;overflow:hidden;border:1px solid #17618a;border-radius:12px;background:#05131e url('/static/dashboard-car.png') center/cover no-repeat;box-shadow:0 20px 60px #0008,inset 0 0 50px #00131f}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,14,.10) 0%,rgba(1,8,14,.08) 52%,rgba(1,8,14,.88) 76%,rgba(1,8,14,.96) 100%)}.herocopy{position:absolute;z-index:2;right:28px;top:95px;width:31%;text-align:left}.hero .eyebrow{color:#9ddfff}.hero h2{font-size:0;margin:0}.hero h2:before{content:'VIMA';display:block;font-size:62px;letter-spacing:.09em;line-height:1;font-weight:900;color:white;text-shadow:0 4px 24px #000}.hero h2:after{content:'VEHICLE INFORMATION & MANIPULATION';display:block;font-size:12px;letter-spacing:.08em;color:#aee3ff;margin-top:10px}.hero p{font-size:15px;line-height:1.6;color:#d0e5f2;margin-top:38px;font-style:italic}.hero p:before{content:'“Tools for a smarter tomorrow”';display:block;font-size:21px;color:white;margin-bottom:9px}.hero-tags{margin-top:28px}.hero-tags span{background:#061a29cc;border-color:#17618a;color:#bce7ff}.techmark{display:none}
.cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.toolcard,.metric{min-height:170px;background:linear-gradient(145deg,#071a28,#06131e);border:1px solid #17618a;border-radius:10px;text-align:center;box-shadow:inset 0 0 35px #006aa20d}.toolcard:hover{transform:translateY(-2px);border-color:#25bfff;box-shadow:0 0 24px #008ed122}.toolcard .icon,.metric strong{color:#1dbbff;text-shadow:0 0 16px #009cff}.toolcard h3{font-size:21px}.open{color:#39cfff}
.panel{background:linear-gradient(145deg,#071a28,#06131e);border-color:#174f6c;box-shadow:0 12px 40px #0004}.panelhead{border-bottom-color:#17445d}.primary{background:linear-gradient(180deg,#0ca9ff,#0572cf);border-color:#25c7ff;color:white;box-shadow:0 0 18px #008bd744}.secondary{background:#0a2233;border-color:#174f6c;color:#d6edfa}.sectiontitle h2{font-size:34px}.safe{color:#2fe8b2}.console{background:#02080d;border-color:#16445c;color:#8edcff}
.sidefoot{border-top:1px solid #17445d;color:#8cb7ce}.version-info{color:#6fcfff}
@media(min-width:801px){#dash .cards article:nth-child(1):before{content:'🚗';display:block;font-size:30px}#dash .cards article:nth-child(2):before{content:'🔧';display:block;font-size:30px}#dash .cards .metric:before{content:'⚙';display:block;font-size:30px;color:#1dbbff}#dash .cards:after{content:'CAN LOGGER';display:flex;align-items:center;justify-content:center;min-height:170px;background:linear-gradient(145deg,#071a28,#06131e);border:1px solid #17618a;border-radius:10px;color:#dff5ff;font-weight:800;font-size:20px}}
@media(max-width:800px){body{background:#020a11}.mobilebar{height:72px;background:#03101af5;border-top:1px solid #17618a}.mnav{color:#789eb4}.mnav.active{color:#2ecbff}.view{padding-top:12px}.hero{min-height:300px;background-position:38% center;border-radius:12px}.hero:after{background:linear-gradient(180deg,transparent 25%,rgba(1,8,14,.25) 55%,rgba(1,8,14,.94) 100%)}.herocopy{left:18px;right:18px;top:auto;bottom:18px;width:auto;text-align:center}.hero h2:before{font-size:38px}.hero h2:after{font-size:8px}.hero p,.hero-tags,.hero .eyebrow{display:none}.cards{grid-template-columns:1fr;gap:10px}.toolcard,.metric{min-height:112px;text-align:left;padding:16px 18px}.toolcard .icon{font-size:22px}.toolcard h3{font-size:18px}.panel{border-radius:12px}header{height:60px}header h1{font-size:18px}}
/* v0.13.1 visual repair: clean assets, compact dashboard, no baked-in UI */
.brand{gap:10px;padding:4px 8px 22px}
.brand img{width:92px;height:48px;object-fit:contain;background:transparent!important;border-radius:0!important;padding:0!important}
.brand b{font-size:22px;letter-spacing:5px}
.hero{min-height:390px;height:390px;background:#03101a url('/static/dashboard-car-clean.jpg') 5% 52%/58% auto no-repeat;border-radius:14px}
.hero:after{background:linear-gradient(90deg,rgba(1,8,14,.04) 0%,rgba(1,8,14,.10) 48%,rgba(1,8,14,.92) 68%,#01080ef7 100%)}
.herocopy{right:30px;top:64px;width:35%}
.hero h2{font-size:0}
.hero h2:before{font-size:48px}
.hero h2:after{font-size:10px}
.hero p{margin-top:26px;font-size:14px}
.hero p:before{font-size:18px}
.hero-tags{margin-top:20px}
.cards{margin-top:14px}
.toolcard,.metric{min-height:150px;padding:22px}
#update-complete-actions{margin-top:18px}
@media(max-width:1200px){.hero{height:350px;min-height:350px;background-size:64% auto}.herocopy{width:38%;top:52px}.hero h2:before{font-size:42px}}
@media(max-width:800px){.brand img{width:48px;height:42px}.hero{height:300px;min-height:300px;background-size:auto 100%;background-position:center}.hero:after{background:linear-gradient(180deg,rgba(1,8,14,.02) 20%,rgba(1,8,14,.28) 55%,rgba(1,8,14,.96) 100%)}.herocopy{left:16px;right:16px;bottom:18px;top:auto;width:auto}.hero h2:before{font-size:34px}.cards{margin-top:10px}}

/* v0.13.2 branding: text-only sidebar/header */
.brand{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;padding:8px 12px 24px!important}
.brand img{display:none!important}
.brand>div{display:block!important}
.brand b{display:block;font-size:27px!important;letter-spacing:.22em!important;line-height:1.05;color:#f1f7fb}
.brand small{display:block!important;margin-top:9px!important;max-width:190px!important;font-size:8px!important;line-height:1.45!important;letter-spacing:.12em!important;color:#a9c7d9!important}
@media(max-width:800px){.brand{padding:6px 2px 18px!important;justify-content:center!important}.brand>div{display:block!important;text-align:center}.brand b{font-size:14px!important;letter-spacing:.15em!important}.brand small{display:none!important}}

/* VIMA v0.14 dashboard */
#dash{padding-top:14px}.dash-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:12px}.dash-hero{height:430px;position:relative;overflow:hidden;border:1px solid #175a7d;border-radius:12px;background:#03101a url('/static/dashboard-car-clean.jpg') left center/72% auto no-repeat;box-shadow:0 18px 55px #0007}.dash-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,14,.03) 0%,rgba(1,8,14,.08) 50%,rgba(1,8,14,.88) 70%,#020b12 100%)}.dash-welcome,.dash-branding,.dash-info,.dash-quote{position:absolute;z-index:2}.dash-welcome{left:22px;top:18px}.dash-welcome h2{font-size:32px;margin:0;color:#fff}.dash-welcome p{margin:2px 0;color:#c1d7e4;font-size:17px}.dash-branding{right:22px;top:105px;width:32%;text-align:center}.dash-branding b{display:block;font-size:50px;letter-spacing:.09em;color:#fff;line-height:1;text-shadow:0 3px 20px #000}.dash-branding small{display:block;margin-top:8px;font-size:9px;letter-spacing:.07em;color:#9fdbff}.dash-info{right:24px;top:190px;width:30%;padding:12px 15px;border:1px solid #164b69;border-radius:8px;background:#03101bd9}.dash-info div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #103248;font-size:11px}.dash-info div:last-child{border:0}.dash-info span{color:#a9c3d4}.dash-info b{font-weight:600;color:#eef9ff}.dash-info .online{color:#24e6a2}.dash-info .online i,.statusrow b i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1fe8a4;box-shadow:0 0 9px #1fe8a4;margin-right:5px}.dash-quote{right:28px;bottom:18px;width:31%;font-size:14px;font-style:italic;text-align:center;color:#e8f6ff}.dash-quote small{display:block;margin-top:6px;color:#9bb7c8}.dash-side{display:grid;grid-template-rows:1fr auto;gap:12px}.dash-box{border:1px solid #175a7d;border-radius:10px;background:linear-gradient(145deg,#071a28,#04111c);overflow:hidden}.dash-box h3{margin:0;padding:13px 16px;border-bottom:1px solid #17445d;background:#092338;font-size:17px}.pulseicon,.quickbox h3 span{color:#20bfff;font-size:25px;margin-right:8px}.statusrow{display:flex;justify-content:space-between;gap:10px;padding:9px 15px;border-bottom:1px solid #103248;font-size:11px}.statusrow:last-child{border:0}.statusrow span{color:#d2e6f2}.statusrow b{color:#b8d0df;font-weight:500;white-space:nowrap}.statusrow em{font-style:normal}.quickbox{padding-bottom:10px}.quick{display:flex;width:calc(100% - 20px);margin:7px 10px 0;padding:10px 13px;align-items:center;gap:10px;border:1px solid #1a4f70;border-radius:5px;background:#102b40;color:#eaf7ff;text-align:left}.quick span{flex:1}.quick.primaryq{background:linear-gradient(180deg,#078bea,#0567bd);border-color:#20bfff}.dash-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.dash-actions button{position:relative;min-height:150px;padding:18px 30px;border:1px solid #17618a;border-radius:8px;background:linear-gradient(145deg,#081d2c,#06131e);color:#eaf7ff;text-align:center;box-shadow:inset 0 0 30px #006aa20b}.dash-actions button:hover{border-color:#28c5ff;transform:translateY(-2px)}.dash-actions .actionicon{display:block;margin-bottom:8px;font-size:39px;line-height:1;color:#21baff;text-shadow:0 0 15px #008fe8}.dash-actions b{display:block;font-size:18px}.dash-actions small{display:block;margin-top:7px;color:#9ebed1;font-size:12px;line-height:1.35}.dash-actions i{position:absolute;right:17px;top:50%;font-size:30px;font-style:normal;color:#18aef7;transform:translateY(-50%)}
@media(max-width:1200px){.dash-layout{grid-template-columns:minmax(0,2.4fr) minmax(245px,1fr)}.dash-hero{height:390px;background-size:78% auto}.dash-branding b{font-size:40px}.dash-info{top:170px;width:32%}.dash-quote{display:none}.statusrow{padding:7px 11px}.dash-actions button{min-height:130px}}
@media(max-width:800px){#dash{padding-top:8px}.dash-layout{display:block}.dash-hero{height:335px;background-size:auto 80%;background-position:center 36%;border-radius:10px}.dash-hero:after{background:linear-gradient(180deg,rgba(1,8,14,.05) 15%,rgba(1,8,14,.18) 48%,rgba(1,8,14,.98) 76%)}.dash-welcome{left:14px;top:12px}.dash-welcome h2{font-size:22px}.dash-welcome p{font-size:12px}.dash-branding{left:14px;right:14px;top:auto;bottom:88px;width:auto}.dash-branding b{font-size:34px}.dash-branding small{font-size:7px}.dash-info{left:14px;right:14px;top:auto;bottom:12px;width:auto;padding:7px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.dash-info div{display:block;padding:2px 3px;border:0;text-align:center;font-size:8px}.dash-info div:nth-child(2),.dash-info div:nth-child(3){display:none}.dash-info span,.dash-info b{display:block}.dash-quote{display:none}.dash-side{margin-top:10px;display:block}.statusbox{display:none}.quickbox{margin-top:10px}.quickbox h3{font-size:15px;padding:10px 12px}.quick{padding:9px 11px}.dash-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.dash-actions button{min-height:112px;padding:13px 20px}.dash-actions .actionicon{font-size:28px}.dash-actions b{font-size:15px}.dash-actions small{font-size:9px}.dash-actions i{right:10px}}