:root{--green:#163f31;--lime:#d7eea6;--ink:#22362d;--muted:#7b857f;--line:#e4e8e2;--bg:#f5f6f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 16px;cursor:pointer;color:var(--ink)}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #b5d385;outline-offset:3px}a{color:inherit;text-decoration:none}.sidebar{width:248px;background:#fff;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-weight:850;font-size:17px;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-top:2px}.logo{font-size:31px;color:white;background:var(--green);border-radius:11px;padding:0 8px;letter-spacing:-5px}.logo span{font-size:22px;color:var(--lime)}.workspace{margin:48px 12px 18px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.workspace span{float:right;font-size:8px;background:#eef2e9;padding:2px 5px;letter-spacing:.5px}nav a{display:flex;align-items:center;gap:12px;padding:13px 15px;margin:5px 0;border-radius:8px;color:#718075;font-weight:500}nav a.active{color:white;background:var(--green)}nav a i{width:20px;font-style:normal;font-size:18px}nav a em{font-size:10px;font-style:normal;margin-left:auto;background:#ffffff22;padding:1px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:28px}.online{font-size:11px;color:#607c4c}.sidebar-bottom>small{font-size:10px;color:var(--muted)}.subtle{display:block;background:transparent;border:0;padding:8px 0;font-size:12px;color:#65756b}.profile{border-top:1px solid var(--line);padding-top:20px;margin-top:15px;display:flex;gap:10px;align-items:center;font-size:12px}.profile>b{background:#e8eddf;padding:9px;border-radius:50%}.profile small{display:block;font-size:10px;color:var(--muted)}.shell{margin-left:248px}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffff99;font-size:11px}.breadcrumb{color:var(--muted)}.breadcrumb span{margin:0 15px;color:#c6cdc5}.breadcrumb b{color:var(--ink);font-weight:500}.header-right{display:flex;gap:20px;align-items:center;color:var(--muted)}.local-pill{background:#eaf0e2;color:#587344;border-radius:20px;padding:5px 10px;font-size:10px}main{max-width:1600px;margin:auto;padding:35px 38px 50px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#75866e;font-weight:700;text-transform:uppercase}h1{font-size:31px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin:10px 0}h2{font-size:18px;font-weight:550;margin:0}h3{font-size:14px;margin:0}p{color:var(--muted);margin:10px 0}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary.light{background:var(--lime);color:var(--green);border-color:var(--lime)}.hero{background:var(--green);color:white;border-radius:13px;padding:29px 32px;display:flex;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:24px}.hero:after{content:'✳';position:absolute;right:32px;top:-50px;font-size:230px;font-weight:100;color:#ffffff09;pointer-events:none}.hero h2{font-size:26px;letter-spacing:-.6px;margin:9px 0}.hero p{color:#bdcfc3;max-width:420px;font-size:12px}.hero .eyebrow{color:var(--lime)}.hero .actions{margin-top:22px;display:flex;gap:9px}.hero .outline{color:white;background:transparent;border-color:#ffffff35}.hero-side{text-align:right;align-self:center;z-index:1;padding-left:18px}.hero-side strong{display:block;font-size:45px;font-weight:400;line-height:1.1}.hero-side small{color:#bbcec0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;font-size:11px;color:#778377}.stat-top i{background:#f1f4ec;border-radius:6px;padding:4px 8px;font-style:normal;color:#647c55}.stat strong{display:block;font-size:30px;font-weight:500;margin:7px 0}.stat small{font-size:10px;color:#8a9389}.grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:22px}.panel-head{padding:22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head p{font-size:11px;margin:4px 0 0}.text-link{color:#537044;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafbf8;color:#8b958b;font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:500;padding:12px 20px}td{padding:17px 20px;border-top:1px solid #f0f2ed;font-size:12px}td small{display:block;font-size:10px;color:var(--muted);margin-top:3px}tr[data-open]{cursor:pointer}tr[data-open]:hover{background:#f7f9f2}.tag{display:inline-block;font-size:10px;border-radius:5px;padding:4px 8px;background:#eef0eb;color:#697669}.tag.green{color:#456e3a;background:#edf4e5}.tag.orange{color:#a37b34;background:#fbf1dd}.tag.blue{color:#4e7498;background:#edf3fa}.plate{display:inline-block;border:1px solid #dee3da;border-left:4px solid #5c789f;padding:2px 6px;border-radius:4px;font-size:10px;letter-spacing:.6px}.activity{padding:17px 22px;display:flex;gap:13px;border-bottom:1px solid #f1f3ed}.activity .dot{margin-top:5px;border:4px solid #edf2e7;background:#64804b;border-radius:50%;width:14px;height:14px;flex-shrink:0}.activity p{font-size:11px;margin:3px 0}.activity small{font-size:9px;color:#929b90}.callout{padding:22px;background:#edf1e5;border-radius:10px}.callout h3{font-size:14px}.callout p{font-size:11px;color:#7b856e}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{flex:1;min-width:180px}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:8px;padding:12px;background:white;color:var(--ink)}.notice{font-size:11px;color:#76816f;margin:15px 0}.back{border:0;background:transparent;padding-left:0;color:#7c8b75}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-content{padding:22px}.detail-content dl{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:12px}.detail-content dt{color:var(--muted)}.detail-content dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap}.empty{padding:40px 20px;text-align:center;color:var(--muted)}footer{padding:0 38px 25px;color:#919a8b;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}footer span{letter-spacing:0}dialog{border:1px solid var(--line);border-radius:15px;max-width:600px;width:calc(100% - 28px);padding:26px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#172c2666;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-head small{font-size:9px;letter-spacing:1.4px;color:#819174}.modal-head h2{margin-top:5px}.icon{font-size:24px;border:0;padding:0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:11px;color:#6e7a68}label input,label select,label textarea{width:100%;display:block;margin-top:6px;padding:11px;border:1px solid #dce3d6;border-radius:7px;background:#fcfdfb;color:var(--ink)}label.wide{grid-column:1/-1}textarea{min-height:85px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#173e30;color:white;border-radius:9px;padding:13px 22px;box-shadow:0 4px 20px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}.summary-total{font-size:28px;text-align:right;padding:22px}.print-only{display:none}@media(min-width:1500px){main{padding-top:46px}.hero{padding:36px}.hero h2{font-size:32px}}@media(max-width:1150px){.sidebar{width:215px;padding:25px 15px}.shell{margin-left:215px}main{padding:27px 24px}.grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:14px}.hero-side{display:none}header{padding:0 24px}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:17px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:15px}.logo{font-size:25px}.workspace,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;gap:3px;margin-top:12px}nav a{padding:10px 12px;font-size:11px;white-space:nowrap;gap:6px}nav a i{width:auto;font-size:14px}nav a em{display:none}.shell{margin:0}header{height:45px;padding:0 18px}.header-right #today{display:none}main{padding:24px 17px}.title-row{align-items:flex-start;gap:10px}.title-row .primary{font-size:11px;padding:10px}h1{font-size:25px}.title-row p{font-size:11px}.hero{padding:24px}.hero h2{font-size:23px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:27px}.detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}label{grid-column:1/-1}.panel-head{padding:17px}th,td{padding:13px 15px}footer{padding:0 17px 20px;gap:15px}.mobile-backup{display:flex;gap:10px;margin-top:20px}.detail-content dl{grid-template-columns:100px 1fr}}@media print{.sidebar,header,footer,.actions,.back,.title-row button,.notice,.toolbar{display:none!important}.shell{margin:0}body{background:white}main{padding:0}.panel{border:0}.print-only{display:block}.detail-grid{display:block}.tag{border:1px solid #ddd}}

/* StarInDrive identity · black, white and electric violet */
:root{--green:#8b10f5;--lime:#b644ff;--ink:#f6f4fa;--muted:#a6a1b0;--line:#2d2936;--bg:#0d0c11;--purple:#a323fa}body{background:radial-gradient(ellipse at 100% 0%,#24103455,transparent 48%),var(--bg);color:var(--ink)}.sidebar{background:#070709;border-color:#27232d}.brand{letter-spacing:.5px}.brand img{width:200px;max-width:100%;height:auto;display:block}.brand small{color:#c6bfce}.workspace{color:#8f859c}.workspace span{background:#271238;color:#c07aff}.workspace:before{content:'';display:block;width:28px;height:3px;background:var(--purple);margin-bottom:24px;transform:skew(-18deg)}nav a{color:#a19ba9}nav a:hover{background:#1e1429;color:white}nav a.active{background:linear-gradient(110deg,#7400da,#9b13f2);box-shadow:0 6px 24px #8500f526}nav a em{background:#ffffff24}.online{color:#bd79f7}.sidebar-bottom>small,.profile small{color:#8e869a}.subtle{color:#b6a9c2}.profile{border-color:#29222f}.profile>b{background:#2c133d;color:#c681ff}header{background:#0c0b10e8;border-color:#27212f}.breadcrumb{color:#8e859a}.breadcrumb span{color:#5c4c6a}.header-right{color:#a59aac}.local-pill{background:#281337;color:#c287f5;border:1px solid #452054}.eyebrow{color:#b66bf4;letter-spacing:1.7px}h1{font-weight:750;letter-spacing:-1.2px}h2,h3{font-weight:650}.hero{background:linear-gradient(105deg,#08080a 0%,#18101f 65%,#2f104a 100%);border:1px solid #3b204f;border-left:4px solid var(--purple);border-radius:10px}.hero:after{content:'S';font-style:italic;right:20px;top:-73px;font-size:310px;font-weight:800;color:#a022f512;transform:rotate(-14deg)}.hero h2{font-weight:800;letter-spacing:-1px}.hero h2:after{content:'';display:block;height:5px;width:62px;background:linear-gradient(90deg,#8700ee,#ba41ff);border-radius:3px;margin-top:17px}.hero p{color:#b6a9c1}.hero .eyebrow{color:#c07dff}.hero-side small{color:#c4adcf}.hero-side strong{font-weight:700;color:#c579ff}button{background:#211928;border-color:#3c2d49;color:#f5effb}button:hover{filter:brightness(1.16)}button:focus-visible,a:focus-visible{outline-color:#b75bff}.primary,.primary.light{background:linear-gradient(110deg,#8100e8,#a324fa);border-color:#9a20ee;color:white;box-shadow:0 4px 15px #8100e820}.hero .outline{border-color:#5e3a73;color:#eee1f9}.stat{background:linear-gradient(140deg,#19151e,#131016);border-color:#312638;border-radius:10px}.stat-top{color:#b0a4bb}.stat-top i{background:#2b163b;color:#c878ff}.stat strong{color:white;font-weight:650}.stat small{color:#918399}.panel{background:#151219;border-color:#302737;box-shadow:0 5px 22px #00000012}.panel-head{border-color:#302737}.panel-head h2{color:#f5f0fa}.panel-head p{color:#a695af}.text-link{color:#c47dff}th{background:#1c1622;color:#a899b4}td{border-color:#29202f}td small{color:#a293ae}tr[data-open]:hover{background:#22162f}.plate{border-color:#4b3b56;border-left-color:#9d31f4;background:#211729;color:#e6d6ee}.tag{background:#292032;color:#c0a4d3}.tag.green{color:#9fe1b5;background:#172d24}.tag.orange{color:#eec284;background:#342719}.tag.blue{color:#cf9bff;background:#2c1743}.activity{border-color:#2b2232}.activity .dot{background:#b12fff;border-color:#321b45}.activity small{color:#9a88a5}.callout{background:linear-gradient(125deg,#23112f,#1b1123);border:1px solid #4a235e;border-radius:10px}.callout p{color:#b5a1c2}.toolbar input,.toolbar select{background:#18121f;border-color:#3c2c47;color:#f7effc}.toolbar input::placeholder{color:#9e8bab}.notice{color:#b6a0c4}.back{color:#bba3cd}.detail-content dt{color:#ad95bd}dialog{background:#17101f;color:#faf4ff;border-color:#5b3174;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#040207bf}.modal-head small{color:#b86eff}.icon{background:transparent}.modal-actions{border-color:#3e294c}label{color:#cbb9d8}label input,label select,label textarea{background:#22162d;border-color:#51345f;color:#fbf3ff}input:focus,select:focus,textarea:focus{outline:2px solid #a931ff;outline-offset:2px}#toast{background:#8320ca;color:white;border:1px solid #b350f5}footer{color:#796785}.summary-total{color:#c787ff}.empty{color:#ad98ba}@media(max-width:700px){.brand img{width:190px}.sidebar{border-bottom-color:#35233f}}@media print{body{background:white!important;color:#111!important}main,.panel,.detail-content,td,th,p,h1,h2,h3,.summary-total,dd,dt{color:#111!important;background:white!important}.panel{box-shadow:none!important}td,th{border-color:#ddd!important}.eyebrow{color:#6800b0!important}.tag{color:#111!important;background:white!important}}

/* Verified brand tokens from starindrive.com, 12 November 2026 */
@font-face{font-family:Raleway;src:url('raleway.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('roboto.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--green:#a23afd;--purple:#a23afd;--lime:#a74efd;--bg:#090a0a;--ink:#ffffff;--muted:#b7b2bd;--line:#39383a;--brand-deep:#220636;--brand-night:#080f1a}
body{font-family:Roboto,Arial,Helvetica,sans-serif;background:#090a0a}h1,h2,h3,.hero h2{font-family:Raleway,Arial,sans-serif;font-weight:400;letter-spacing:normal}.eyebrow{color:#a74efd}h1{color:#a74efd}.sidebar{background:#090a0a;border-color:#39383a}.brand{gap:9px;letter-spacing:0}.brand img{width:48px;height:48px;object-fit:contain}.brand-wordmark{font-size:17px;font-weight:700;white-space:nowrap;color:white;letter-spacing:.4px}.brand-wordmark>span{color:#a23afd}.brand-wordmark small{font-family:Raleway,Arial,sans-serif;display:block;font-size:8px;letter-spacing:2px;font-weight:400;color:white;margin-top:3px}.hero{background:linear-gradient(105deg,#090a0a,#220636);border-color:#39383a;border-left-color:#a23afd}.hero:after{content:none}.hero h2:after{background:#a23afd}.hero .eyebrow,.hero-side strong{color:#a74efd}.hero h2{color:white}.primary,.primary.light{background:#a23afd;border-color:#a23afd;box-shadow:none}nav a.active{background:#a23afd;box-shadow:none}.stat{background:#17141a;border-color:#39383a}.stat-top i{color:#a74efd;background:#220636}.panel{background:#151217;border-color:#39383a}.callout{background:#220636;border-color:#4b2964}.panel-head{border-color:#39383a}.panel-head h2{color:#a74efd}.text-link,.summary-total{color:#a74efd}.local-pill{color:#cda0ff;background:#220636;border-color:#542277}.tag.blue{color:#d9b6ff;background:#220636}.workspace:before{background:#a23afd}.activity .dot{background:#a23afd}.toolbar input,.toolbar select{background:#17141a;border-color:#39383a}.profile>b{background:#220636;color:#a74efd}.header-right{color:#b7b2bd}header{background:#090a0a}.primary:hover{background:#b05dff}.brand{margin-left:-4px}@media(max-width:700px){.brand img{width:44px;height:44px}.brand-wordmark{font-size:18px}}@media print{h1,h2,h3{color:#111!important}body{font-family:Roboto,Arial,sans-serif}}
/* Guided customer, vehicle and service selection */
.job-step{padding:18px 0;border-bottom:1px solid var(--line)}.job-step:first-child{padding-top:0}.job-step:last-child{border-bottom:0}.step-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.step-title>span{background:#220636;color:#c794ff;border:1px solid #633384;border-radius:7px;padding:4px 7px;font-size:11px}.step-title h3{font-size:17px;color:#e5c7ff}.choice-buttons{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.choice-buttons button{flex:1;font-size:12px}.choice-buttons .chosen{background:#a23afd;border-color:#a23afd;color:white}.service-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.service-option{display:flex;align-items:center;gap:9px;cursor:pointer;padding:12px;background:#21162b;border:1px solid #4b325c;border-radius:8px;font-size:12px;color:white}.service-option input{display:inline-block;width:17px;height:17px;margin:0;accent-color:#a23afd}.service-option:has(input:checked){background:#35124e;border-color:#a74efd}.job-step [hidden]{display:none!important}button:disabled{opacity:.5;cursor:wait}.title-row>button{flex-shrink:0}@media(max-width:450px){.service-options{grid-template-columns:1fr}.choice-buttons button{min-width:140px}}
.catalogue-picks{max-height:300px;overflow-y:auto;margin:15px 0;border:1px solid #46344f;border-radius:8px}.catalogue-pick{display:grid;grid-template-columns:1fr 78px;gap:12px;padding:12px;border-bottom:1px solid #39283f;align-items:center}.catalogue-pick>label:first-child{display:flex;gap:10px;align-items:center}.catalogue-pick input[type=checkbox]{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:#a23afd}.catalogue-pick small{display:block;font-size:10px;color:#b9a4c8}.catalogue-pick b{font-weight:500;font-size:12px;color:white}.catalogue-pick label:last-child{font-size:9px}.catalogue-pick input[type=number]{margin-top:3px;padding:8px;width:100%}.catalogue-calculation{background:#220636;border:1px solid #5b2979;border-radius:8px;padding:14px;margin-top:14px;color:#dbb5ff;font-size:12px}.catalogue-pick[hidden]{display:none!important}#sumup-preview{max-height:350px;overflow:auto;margin-top:15px}#sumup-preview td,#sumup-preview th{padding:9px;font-size:10px}@media(max-width:700px){nav a{padding:10px 8px}.catalogue-pick{grid-template-columns:1fr 68px}}
#catalogue-results td:first-child{white-space:normal;min-width:200px;max-width:400px}#catalogue-results td:first-child small{line-height:1.5}#catalogue-results td:nth-child(2){white-space:normal;max-width:160px}.title-row:has([data-catalogue-import]){flex-wrap:wrap}
.danger{color:#ffb7be;background:#381a24;border-color:#814151}.danger:hover{background:#522131}.customer-trash-toolbar{margin:0 0 18px;align-items:center}.customer-trash-toolbar .notice{margin:0}
.tag:where(.green){font-weight:500}#app:has([data-tracking-assign])>.panel:first-of-type td{white-space:normal;min-width:160px;max-width:310px}#app:has([data-tracking-assign])>.panel:first-of-type td small{line-height:1.5;margin-bottom:6px}#app:has([data-tracking-assign])>.panel:first-of-type td button{font-size:11px;padding:8px;margin-top:8px}
.delivery-note{font-size:11px;padding:0 22px}.delivery-group{padding:22px;border-top:1px solid var(--line)}.delivery-group-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.delivery-group-title h3{font-family:Roboto,Arial,sans-serif;font-size:15px;line-height:1.5}.delivery-group-title h3 span{color:#bb9ed0;font-weight:400}.delivery-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;padding:18px}.delivery-group .delivery-cards{padding:0}.delivery-card{border:1px solid #473052;border-radius:10px;background:#1b1322;padding:19px;min-width:0}.delivery-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.delivery-card-head b{font-size:13px}.delivery-card-head span:not(.tag){display:block;font-size:10px;color:#b8a4c6;overflow-wrap:anywhere}.delivery-item{font-size:12px;min-height:36px;color:#d5c5df;white-space:normal}.delivery-progress{padding:8px 18px 0;margin:12px 0 7px;height:70px}.delivery-rail{height:5px;background:#44324f;border-radius:5px;overflow:hidden}.delivery-rail>div{height:100%;background:linear-gradient(90deg,#a23afd,#ce8eff);border-radius:5px}.delivery-steps{position:relative;top:-13px}.delivery-steps>span{position:absolute;transform:translateX(-50%);text-align:center;width:76px;color:#9984a7}.delivery-steps i{display:flex;margin:0 auto;width:19px;height:19px;align-items:center;justify-content:center;background:#302336;border:2px solid #5a4567;border-radius:50%;font-size:10px;font-style:normal}.delivery-steps .reached i{background:#a23afd;border-color:#cb8aff;color:white}.delivery-steps small{display:block;margin-top:7px;font-size:9px;line-height:1.3}.delivery-steps .reached small{color:#ecd9fa}.delivery-status{font-size:11px;color:#d8b2f4;margin-top:0}.delivery-evidence{display:block;font-size:10px;color:#a897b4;line-height:1.6}.delivery-links{margin-top:14px;align-items:center}.delivery-links button{font-size:10px;padding:7px 9px}.delivery-links a{font-size:10px}.delivery-card.done .delivery-rail>div{background:#78cfa2}.delivery-card.done .delivery-steps .reached i{background:#276347;border-color:#78cfa2}.delivery-card.return{border-color:#8a603a}.delivery-card.return .delivery-rail>div{background:#e4ad65}.delivery-card.return .delivery-steps .reached i{background:#79512e;border-color:#e4ad65}.delivery-card.return .delivery-status{color:#e9b982}@media(max-width:700px){.delivery-group{padding:15px}.delivery-cards{grid-template-columns:1fr;padding:14px}.delivery-group-title{align-items:flex-start;flex-direction:column}.delivery-card{padding:17px}.delivery-note{padding:0 15px}}
.delivery-assignment{display:block;color:#cda4eb;font-size:11px;margin:0 0 8px;overflow-wrap:anywhere}.delivery-assignment.unassigned{color:#9d8ca9}.delivery-order-date{display:block;color:#a392af;font-size:10px}.more-orders{border-top:1px solid var(--line)}.more-orders>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;color:#d3a6f5;font-size:12px;cursor:pointer;list-style:none;background:#201429}.more-orders>summary::-webkit-details-marker{display:none}.more-orders>summary i{font-style:normal}.more-orders .when-open{display:none}.more-orders[open] .when-open{display:inline}.more-orders[open] .when-closed{display:none}.more-orders[open]>summary i{transform:rotate(180deg)}.more-orders>summary:focus-visible{outline:2px solid #a74efd;outline-offset:-3px}
.vehicle-block{border:1px solid #513260;border-radius:9px;padding:17px;margin:16px 0}.vehicle-block legend{color:#c590f1;padding:0 6px}.inline-check,.line-check{display:flex;gap:9px;align-items:center;margin:15px 0;color:#d5c0e2;font-size:12px}.inline-check input,.line-check input{width:17px;height:17px;margin:0;accent-color:#a23afd}.customer-work,.followup{padding:18px 22px;border-bottom:1px solid #33243e;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.customer-work small{display:block;color:#ae98bc;font-size:11px;margin:4px 0}.customer-work p,.followup p{font-size:12px;margin:5px 0}.customer-work.compact{align-items:flex-start}.customer-work.compact .tag{margin:2px}.customer-work.compact>div{max-width:300px}.big-amount{font-size:36px;font-weight:600;color:#cf9aff}.prose{white-space:normal;overflow-wrap:anywhere}nav i svg,button svg{vertical-align:middle}.invoice-line{display:grid;grid-template-columns:1fr 2fr 75px 110px;gap:10px;border:1px solid #493052;border-radius:8px;padding:12px;margin:12px 0}.invoice-line .line-check:last-child{grid-column:1/-1}.invoice-line input[type=number]{padding:8px}.invoice-line input[type=text],.invoice-line label input:not([type]){padding:8px}.finance-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.finance-stats strong{font-size:24px}pre{white-space:pre-wrap;word-break:break-word;font-size:10px;max-height:220px;overflow:auto;padding:12px;background:#0d0911}.legacy-drafts>summary{padding:18px;cursor:pointer;color:#bca0cd}.legacy-drafts>.title-row,.legacy-drafts>.toolbar{padding:10px}.followup button,.customer-work button{font-size:11px}.followup small{color:#a78ab8}#invoice-extraction-state{background:#22142e;padding:12px;border-radius:7px}.customer-work .actions{gap:5px}@media(max-width:700px){.invoice-line{grid-template-columns:1fr 1fr}.invoice-line>label:nth-child(2){grid-column:1/-1}.finance-stats{grid-template-columns:1fr 1fr}.customer-work,.followup{padding:15px}.finance-stats strong{font-size:21px}.vehicle-block{padding:12px}}@media print{.followup,.legacy-drafts,.inline-check{display:none}.big-amount{color:#111}.customer-work{break-inside:avoid}}

/* The desktop menu scrolls independently; account and backup controls stay reachable. */
.sidebar{height:100vh;height:100dvh;overflow:hidden}.sidebar>.brand,.sidebar>.workspace,.sidebar>.sidebar-bottom{flex-shrink:0}#navigation{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8850b7 #16101d;padding-right:5px}#navigation::-webkit-scrollbar{width:7px}#navigation::-webkit-scrollbar-thumb{background:#8850b7;border-radius:8px}#navigation::-webkit-scrollbar-track{background:#16101d}.sidebar-bottom{padding-top:14px}
.dashboard-layout-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:-10px 0 20px}.dashboard-layout-actions button{font-size:11px}.dashboard-widget{min-width:0}.dashboard-widget-controls{display:none}.dashboard-editing .dashboard-column{min-height:100px;padding:8px;border:1px dashed #684480;border-radius:12px}.dashboard-editing .dashboard-widget{border:1px solid #8252a3;border-radius:11px;margin-bottom:18px;overflow:hidden}.dashboard-editing .dashboard-widget>.panel{border:0;border-radius:0;margin-bottom:0}.dashboard-editing .dashboard-widget>.callout{border-radius:0}.dashboard-editing .dashboard-widget-controls{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:7px;background:#2b1939}.dashboard-widget-controls button{padding:5px 8px;font-size:12px;background:#392449;border-color:#684480}.dashboard-widget-controls>div{display:flex;gap:4px;flex-shrink:0}.dashboard-widget-controls .dashboard-drag{border:0;background:transparent;cursor:grab;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-drag span{font-size:10px}.dashboard-dragging{opacity:.45}.dashboard-widget-controls button:focus-visible{outline:2px solid #d7adff;outline-offset:1px}
@media(max-width:700px){.sidebar{height:auto;overflow:visible}#navigation{flex:0 1 auto;overflow-x:auto;overflow-y:hidden;padding-right:0;max-width:100%;scrollbar-width:thin}.dashboard-layout-actions{justify-content:flex-start;margin-top:0}.dashboard-editing .dashboard-column{padding:5px}.dashboard-drag span{display:none}}
@media print{.dashboard-layout-actions,.dashboard-widget-controls{display:none!important}.dashboard-editing .dashboard-column,.dashboard-editing .dashboard-widget{padding:0;border:0}}
.dashboard-layout-tip{align-self:center;font-size:11px;color:#b8a2c7}
.dashboard-column{min-width:0}.dashboard-widget>.panel,.dashboard-widget>.callout{max-width:100%}.dashboard-widget-controls>.dashboard-drag{flex:1}