/* S.D. Cars Pro 1.4 · visual redesign only. No business logic changes. */
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;color:#eaf1f9;background:#09111d}
*{box-sizing:border-box}
body{min-height:100vh;background:radial-gradient(ellipse 900px 500px at 80% -120px,rgba(39,104,154,.15),transparent 75%),#09111d;color:#e9f2fc;letter-spacing:.005em}
header{position:sticky;top:0;z-index:20;min-height:80px;padding:15px clamp(16px,4vw,38px);background:rgba(13,23,38,.96);border-bottom:1px solid #24354b;backdrop-filter:blur(16px);box-shadow:0 10px 35px #0002}
.brand{display:flex;align-items:center;gap:13px;min-width:0}.brandmark{width:48px;height:48px;border:1px solid #2c657b;border-radius:13px;display:grid;place-items:center;color:#60e0cb;background:linear-gradient(150deg,#194252,#11283b);box-shadow:0 7px 22px #0004}.brandname{min-width:0}.brandname h1{font-size:19px;font-weight:850;letter-spacing:.11em;white-space:nowrap}.brandname h1 span{color:#f6f9ff}.brandname h1 b{font-size:11px;background:#1d3748;color:#74efda;border:1px solid #35697a;border-radius:5px;padding:3px 5px;vertical-align:3px;letter-spacing:.03em}.brandname small{font-size:10px;letter-spacing:.18em;font-weight:700;color:#819db6}.brand-dot{color:#38cebc}.brand .badge{margin-left:13px;white-space:nowrap;color:#83dacd;border-color:#28504f;background:#102a2e;font-weight:700;letter-spacing:.08em}
main{max-width:1480px;margin:0 auto;padding:24px clamp(14px,2.5vw,35px) 60px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px}.page-intro h2{margin:4px 0;font-size:clamp(23px,2.1vw,33px);line-height:1.2;letter-spacing:-.03em}.page-intro p,.section-heading p{color:#8296ac;margin:3px 0;font-size:13px}.eyebrow{font-size:10px;color:#45cdb9;font-weight:800;letter-spacing:.19em}.cloud-tag{border:1px solid #2a4555;background:#112633;padding:9px 13px;border-radius:999px;color:#b5d3dc;font-size:12px;white-space:nowrap}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#51d5a8;margin-right:7px;box-shadow:0 0 0 4px #2a9d7840}
#app{display:grid;grid-template-columns:228px minmax(0,1fr);align-items:start;gap:24px}#tabs{position:sticky;top:105px;grid-column:1;grid-row:1/100;display:flex;flex-direction:column;gap:5px;padding:13px;background:#101d2e;border:1px solid #263951;border-radius:17px;margin:0;box-shadow:0 12px 32px #0002}#tabs:before{content:'NAVIGAZIONE';font-size:10px;letter-spacing:.16em;color:#7089a3;font-weight:800;padding:10px 12px 12px}#tabs button{width:100%;padding:12px 13px;display:flex;align-items:center;justify-content:flex-start;background:transparent;color:#adc0d2;font-size:13px;border:1px solid transparent;text-align:left;font-weight:650;border-radius:10px;transition:background .17s,color .17s}#tabs button:hover{background:#1b3044;color:#fff}#tabs button.active{background:linear-gradient(90deg,#17645f,#17423f);color:#c3fff1;border-color:#236c65;box-shadow:inset 3px 0 #52e1cb}#tabs button:nth-child(1):before{content:'▦'}#tabs button:nth-child(2):before{content:'♙'}#tabs button:nth-child(3):before{content:'▣'}#tabs button:nth-child(4):before{content:'⚙'}#tabs button:nth-child(5):before{content:'▤'}#tabs button:nth-child(6):before{content:'⌕'}#tabs button:nth-child(7):before{content:'◈'}#tabs button:nth-child(8):before{content:'✦'}#tabs button:before{display:inline-grid;place-items:center;margin-right:13px;width:23px;height:23px;border:1px solid #314a60;border-radius:7px;background:#17293b;color:#85cfc4;font-size:15px;flex:none}
#app>section{grid-column:2;grid-row:1;min-width:0}.section-heading{margin:0 0 16px}.section-heading h2{font-size:25px;margin:4px 0 0}.panel{background:linear-gradient(145deg,#132238,#111e31);border:1px solid #2a3c53;border-radius:16px;padding:clamp(15px,2vw,24px);margin-bottom:16px;box-shadow:0 10px 28px #00000021}.panel h2{font-size:17px;font-weight:750;letter-spacing:-.015em;margin:0 0 17px}.panel p{line-height:1.65}.item{background:#101b2b;border-color:#293e55;border-radius:11px}.item strong{color:#f1f6fc}.grid{gap:14px}.grid>.panel{min-height:108px}.grid>.panel .total{font-size:34px;color:#f5fcff;font-weight:850;letter-spacing:-.05em;margin-top:8px}.grid>.panel small{font-weight:700;color:#90a9bf;font-size:11px;letter-spacing:.02em}.fields{gap:13px}label{font-size:12px;color:#b6c8d9;font-weight:650;margin-bottom:7px}input,select,textarea{background:#0b1727;border:1px solid #344961;border-radius:10px;min-height:43px;padding:11px 12px;color:#f4f8fd;font-size:14px;box-shadow:inset 0 1px 2px #0003}input::placeholder,textarea::placeholder{color:#71869d}input:focus,select:focus,textarea:focus{outline:2px solid #42c8b6;outline-offset:1px;border-color:#4bd1bf}button{background:linear-gradient(135deg,#22ab9a,#168777);color:#f4fffd;font-weight:730;border:1px solid #32bba9;border-radius:10px;padding:11px 16px;min-height:40px;box-shadow:0 4px 14px #0002;transition:filter .18s,transform .18s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}button.secondary,.component-chip-grid button,.component-groups button{background:#23384e;color:#d9e8f5;border-color:#34506a}.toolbar{gap:8px}.toolbar button.active{background:#148d80}.badge{border-color:#365b69;color:#98f2df}.pill{color:#95c5ce}.muted,small,.tip{color:#93aabf}.tip{line-height:1.6}.error{color:#ff9eaa}.ok{color:#6fe0b8}#notice:not(:empty){padding:11px 15px;border:1px solid #376856;border-radius:9px;background:#113729;margin-bottom:15px;font-size:13px}#notice.error:not(:empty){border-color:#89424d;background:#43212a}.row{gap:12px}.actions button{min-height:32px}.total{color:#69e4ca;font-size:28px}.batch-row{border-color:#304960;background:#0d1b2b;border-radius:11px;padding:13px}.batch-row .batch-toggle{font-size:13px;color:#edf9fc}.batch-row input[type=checkbox],.save-option input{accent-color:#31c9b2}.diagram-view{background:radial-gradient(ellipse 85% 85% at 50% 45%,#1d344d,#0c1727 80%);border:1px solid #30435c;border-radius:15px;padding:20px 10px;min-height:225px;position:relative;overflow:hidden}.diagram-view:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#87aedc0c 1px,transparent 1px),linear-gradient(90deg,#87aedc0c 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.diagram-view svg{position:relative;max-height:340px;width:100%;filter:drop-shadow(0 9px 9px #0004)}.hotspot{fill:#55bbce18;stroke:#98bdd367;stroke-width:1.6;cursor:pointer;transition:fill .13s,stroke .13s}.hotspot:hover,.hotspot:focus{fill:#53dbc66f;stroke:#73fce2;stroke-width:3;outline:none}.component-selector{background:#14263a}.component-selector h3{color:#eaf7fa}.component-chip-grid button{border:1px solid #35546d}.component-chip-grid button:hover{background:#2d6870}#batchPanel{border-color:#2b716d!important;background:linear-gradient(145deg,#173036,#102032)}#login,#recovery{max-width:620px;margin:25px auto 50px;padding:30px}#login h2,#recovery h2{font-size:24px}.brand .badge{font-size:10px}
@media(max-width:1000px){#app{grid-template-columns:185px minmax(0,1fr);gap:14px}#tabs{padding:9px}#tabs button{font-size:12px;padding:11px 9px}.brand .badge{display:none}}
@media(max-width:760px){header{min-height:69px;padding:10px 14px}.brandmark{width:40px;height:40px;border-radius:10px}.brandname h1{font-size:16px}.brandname small{font-size:8px}.page-intro{margin-bottom:14px}.page-intro h2{font-size:23px}.page-intro p{font-size:12px}.cloud-tag{display:none}main{padding:15px 12px 55px}#app{display:block}#tabs{position:sticky;top:68px;z-index:12;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;gap:6px;scrollbar-width:thin;border-radius:12px;padding:7px;margin:0 0 15px;background:rgba(16,29,46,.97)}#tabs:before{display:none}#tabs button{width:auto;min-width:max-content;font-size:12px;padding:9px 12px;min-height:40px;flex:none}#tabs button:before{margin-right:6px;width:18px;height:18px;font-size:12px}.panel{padding:16px;border-radius:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.grid>.panel{min-height:95px;padding:13px}.grid>.panel .total{font-size:29px}.fields{grid-template-columns:1fr}.diagram-view{padding:12px 4px;min-height:160px}.diagram-view svg{max-height:260px}.batch-row{grid-template-columns:1fr 1fr}.section-heading h2{font-size:21px}#userBox{gap:5px}#userBox button{padding:8px;min-height:35px}}
@media(max-width:420px){.brandname h1{font-size:15px}.page-intro h2{font-size:21px}.grid>.panel small{font-size:10px}.grid>.panel .total{font-size:27px}.brandname small{letter-spacing:.11em}}
@media print{#app{display:block}#tabs,.page-intro,.cloud-tag{display:none!important}#app>section{display:none}#app>section.active{display:block}body{background:white!important;color:black!important}main{margin:0;padding:0}.panel,.item{background:white!important;color:black!important;box-shadow:none!important;border:1px solid #aaa}h2,p,small,label{color:black!important}}

/* S.D. Cars Pro 1.5 - premium workshop schematic */
.diagram-premium{border-color:#385c74;background:radial-gradient(ellipse at 48% 35%,#1a374c 0%,#0a1626 68%);padding:12px 13px 10px;box-shadow:inset 0 1px 0 #52789433,0 18px 38px #0003}
.diagram-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 6px 8px;font-size:10px;letter-spacing:.12em;color:#b3cbdc;font-weight:800}
.diag-chip{border:1px solid #3c8795;border-radius:6px;color:#7de4d5;padding:5px 8px;background:#12384466;white-space:nowrap}.diagram-premium:before{background-size:23px 23px;background-image:linear-gradient(#a4c1db0b 1px,transparent 1px),linear-gradient(90deg,#a4c1db0b 1px,transparent 1px)}.diagram-premium svg{max-height:350px;display:block;margin:auto}.diagram-premium .hotspot{fill:#78dbe807;stroke:#9fd5e71c;stroke-width:1.3;vector-effect:non-scaling-stroke;cursor:pointer}.diagram-premium .hotspot:hover,.diagram-premium .hotspot:focus{fill:#2de8c77d;stroke:#d1fff8;stroke-width:2.8;outline:0;filter:drop-shadow(0 0 5px #53ffe8)}.diagram-premium .hotspot.selected-part{fill:#2de8c777;stroke:#abfff1;stroke-width:2.8}.diagram-foot{position:relative;z-index:2;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #42607655;padding:9px 6px 2px;color:#9fb6c7;font-size:11px}.touch-dot{width:7px;height:7px;display:inline-block;background:#37ddbd;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #37ddbd25}.diagram-view svg .hotspot{touch-action:manipulation}
@media(max-width:600px){.diagram-premium{padding:9px 3px 8px}.diagram-head{font-size:9px;padding:6px 9px}.diagram-premium svg{max-height:290px}.diagram-foot{padding:10px 9px 3px;font-size:10px}.diagram-foot span:last-child{opacity:.75}}