*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#090c12;color:#eef4fb;font-family:Inter,ui-sans-serif,Segoe UI,Arial,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 78% 8%,rgba(32,184,255,.08),transparent 24%),radial-gradient(circle at 18% 88%,rgba(111,92,255,.07),transparent 28%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:linear-gradient(180deg,#0d111a 0%,#0b0e15 100%);border-right:1px solid #1e2a39;padding:20px 16px;z-index:20;display:flex;flex-direction:column;box-shadow:20px 0 70px rgba(0,0,0,.18)}.brand-wrap{display:flex;gap:13px;align-items:center;padding:5px 8px 20px}.brand{font-size:18px;font-weight:850;letter-spacing:.02em}.brand-sub{font-size:9px;color:#64758d;letter-spacing:.08em;margin-top:4px;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{width:42px;height:42px;position:relative;border:1px solid rgba(32,184,255,.4);border-radius:11px;background:linear-gradient(145deg,rgba(32,184,255,.14),rgba(111,92,255,.1));box-shadow:inset 0 0 24px rgba(32,184,255,.08),0 0 22px rgba(32,184,255,.08)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--accent);opacity:.85}.brand-mark:before{width:22px;height:2px;left:9px;top:20px}.brand-mark:after{width:2px;height:22px;left:20px;top:9px}.brand-mark span{position:absolute;width:5px;height:5px;border-radius:50%;background:#9be7ff;box-shadow:0 0 10px rgba(32,184,255,.8)}.brand-mark span:nth-child(1){left:7px;top:7px}.brand-mark span:nth-child(2){right:7px;top:7px}.brand-mark span:nth-child(3){right:7px;bottom:7px}.sidebar nav{flex:1;overflow:auto;padding-right:2px}.nav-link{display:flex;align-items:center;gap:11px;color:#9cabbd;text-decoration:none;padding:11px 12px;border:1px solid transparent;border-radius:10px;margin:3px 0;font-size:14px;transition:.18s ease;position:relative}.nav-link:hover{background:#111a26;color:#fff;border-color:#203248;transform:translateX(2px)}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(32,184,255,.15),rgba(111,92,255,.05));border-color:rgba(32,184,255,.22);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{width:22px;height:22px;display:grid;place-items:center;color:var(--accent);font-weight:800}.nav-section{font-size:10px;color:#506176;margin:20px 11px 8px;letter-spacing:.13em;font-weight:750}.sidebar-footer{display:flex;align-items:center;gap:10px;color:#415166;font-size:9px;letter-spacing:.12em;padding:14px 9px 3px;border-top:1px solid #182331}.pcb-mini{width:36px;height:20px;position:relative}.pcb-mini:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:#294b61}.pcb-mini i{position:absolute;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%;top:7px;background:#0b0e15}.pcb-mini i:nth-child(1){left:0}.pcb-mini i:nth-child(2){left:10px}.pcb-mini i:nth-child(3){left:21px}.pcb-mini i:nth-child(4){right:0}.main{margin-left:270px;min-height:100vh}.topbar{height:70px;background:rgba(4,7,11,.86);backdrop-filter:blur(14px);border-bottom:1px solid #172230;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:10}.top-title{display:flex;align-items:center;gap:12px}.top-title strong{display:block;font-size:16px}.top-title small{display:block;color:#56697f;font-size:10px;margin-top:3px}.mobile-menu{display:none;background:#131b27;border:1px solid #263448;color:#fff;border-radius:8px;padding:7px 9px}.top-actions{display:flex;gap:12px;align-items:center}.service-pill{display:flex;align-items:center;gap:7px;border:1px solid #293647;border-radius:999px;padding:7px 10px;background:#0f151f;font-size:11px}.service-pill i{width:7px;height:7px;border-radius:50%}.service-pill.online i{background:#38e5bd;box-shadow:0 0 10px #38e5bd}.service-pill.offline i{background:#ff5f6d;box-shadow:0 0 10px rgba(255,95,109,.55)}.service-pill small{color:#68778b}.balance{background:linear-gradient(135deg,rgba(32,184,255,.18),rgba(111,92,255,.16));border:1px solid rgba(32,184,255,.22);padding:8px 11px;border-radius:9px;color:#bfeaff;font-weight:700}.user-chip{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:12px}.avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:0 0 20px rgba(32,184,255,.12)}.top-link{color:#8da1b8;text-decoration:none;font-size:12px}.top-link:hover{color:#fff}.content{padding:26px;max-width:1700px;margin:0 auto}.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(20,27,39,.96),rgba(16,22,32,.96));border:1px solid #223044;border-radius:14px;padding:20px;box-shadow:0 14px 38px rgba(0,0,0,.14);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(32,184,255,.35),transparent)}.card h2,.card h3{margin-top:0}.stat{font-size:32px;font-weight:850;margin-top:9px;color:#fff;letter-spacing:-.035em}.muted{color:#8594a8}.kpi-card{min-height:130px}.kpi-card .kpi-icon{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid #2a3a4e;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:rgba(32,184,255,.06);font-size:20px}.kpi-label{font-size:12px;color:#748398;text-transform:uppercase;letter-spacing:.08em}.kpi-foot{font-size:11px;color:#56687e;margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.04);border-radius:9px;background:linear-gradient(135deg,var(--accent),#168fe0);color:#fff;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:700;font-size:13px;box-shadow:0 8px 22px rgba(32,184,255,.12);transition:.16s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.secondary{background:#1c2635;color:#d7e3ef;border-color:#2a394c;box-shadow:none}.btn.danger{background:#7e2934;color:#fff;box-shadow:none}.btn.success{background:#11866f;box-shadow:none}.btn.warning{background:#8d5c16;box-shadow:none}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid #202d3d;text-align:left;vertical-align:middle}.table th{font-size:10px;color:#617287;text-transform:uppercase;letter-spacing:.1em}.table tbody tr{transition:.14s ease}.table tbody tr:hover{background:rgba(32,184,255,.035)}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;background:#273245;font-size:11px;font-weight:750;letter-spacing:.02em}.badge.green{background:#113f38;color:#66e6c7}.badge.red{background:#54212a;color:#ff8f9a}.badge.orange{background:#553d14;color:#ffc867}.badge.purple{background:#3e2766;color:#cfadff}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:7px;color:#aebdcd;font-size:12px;font-weight:650}.input,.select,.textarea{width:100%;background:#0c1119;color:#f7fbff;border:1px solid #2a394c;border-radius:9px;padding:11px 12px;outline:none;transition:.15s ease}.input:focus,.select:focus,.textarea:focus{border-color:rgba(32,184,255,.65);box-shadow:0 0 0 3px rgba(32,184,255,.08)}.textarea{min-height:110px;resize:vertical}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.checkbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checkbox-item{background:#0e141e;border:1px solid #243247;border-radius:9px;padding:11px}.alert{padding:13px 15px;border-radius:9px;margin-bottom:16px;border:1px solid transparent}.alert.success{background:#0e312b;color:#8ef4d7;border-color:#195446}.alert.error{background:#432029;color:#ffb0b5;border-color:#6d2d38}.alert.warning{background:#3e3118;color:#ffd278;border-color:#644c1b}.timeline{border-left:1px solid #2c4056;margin-left:13px;padding-left:21px}.timeline-item{background:#151e2a;border:1px solid #223248;border-radius:11px;padding:13px 15px;margin:0 0 14px;position:relative}.timeline-item:before{content:"";position:absolute;left:-27px;top:19px;width:10px;height:10px;background:#0c1119;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 12px rgba(32,184,255,.35)}.file-drop{border:1px dashed #3a506a;padding:30px;text-align:center;border-radius:11px;background:linear-gradient(135deg,rgba(32,184,255,.03),rgba(111,92,255,.03));position:relative}.file-drop:before{content:"PCB / ECU BINARY";display:block;font-size:9px;color:#4c6883;letter-spacing:.16em;margin-bottom:10px}.section-title{margin:0 0 14px}.right{float:right}.codebox{font-family:Consolas,monospace;background:#030609;border:1px solid #1d2d3b;padding:13px;border-radius:9px;white-space:pre-wrap;color:#c9f5ff}.price{font-size:26px;color:#b987ff}.split{display:grid;grid-template-columns:2fr 1fr;gap:20px}.live-strip{display:flex;justify-content:flex-end;margin:0 0 10px;color:#718198;font-size:11px}.live-strip .online{color:#56e0c3}.event-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#7d8ba0;font-size:11px}.event-head strong{color:#fff;font-size:13px}.event-body{margin-top:8px}.order-total-box{margin-top:16px;padding:14px 16px;border:1px solid #2b3a4c;border-radius:10px;background:#0d121a;display:flex;justify-content:space-between;align-items:center}.order-total-box strong{font-size:22px;color:#c797ff}.options-panel{margin-top:18px}.compat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compat-card{background:#0e141e;border:1px solid #243247;border-radius:10px;padding:14px}.service-choice{cursor:pointer;transition:.15s ease}.service-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px rgba(32,184,255,.25) inset,0 0 24px rgba(32,184,255,.06);background:#101d2a}.status-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center;margin:10px 0 16px}.file-archive{display:grid;gap:8px}.file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;background:#0e141e;border:1px solid #243247;border-radius:9px}.admin-edit-row{display:grid;grid-template-columns:1fr 1.25fr 1.8fr 100px 80px auto auto auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #233043}.bundle-edit-row{display:grid;grid-template-columns:1.2fr 110px 100px 180px 180px auto auto auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #233043}.input.compact{min-width:0}.mini-check{white-space:nowrap;font-size:12px}.newest-first:before{content:"Plus récent";display:block;color:#66778d;font-size:10px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.1em}.request-summary{margin-top:14px;padding:14px 16px;border:1px solid rgba(32,184,255,.25);border-radius:10px;background:rgba(32,184,255,.055);display:flex;flex-direction:column;gap:5px}.request-summary strong{font-size:1.08rem}.tool-editor{padding:16px;border:1px solid #243247;border-radius:11px;background:#0e141e}.tool-grid{display:grid;gap:14px}.impersonation-banner{background:#3e3118;border:1px solid #7a5a1f;color:#ffe19a;padding:12px 16px;border-radius:9px;margin-bottom:16px}.impersonation-banner a{color:#fff;font-weight:700}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.search-form{display:flex;gap:8px;max-width:650px;flex:1}.mini-list{display:grid;gap:7px}.mini-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #223043}.pos{color:#5ce3c4}.neg{color:#ff7a84}.user-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-tool-card{display:grid;grid-template-columns:1.3fr 140px 1fr 1fr;gap:10px;align-items:center;background:#0e141e;border:1px solid #243247;border-radius:9px;padding:12px}.sticky-save{position:sticky;bottom:0;background:rgba(9,12,18,.9);backdrop-filter:blur(12px);padding:14px 0;margin-top:20px;border-top:1px solid #233043;z-index:3}.portal-notice{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;margin-bottom:18px;border:1px solid rgba(32,184,255,.22);border-radius:11px;background:linear-gradient(90deg,rgba(32,184,255,.08),rgba(111,92,255,.06));color:#cfefff}.portal-notice span{color:var(--accent)}.hero-panel{position:relative;overflow:hidden;padding:26px;background:linear-gradient(135deg,#101924,#121726);border:1px solid #23364a;border-radius:15px;margin-bottom:18px;min-height:150px}.hero-panel:before{content:"";position:absolute;right:-60px;top:-95px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(32,184,255,.13);box-shadow:0 0 0 35px rgba(32,184,255,.025),0 0 0 70px rgba(111,92,255,.02)}.hero-panel:after{content:"";position:absolute;right:55px;bottom:20px;width:180px;height:70px;background:linear-gradient(90deg,transparent 0 8%,rgba(32,184,255,.3) 8% 9%,transparent 9% 20%,rgba(32,184,255,.22) 20% 21%,transparent 21% 55%,rgba(111,92,255,.24) 55% 56%,transparent 56%);opacity:.6}.hero-eyebrow{font-size:10px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-weight:800}.hero-title{font-size:27px;font-weight:850;letter-spacing:-.035em;margin:8px 0 5px}.hero-sub{color:#8090a5;max-width:690px;line-height:1.55}.dashboard-section{margin-top:18px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-head h3{margin:0;font-size:14px}.order-mini{display:grid;grid-template-columns:90px 1.5fr 1fr 110px auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #202e3e}.order-mini:last-child{border-bottom:0}.order-mini .id{font-family:Consolas,monospace;color:#6b8299}.order-mini .vehicle strong{display:block}.order-mini .vehicle small{color:#63768b}.status-dot{display:inline-flex;align-items:center;gap:7px}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#7a8698}.status-dot.pending:before{background:#ffc45a;box-shadow:0 0 8px rgba(255,196,90,.35)}.status-dot.processing:before,.status-dot.manual_review:before{background:#43b7ff;box-shadow:0 0 8px rgba(67,183,255,.35)}.status-dot.returned:before{background:#49dfbd}.status-dot.cancelled:before{background:#ff6473}.quick-tile{display:flex;align-items:center;gap:14px;text-decoration:none;color:#e8f0fa;padding:17px;border:1px solid #243348;border-radius:12px;background:linear-gradient(145deg,#111925,#0e141d);transition:.16s}.quick-tile:hover{border-color:#31516d;transform:translateY(-1px)}.quick-tile .q-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:rgba(32,184,255,.08);border:1px solid rgba(32,184,255,.2);color:var(--accent);font-size:20px}.quick-tile strong{display:block}.quick-tile small{color:#66798f}.schedule-grid{display:grid;gap:9px}.schedule-row{display:grid;grid-template-columns:150px 100px 1fr 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #233247;border-radius:9px;background:#0e141d}.config-swatch{height:42px;border-radius:9px;border:1px solid #2a394c}.empty-state{text-align:center;padding:40px 18px;color:#718399}.empty-state .empty-icon{font-size:36px;color:#31475e;margin-bottom:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #2a394c;border-radius:999px;background:#0f1620;font-size:10px;color:#9dafc2}.chip.cyan{border-color:rgba(32,184,255,.25);color:#9de7ff;background:rgba(32,184,255,.06)}
@media(max-width:1200px){.admin-edit-row,.bundle-edit-row{grid-template-columns:1fr 1fr}.status-form{grid-template-columns:1fr}.file-row{align-items:flex-start;flex-direction:column}.user-tool-card{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.search-form{max-width:none}.order-mini{grid-template-columns:75px 1.5fr 1fr 100px}.order-mini .actions{grid-column:1/-1}.schedule-row{grid-template-columns:120px 90px 1fr 1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s ease}.sidebar.open{transform:translateX(0)}.main{margin:0}.mobile-menu{display:inline-flex}.grid.cols-3,.grid.cols-2,.row,.row-3,.split{grid-template-columns:1fr}.topbar{padding:0 15px}.checkbox-list,.compat-grid{grid-template-columns:1fr}.service-pill small,.user-chip span:not(.avatar){display:none}.content{padding:18px}.hero-panel:after{display:none}}
@media(max-width:700px){.user-tool-grid,.user-tool-card{grid-template-columns:1fr}.top-actions{gap:7px}.top-link{display:none}.order-mini{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr}.hero-title{font-size:22px}}
.login-body{display:grid;place-items:center;min-height:100vh;padding:24px}.login-shell{width:min(1100px,100%);min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #223247;border-radius:18px;overflow:hidden;background:#0d121a;box-shadow:0 35px 90px rgba(0,0,0,.38)}.login-visual{position:relative;padding:58px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(16,31,45,.98),rgba(13,17,27,.98));overflow:hidden}.login-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(32,184,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,184,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,black,transparent)}.login-visual:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-150px;top:80px;border:1px solid rgba(32,184,255,.15);box-shadow:0 0 0 45px rgba(32,184,255,.025),0 0 0 90px rgba(111,92,255,.02)}.login-visual>*{position:relative;z-index:2}.login-visual h1{font-size:42px;margin:10px 0 12px;letter-spacing:-.045em}.login-visual p{max-width:560px;color:#8fa0b5;line-height:1.7;font-size:15px}.login-specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.login-specs span{padding:6px 9px;border:1px solid #294058;border-radius:999px;color:#9adfff;background:rgba(32,184,255,.045);font-size:9px;letter-spacing:.1em}.login-form-panel{display:grid;place-items:center;padding:45px;background:#0a0e15}.login-card{width:min(390px,100%)}.login-card h2{margin:0 0 5px;font-size:23px}.login-button{width:100%;justify-content:space-between;margin-top:5px;padding:12px 15px}.login-foot{text-align:center;color:#44566b;font-size:9px;letter-spacing:.08em;margin-top:22px;text-transform:uppercase}.login-circuit{position:absolute;right:55px;bottom:65px;width:220px;height:115px;opacity:.25}.login-circuit:before,.login-circuit:after{content:"";position:absolute;background:var(--accent)}.login-circuit:before{height:1px;width:180px;left:0;top:57px}.login-circuit:after{width:1px;height:90px;left:110px;top:12px}.login-circuit i{position:absolute;width:8px;height:8px;border:1px solid var(--accent);border-radius:50%;background:#0d121a}.login-circuit i:nth-child(1){left:0;top:53px}.login-circuit i:nth-child(2){left:52px;top:53px}.login-circuit i:nth-child(3){left:106px;top:8px}.login-circuit i:nth-child(4){left:106px;bottom:8px}.login-circuit i:nth-child(5){right:30px;top:53px}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-form-panel{min-height:560px}.login-body{padding:0}.login-shell{border-radius:0;min-height:100vh}}
/* ===== V1.5 OVERRIDES ===== */
:root{
--accent:#22b8ff;--accent-2:#8b5cf6;--cyan:#35e7d0;--bg:#080b11;--bg-2:#0c1119;--panel:#121824;--panel-2:#171f2d;--panel-3:#0d131d;--border:#273246;--border-soft:#1b2433;--text:#eef4ff;--muted:#8f9bb0;--muted-2:#657188;--success:#25d0a4;--warning:#f6b84b;--danger:#ff6473;--purple:#a879ff;--shadow:0 18px 50px rgba(0,0,0,.28);--radius:16px;--radius-sm:11px
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background:
radial-gradient(1000px 580px at 92% -5%,rgba(34,184,255,.11),transparent 58%),
radial-gradient(700px 500px at 3% 25%,rgba(139,92,246,.08),transparent 60%),
linear-gradient(rgba(34,184,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,184,255,.025) 1px,transparent 1px),var(--bg);background-size:auto,auto,34px 34px,34px 34px,auto}a{color:#8ed7ff}.sidebar{position:fixed;left:0;top:0;bottom:0;width:252px;background:linear-gradient(180deg,rgba(17,23,35,.98),rgba(11,15,24,.98));border-right:1px solid rgba(113,147,196,.15);padding:18px 14px;z-index:20;box-shadow:16px 0 40px rgba(0,0,0,.12)}.brand{height:58px;display:flex;align-items:center;gap:12px;padding:0 10px;margin-bottom:12px;font-size:18px;font-weight:900;letter-spacing:.02em}.brand:before{content:"";width:34px;height:34px;border-radius:10px;border:1px solid rgba(65,211,255,.45);background:linear-gradient(135deg,rgba(34,184,255,.25),rgba(139,92,246,.25)),repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.05) 6px 7px);box-shadow:0 0 24px rgba(34,184,255,.18),inset 0 0 18px rgba(34,184,255,.08)}.sidebar nav a{position:relative;display:flex;align-items:center;gap:10px;color:#aeb9cb;text-decoration:none;padding:11px 12px;border-radius:11px;margin:4px 0;font-size:14px;font-weight:650;transition:.18s ease}.sidebar nav a:hover{background:rgba(34,184,255,.08);color:#fff;transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(34,184,255,.18),rgba(139,92,246,.08));color:#fff;border:1px solid rgba(65,211,255,.16);box-shadow:inset 3px 0 0 var(--accent)}.sidebar nav a:before{content:"";width:7px;height:7px;border-radius:2px;border:1px solid #60718e;background:#1a2434}.sidebar nav a.active:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px rgba(34,184,255,.55)}.nav-section{font-size:10px;color:#56647c;margin:22px 12px 8px;letter-spacing:.16em;font-weight:800}.main{margin-left:252px;min-height:100vh}.topbar{height:70px;background:rgba(5,8,13,.84);backdrop-filter:blur(15px);border-bottom:1px solid rgba(116,145,186,.14);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15}.topbar strong{font-size:16px;letter-spacing:.01em}.top-actions{display:flex;gap:14px;align-items:center;color:#aeb9cb;font-size:13px}.top-actions a{color:#a9c9dd;text-decoration:none}.top-actions a:hover{color:#fff}.balance{background:linear-gradient(135deg,rgba(34,184,255,.18),rgba(139,92,246,.14));border:1px solid rgba(62,191,255,.2);padding:8px 11px;border-radius:10px;color:#bfe9ff;font-weight:800}.content{padding:28px;max-width:1680px;margin:0 auto}.grid{display:grid;gap:20px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(20,27,40,.96),rgba(16,22,33,.96));border:1px solid rgba(116,145,186,.16);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(71,212,255,.35),transparent);pointer-events:none}.card h2,.card h3{margin-top:0}.stat{font-size:31px;font-weight:900;margin-top:9px;color:#fff;letter-spacing:-.03em}.muted{color:var(--muted)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#74839b;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(93,209,255,.22);border-radius:10px;background:linear-gradient(135deg,var(--accent),#168de0);color:#fff;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:800;font-size:13px;box-shadow:0 8px 22px rgba(34,184,255,.13);transition:.17s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.secondary{background:#202a3a;border-color:#34435a;box-shadow:none;color:#dbe8f6}.btn.danger{background:linear-gradient(135deg,#b63845,#812532);border-color:#bd4d59;box-shadow:none}.btn.success{background:linear-gradient(135deg,#18a987,#137b68);border-color:#36c6aa;box-shadow:none}.btn.warning{background:linear-gradient(135deg,#a67020,#775018);border-color:#c48a2d;box-shadow:none}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:14px 13px;border-bottom:1px solid rgba(101,124,158,.14);text-align:left;vertical-align:middle}.table th{font-size:10px;color:#6f7e96;text-transform:uppercase;letter-spacing:.11em;background:rgba(9,13,20,.28)}.table tbody tr{transition:.15s ease}.table tbody tr:hover{background:rgba(34,184,255,.035)}.table tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#2b3548;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.badge.green{background:rgba(28,155,126,.17);color:#59e1c3;border:1px solid rgba(65,215,183,.16)}.badge.red{background:rgba(181,50,63,.16);color:#ff8993;border:1px solid rgba(255,100,115,.14)}.badge.orange{background:rgba(183,121,26,.17);color:#ffc967;border:1px solid rgba(246,184,75,.14)}.badge.purple{background:rgba(117,70,176,.19);color:#d2adff;border:1px solid rgba(168,121,255,.14)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:7px;color:#aeb8c9;font-size:12px;font-weight:750}.input,.select,.textarea{width:100%;background:#0d131d;color:#fff;border:1px solid #29364a;border-radius:10px;padding:11px 12px;outline:0;transition:.18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.input:focus,.select:focus,.textarea:focus{border-color:rgba(34,184,255,.75);box-shadow:0 0 0 3px rgba(34,184,255,.09),0 0 24px rgba(34,184,255,.05)}.textarea{min-height:118px;resize:vertical}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.checkbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkbox-item{background:linear-gradient(180deg,#111823,#0f151f);border:1px solid #283548;border-radius:11px;padding:12px;transition:.15s ease}.checkbox-item:hover{border-color:#38516d}.alert{padding:13px 15px;border-radius:11px;margin-bottom:16px;border:1px solid transparent}.alert.success{background:rgba(17,113,91,.2);color:#95f4dc;border-color:rgba(55,203,171,.18)}.alert.error{background:rgba(119,37,47,.23);color:#ffb4bb;border-color:rgba(255,100,115,.17)}.alert.warning{background:rgba(111,77,20,.24);color:#ffd88d;border-color:rgba(246,184,75,.17)}.timeline{position:relative;border-left:1px solid #344258;margin-left:15px;padding-left:24px}.timeline-item{position:relative;background:linear-gradient(180deg,#1a2332,#161e2b);border:1px solid #2b394e;border-radius:13px;padding:14px 16px;margin:0 0 14px;box-shadow:0 12px 28px rgba(0,0,0,.13)}.timeline-item:before{content:"";position:absolute;left:-31px;top:18px;width:11px;height:11px;border-radius:50%;background:#142033;border:2px solid var(--accent);box-shadow:0 0 15px rgba(34,184,255,.25)}.event-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#738098;font-size:11px}.event-head strong{color:#fff;font-size:13px}.event-body{margin-top:9px;color:#d7dfeb;line-height:1.55}.file-drop{position:relative;border:1px dashed #3b5977;padding:34px 24px;text-align:center;border-radius:14px;background:linear-gradient(180deg,rgba(34,184,255,.035),rgba(139,92,246,.025));transition:.18s ease}.file-drop:hover{border-color:var(--accent);background:rgba(34,184,255,.055)}.file-drop:before{content:"⇧";display:block;margin:0 auto 10px;width:46px;height:46px;line-height:43px;border-radius:14px;border:1px solid rgba(34,184,255,.28);background:rgba(34,184,255,.07);color:#75d8ff;font-size:24px;font-weight:800}.file-drop input[type=file]{max-width:100%;color:#a9b6c9}.section-title{margin:0 0 16px}.right{float:right}.codebox{font-family:Consolas,Menlo,monospace;background:#05080d;padding:14px;border-radius:11px;white-space:pre-wrap;border:1px solid #202b3b;color:#b7c5d8;line-height:1.55}.price{font-size:28px;color:#bc8cff;font-weight:900;letter-spacing:-.03em}.split{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.75fr);gap:22px}.live-strip{display:flex;justify-content:flex-end;margin:0 0 10px;color:#6f7d93;font-size:11px}.live-strip .online{color:#55dfc1}.order-total-box{margin-top:18px;padding:16px 18px;border:1px solid #33455f;border-radius:12px;background:linear-gradient(135deg,rgba(34,184,255,.07),rgba(139,92,246,.06));display:flex;justify-content:space-between;align-items:center}.order-total-box strong{font-size:24px;color:#c69bff}.options-panel{margin-top:22px}.compat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compat-card{background:#111823;border:1px solid #2a3749;border-radius:12px;padding:15px}.service-choice{cursor:pointer;position:relative;overflow:hidden;transition:.17s ease}.service-choice:hover{transform:translateY(-1px);border-color:#3c526d}.service-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px rgba(34,184,255,.3) inset,0 12px 28px rgba(34,184,255,.07);background:linear-gradient(135deg,rgba(34,184,255,.11),rgba(139,92,246,.06))}.service-choice input{accent-color:var(--accent)}.status-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center;margin:10px 0 16px}.file-archive{display:grid;gap:9px}.file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;background:#101720;border:1px solid #273548;border-radius:11px}.file-row:hover{border-color:#354a64}.admin-edit-row{display:grid;grid-template-columns:1fr 1.25fr 1.8fr 100px 80px auto auto auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #263246}.bundle-edit-row{display:grid;grid-template-columns:1.2fr 110px 100px 180px 180px auto auto auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #263246}.input.compact{min-width:0}.mini-check{white-space:nowrap;font-size:12px}.newest-first:before{content:"ACTIVITÉ RÉCENTE";display:block;color:#62718a;font-size:10px;letter-spacing:.14em;font-weight:850;margin:0 0 10px}.request-summary{margin-top:14px;padding:14px 16px;border:1px solid rgba(34,184,255,.23);border-radius:12px;background:linear-gradient(135deg,rgba(34,184,255,.09),rgba(139,92,246,.05));display:flex;flex-direction:column;gap:5px}.request-summary strong{font-size:1.05rem}.tool-editor{padding:16px;border:1px solid #2a374a;border-radius:12px;background:#101720}.tool-grid{display:grid;gap:14px}.impersonation-banner{background:rgba(126,87,23,.25);border:1px solid rgba(219,157,47,.35);color:#ffe09b;padding:12px 16px;border-radius:11px;margin-bottom:16px}.impersonation-banner a{color:#fff;font-weight:800}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.search-form{display:flex;gap:8px;max-width:650px;flex:1}.mini-list{display:grid;gap:7px}.mini-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #263246}.pos{color:#5ce3c4}.neg{color:#ff7a84}.user-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-tool-card{display:grid;grid-template-columns:1.3fr 140px 1fr 1fr;gap:10px;align-items:center;background:#101720;border:1px solid #273548;border-radius:11px;padding:12px}.sticky-save{position:sticky;bottom:0;background:rgba(8,11,17,.88);backdrop-filter:blur(12px);padding:14px 0;margin-top:20px;border-top:1px solid rgba(93,122,164,.2);z-index:8}
/* V1.5 modern order UI */
.page-lead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.page-lead h1{margin:0;font-size:27px;letter-spacing:-.035em}.page-lead p{margin:6px 0 0;color:var(--muted)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.tech-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:#111a26;border:1px solid #2a3a50;color:#b8c6d8;font-size:11px;font-weight:800}.tech-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(34,184,255,.55)}.order-shell{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.72fr);gap:22px;align-items:start}.order-main{display:grid;gap:18px}.order-side{position:sticky;top:92px;display:grid;gap:16px}.order-hero{padding:20px;border-radius:16px;border:1px solid rgba(99,136,184,.2);background:linear-gradient(145deg,rgba(34,184,255,.09),rgba(139,92,246,.06) 45%,rgba(17,24,36,.98));box-shadow:var(--shadow)}.order-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.order-title{margin:0;font-size:23px;letter-spacing:-.03em}.order-subtitle{color:#8e9cb1;font-size:12px;margin-top:5px}.order-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.meta-box{padding:11px 12px;border-radius:10px;background:rgba(4,8,13,.42);border:1px solid rgba(101,132,173,.17)}.meta-box span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#687790;margin-bottom:5px;font-weight:800}.meta-box strong{font-size:13px}.status-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 18px}.status-step{position:relative;padding:11px 9px;border-radius:11px;background:#101720;border:1px solid #26364b;text-align:center;color:#6e7c91;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.status-step.active{color:#fff;border-color:rgba(34,184,255,.55);background:rgba(34,184,255,.09);box-shadow:0 0 20px rgba(34,184,255,.06)}.status-step.done{color:#67dfc4;border-color:rgba(37,208,164,.28);background:rgba(37,208,164,.06)}.compose-card{background:linear-gradient(180deg,#151d2a,#111823);border:1px solid #2b3a50;border-radius:15px;padding:18px}.compose-card h3{margin:0 0 12px}.conversation-wrap{padding:3px 0}.conversation-title{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}.conversation-title h3{margin:0}.file-type{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:850;color:#9fb0c5}.file-type:before{content:"BIN";font-size:8px;padding:4px 5px;border-radius:5px;background:rgba(34,184,255,.14);color:#7ad8ff;border:1px solid rgba(34,184,255,.18)}.order-price-card{padding:18px;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(34,184,255,.07));border:1px solid rgba(157,112,255,.2)}.order-price-card .price{margin-top:6px}.status-pairs{display:grid;gap:8px;margin-top:12px}.status-pairs>div{display:flex;justify-content:space-between;gap:12px;color:#8492a8;font-size:12px}.status-pairs strong{color:#d9e3ee}.admin-control-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.control-panel{padding:16px;border-radius:13px;background:#101720;border:1px solid #28384d}.control-panel h3{margin:0 0 12px;font-size:14px}.job-line{font-family:Consolas,monospace;font-size:11px;color:#a8b7c8;background:#070b11;border:1px solid #1e2a3a;border-radius:9px;padding:10px;margin-top:8px}.sticky-summary{position:sticky;top:92px}.order-files-section h3,.conversation-title h3{font-size:15px}.conversation-wrap .timeline{margin-top:0}.order-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:13px;background:rgba(13,19,29,.78);border:1px solid #27364a}.order-toolbar .actions{margin:0}.soft-divider{height:1px;background:linear-gradient(90deg,transparent,#2e3d52,transparent);margin:16px 0}
/* new order wizard */
.wizard{display:grid;gap:18px}.wizard-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 19px;border-radius:15px;background:linear-gradient(135deg,rgba(34,184,255,.09),rgba(139,92,246,.06));border:1px solid rgba(92,178,230,.2)}.wizard-steps{display:flex;gap:8px;align-items:center}.wizard-step{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#0d141e;border:1px solid #27374c;color:#74839b;font-size:11px;font-weight:850}.wizard-step strong{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#172334;color:#8fa0b8}.wizard-step.active{color:#fff;border-color:rgba(34,184,255,.5);background:rgba(34,184,255,.09)}.wizard-step.active strong{background:var(--accent);color:#00121e}.wizard-card{background:linear-gradient(180deg,#141c28,#101720);border:1px solid rgba(110,142,184,.18);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.wizard-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.wizard-card-head h2{margin:0;font-size:18px}.wizard-card-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.wizard-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(34,184,255,.08);border:1px solid rgba(34,184,255,.22);color:#78d9ff;font-weight:900}.field-section{padding:16px;border-radius:13px;background:#0d141e;border:1px solid #233146;margin-top:14px}.field-section-title{display:flex;align-items:center;gap:8px;color:#cbd8e7;font-size:12px;font-weight:850;margin-bottom:14px}.field-section-title:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px rgba(34,184,255,.42)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.service-choice{min-height:122px;padding:14px}.service-choice>input{position:absolute;right:12px;top:12px}.service-choice strong{display:block;padding-right:26px;font-size:14px}.service-choice .right{float:none;display:block;margin-top:9px;color:#c296ff;font-size:15px;font-weight:900}.service-choice .muted{font-size:11px;line-height:1.45;margin-top:7px}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.option-choice{position:relative;padding:11px 12px;display:flex;align-items:center;gap:8px}.option-choice .right{margin-left:auto;color:#67d8ff;font-weight:850}.summary-bar{position:sticky;bottom:12px;z-index:7;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;border-radius:14px;background:rgba(10,15,23,.9);backdrop-filter:blur(14px);border:1px solid rgba(81,137,185,.28);box-shadow:0 16px 50px rgba(0,0,0,.35)}.summary-bar .price{font-size:22px}.summary-request{color:#97a7ba;font-size:12px}.summary-request strong{color:#fff}.submit-cluster{display:flex;align-items:center;gap:14px}.file-selected{margin-top:9px;font-size:11px;color:#6bdcc4}
/* cards and list pages */
.list-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.list-hero h2{margin:0}.data-card{padding:0}.data-card .table{border-radius:14px;overflow:hidden}.empty-state{padding:45px;text-align:center;color:#77869d}.empty-state:before{content:"◫";display:block;font-size:34px;color:#37506d;margin-bottom:10px}.profile-section-title{display:flex;align-items:center;gap:8px}.profile-section-title:before{content:"";width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 12px rgba(34,184,255,.25)}
@media(max-width:1250px){.admin-edit-row,.bundle-edit-row{grid-template-columns:1fr 1fr}.user-tool-card{grid-template-columns:1fr 1fr}.order-shell{grid-template-columns:1fr}.order-side,.sticky-summary{position:static}.service-grid,.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-control-grid{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{position:static;width:auto;height:auto}.main{margin:0}.grid.cols-3,.grid.cols-2,.row,.row-3,.split,.compat-grid{grid-template-columns:1fr}.topbar{position:static;height:auto;min-height:62px;padding:14px 18px;gap:12px}.content{padding:18px}.checkbox-list{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-form{max-width:none}.status-form{grid-template-columns:1fr}.file-row{align-items:flex-start;flex-direction:column}.order-meta-grid{grid-template-columns:1fr 1fr}.summary-bar{position:static}.wizard-head,.page-lead{align-items:flex-start;flex-direction:column}.top-actions{flex-wrap:wrap;justify-content:flex-end}.service-grid,.option-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.content{padding:14px}.user-tool-grid,.user-tool-card{grid-template-columns:1fr}.service-grid,.option-grid,.order-meta-grid{grid-template-columns:1fr}.wizard-steps{flex-wrap:wrap}.summary-bar,.submit-cluster{align-items:stretch;flex-direction:column}.btn{width:100%}.actions .btn{width:auto}.top-actions span:not(.balance){display:none}.card,.wizard-card{padding:16px}}
/* v1.4 shell compatibility, refined for v1.5 */
.brand-wrap{display:flex;align-items:center;gap:12px;padding:3px 8px 16px;border-bottom:1px solid rgba(102,136,181,.12);margin-bottom:12px}.brand-wrap .brand{height:auto;padding:0;margin:0;font-size:17px}.brand-wrap .brand:before{display:none}.brand-sub{font-size:9px;color:#5e6e87;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.brand-mark{position:relative;width:38px;height:38px;border-radius:11px;border:1px solid rgba(68,202,255,.3);background:linear-gradient(145deg,rgba(34,184,255,.17),rgba(139,92,246,.14));box-shadow:0 0 24px rgba(34,184,255,.1);overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:rgba(72,213,255,.5)}.brand-mark:before{width:22px;height:1px;left:8px;top:18px}.brand-mark:after{width:1px;height:22px;left:18px;top:8px}.brand-mark span{position:absolute;width:5px;height:5px;border:1px solid #55d7ff;border-radius:2px;background:#0b1521}.brand-mark span:nth-child(1){left:7px;top:7px}.brand-mark span:nth-child(2){right:7px;top:15px}.brand-mark span:nth-child(3){left:15px;bottom:6px}.nav-link .nav-icon{width:20px;text-align:center;color:#6c87a8;font-size:15px}.sidebar nav .nav-link:before{display:none}.sidebar nav .nav-link.active .nav-icon{color:#63d7ff}.sidebar-footer{position:absolute;left:18px;right:18px;bottom:16px;color:#47566e;font-size:8px;letter-spacing:.12em;text-align:center}.pcb-mini{display:flex;justify-content:center;gap:7px;margin-bottom:7px}.pcb-mini i{display:block;width:4px;height:4px;border-radius:50%;background:#2c607a;box-shadow:0 0 8px rgba(34,184,255,.22)}.top-title{display:flex;align-items:center;gap:12px}.top-title strong{display:block}.top-title small{display:block;color:#617089;font-size:9px;margin-top:3px;letter-spacing:.08em}.mobile-menu{display:none;background:#172131;color:#b7c5d8;border:1px solid #2b3b52;border-radius:9px;padding:8px 10px}.service-pill{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;padding:7px 10px;border-radius:11px;border:1px solid #2b394e;background:#101720;min-width:136px}.service-pill i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#6a7486}.service-pill span{font-size:10px;font-weight:900;letter-spacing:.07em}.service-pill small{font-size:8px;color:#738197;margin-top:2px}.service-pill.online i{background:#43e0bb;box-shadow:0 0 12px rgba(67,224,187,.5)}.service-pill.online span{color:#7ae5cc}.service-pill.offline i{background:#ff6877;box-shadow:0 0 12px rgba(255,104,119,.34)}.service-pill.offline span{color:#ff9ba4}.user-chip{display:flex;align-items:center;gap:8px;color:#aeb9ca}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,rgba(34,184,255,.22),rgba(139,92,246,.25));border:1px solid rgba(99,187,255,.18);color:#dff5ff;font-weight:900}.top-link{font-size:11px}.portal-notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;border:1px solid rgba(34,184,255,.18);background:linear-gradient(135deg,rgba(34,184,255,.07),rgba(139,92,246,.04));margin-bottom:18px;color:#c9d6e5}.portal-notice>span{color:#65dbff}.sidebar nav{padding-bottom:84px}@media(max-width:900px){.mobile-menu{display:inline-block}.sidebar{display:none}.sidebar.open{display:block;position:fixed;z-index:50;width:260px}.sidebar-footer{display:none}.service-pill{display:none}}
/* =========================================================
v1.6 visual system — ECU / PCB / calibration workstation
========================================================= */
:root{--panel:#111925;--panel-2:#0c131d;--line:#25354a;--line-soft:rgba(103,142,190,.16);--text:#eef6ff;--muted:#7f91a9;--glow:rgba(34,184,255,.18);--shadow:0 18px 60px rgba(0,0,0,.24)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 0 49.8%,rgba(67,203,255,.018) 50%,transparent 50.2%),linear-gradient(0deg,transparent 0 49.8%,rgba(139,92,246,.014) 50%,transparent 50.2%);background-size:128px 128px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 85%)}
.content{animation:portalFade .24s ease-out}.card,.wizard-card,.compose-card,.control-panel,.order-hero,.order-price-card{backdrop-filter:blur(10px)}
.card,.wizard-card,.compose-card,.control-panel,.order-hero{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:hover,.wizard-card:hover{border-color:rgba(75,168,221,.25);box-shadow:0 18px 55px rgba(0,0,0,.2)}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(34,184,255,.32),rgba(139,92,246,.2),transparent);opacity:.7}.top-actions{position:relative}.sidebar{background-image:linear-gradient(180deg,rgba(34,184,255,.018),transparent 28%),radial-gradient(circle at 12% 92%,rgba(139,92,246,.05),transparent 25%)}
.nav-link{overflow:hidden}.nav-link:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(91,214,255,.04),transparent);transform:translateX(-120%);transition:transform .35s ease}.nav-link:hover:after{transform:translateX(120%)}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.13) 48%,transparent 70%);transform:translateX(-140%);transition:transform .45s ease}.btn:hover:after{transform:translateX(140%)}
.badge{border:1px solid rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.025)}.badge.blue{background:#113a56;color:#75d8ff;border-color:#1b5778}.badge.green:before,.badge.orange:before,.badge.red:before,.badge.purple:before,.badge.blue:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;box-shadow:0 0 8px currentColor}
.table-wrap{border-radius:14px;overflow:hidden}.table th{background:rgba(7,12,19,.72);position:sticky;top:0}.table td{background:rgba(12,18,27,.28)}.table tbody tr:hover td{background:rgba(34,184,255,.045)}
.input,.select,.textarea{background:linear-gradient(180deg,#0c121b,#0a1018);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.input:hover,.select:hover,.textarea:hover{border-color:#354962}.form-group label{letter-spacing:.015em}
.page-lead{position:relative;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line-soft)}.page-lead:after{content:"";position:absolute;left:0;bottom:-1px;width:110px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.page-lead h1{letter-spacing:-.035em}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:900;letter-spacing:.14em;color:#65d7ff}.eyebrow:before{content:"";width:12px;height:1px;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.order-shell{align-items:start}.order-main{display:grid;gap:16px}.order-side{position:sticky;top:92px;display:grid;gap:14px}.order-hero{position:relative;overflow:hidden;background:linear-gradient(155deg,#151e2b,#0f1721)}.order-hero:before{content:"";position:absolute;right:-42px;bottom:-50px;width:170px;height:170px;border:1px solid rgba(65,207,255,.09);border-radius:50%;box-shadow:0 0 0 18px rgba(65,207,255,.018),0 0 0 38px rgba(139,92,246,.012)}.order-hero:after{content:"ECU";position:absolute;right:20px;bottom:12px;font:900 44px/1 Consolas,monospace;color:rgba(89,204,255,.026);letter-spacing:.12em}.order-hero>*{position:relative;z-index:1}.order-title{font-size:25px;letter-spacing:-.035em}.order-subtitle{color:#8495ab}.meta-box{background:rgba(7,12,19,.55);border:1px solid rgba(86,124,166,.17);transition:.16s ease}.meta-box:hover{border-color:rgba(34,184,255,.28);transform:translateY(-1px)}.meta-box span{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.request-summary{position:relative;overflow:hidden}.request-summary:before{content:"MAP";position:absolute;right:8px;top:6px;color:rgba(154,109,255,.08);font:900 28px Consolas,monospace}.request-summary strong{font-size:14px;line-height:1.45}.codebox{background:linear-gradient(180deg,#020508,#05090d);border-color:#1a3343;box-shadow:inset 0 0 24px rgba(32,184,255,.025)}
.status-rail{background:linear-gradient(180deg,rgba(13,20,30,.84),rgba(10,16,24,.84));border:1px solid var(--line-soft);border-radius:14px;padding:10px;gap:8px}.status-step{border-radius:9px;transition:.2s ease}.status-step.done{background:rgba(47,212,177,.07);color:#71e3c8}.status-step.active{background:linear-gradient(135deg,rgba(34,184,255,.15),rgba(139,92,246,.11));color:#fff;border:1px solid rgba(66,198,255,.24);box-shadow:0 0 22px rgba(34,184,255,.06)}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--accent),rgba(139,92,246,.3),transparent)}.timeline-item{background:linear-gradient(145deg,rgba(21,30,42,.95),rgba(14,21,31,.95));box-shadow:0 10px 30px rgba(0,0,0,.09)}.timeline-item:hover{border-color:rgba(57,174,229,.27)}.timeline-item:before{background:#08101a}.event-head span{font-family:Consolas,monospace;font-size:10px}.file-row{border:1px solid rgba(70,104,143,.15);background:linear-gradient(145deg,rgba(13,20,29,.72),rgba(8,14,21,.72));border-radius:11px;padding:12px;transition:.16s ease}.file-row:hover{border-color:rgba(45,184,245,.28);transform:translateX(2px)}
.compose-card{background:linear-gradient(155deg,rgba(18,27,39,.97),rgba(12,19,28,.97));border:1px solid rgba(81,117,158,.2);border-radius:15px;padding:18px;box-shadow:0 14px 34px rgba(0,0,0,.1)}.compose-card h3{margin-top:0}.conversation-title{padding-bottom:11px;border-bottom:1px solid rgba(91,125,164,.12)}
.support-banner{display:flex;align-items:center;gap:13px;padding:14px 16px;margin-bottom:15px;border-radius:13px;background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(34,184,255,.07));border:1px solid rgba(158,118,255,.28);box-shadow:0 12px 35px rgba(0,0,0,.12)}.support-banner.admin{background:linear-gradient(135deg,rgba(255,171,64,.1),rgba(139,92,246,.08));border-color:rgba(255,176,73,.23)}.support-icon{display:grid;place-items:center;min-width:35px;height:35px;border-radius:10px;background:#161e2c;border:1px solid rgba(139,92,246,.35);color:#caa8ff;font-size:18px;font-weight:900;box-shadow:0 0 20px rgba(139,92,246,.08)}.support-banner strong{display:block;font-size:13px}.support-banner span{display:block;color:#91a2b7;font-size:11px;margin-top:4px;line-height:1.45}
.order-toolbar{background:linear-gradient(135deg,rgba(16,24,35,.9),rgba(12,18,27,.9));box-shadow:0 12px 30px rgba(0,0,0,.08)}.control-panel{background:linear-gradient(150deg,#111a27,#0c141e)}.job-line{border-left:2px solid rgba(34,184,255,.35)}
.wizard-head{position:relative;overflow:hidden}.wizard-head:after{content:"0101 ECU MAP CAL 1010";position:absolute;right:22px;bottom:-4px;color:rgba(90,209,255,.035);font:900 24px Consolas,monospace;letter-spacing:.14em}.wizard-card{position:relative;overflow:hidden}.wizard-card:after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border:1px solid rgba(68,196,255,.05);border-radius:50%;pointer-events:none}.service-choice,.option-choice{position:relative;overflow:hidden;transition:.18s ease}.service-choice:hover,.option-choice:hover{border-color:rgba(34,184,255,.38);background:#111b28;transform:translateY(-1px)}.service-choice:has(input:checked),.option-choice:has(input:checked){border-color:rgba(56,204,255,.48);background:linear-gradient(145deg,rgba(34,184,255,.12),rgba(139,92,246,.08));box-shadow:0 0 0 1px rgba(34,184,255,.04),0 12px 30px rgba(0,0,0,.12)}.service-choice:has(input:checked):before,.option-choice:has(input:checked):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent),var(--accent-2));box-shadow:0 0 12px var(--accent)}.file-drop{transition:.18s ease}.file-drop:hover{border-color:rgba(45,193,255,.45);background:linear-gradient(135deg,rgba(32,184,255,.055),rgba(111,92,255,.045))}.summary-bar{border-color:rgba(54,192,255,.29);box-shadow:0 20px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025)}
.kpi-card{overflow:hidden}.kpi-card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:115px;height:115px;border:1px solid rgba(34,184,255,.07);border-radius:50%;box-shadow:0 0 0 13px rgba(34,184,255,.015)}.kpi-card .stat{position:relative;z-index:1}.kpi-icon{box-shadow:inset 0 0 18px rgba(34,184,255,.04),0 0 18px rgba(34,184,255,.04)}
.empty-state{background:radial-gradient(circle at center,rgba(34,184,255,.035),transparent 45%)}
@keyframes portalFade{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* v1.6.1 UI fixes */
.select{color-scheme:dark;background-color:#0d131d;color:#f4f8fd}.select option,.select optgroup{background:#0d131d!important;color:#eef4fb!important}.select:focus option:checked{background:#173a54!important;color:#fff!important}.control-panel{overflow:visible}.status-form{position:relative;z-index:4}.status-form .select{min-height:44px}
.nav-badge{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#e34857;color:#fff;font-size:10px;font-weight:900;box-shadow:0 0 16px rgba(227,72,87,.28)}.nav-badge.small{min-width:18px;height:18px;font-size:9px}.nav-badge.support{background:#7651d4}.nav-sub{display:grid;gap:2px;margin:0 0 6px 44px}.nav-sub a{display:flex;align-items:center;gap:8px;color:#718096;text-decoration:none;font-size:11px;padding:5px 7px;border-radius:7px}.nav-sub a:hover{background:#111a26;color:#dbe8f6}.inbox-tabs{display:flex;gap:8px;align-items:center;margin:-4px 0 16px}.inbox-tab{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#93a1b4;border:1px solid #27364b;background:#0e151f;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.inbox-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#243249;color:#bfe9ff;font-size:10px}.inbox-tab.active{color:#fff;border-color:rgba(34,184,255,.4);background:rgba(34,184,255,.09)}.unread-row{background:linear-gradient(90deg,rgba(34,184,255,.055),transparent 45%)}.unread-dot{display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:#42d8ff;box-shadow:0 0 12px rgba(66,216,255,.8)}.credit-event{border-color:rgba(69,212,178,.22);background:linear-gradient(180deg,rgba(22,65,58,.35),#161e2b)}.credit-amount{display:inline-block;font-weight:950;font-size:16px;letter-spacing:-.02em}.table .badge.green,.order-hero .badge.green{background:rgba(19,126,101,.34)!important;color:#69f0cf!important;border-color:rgba(74,225,193,.32)!important;box-shadow:0 0 18px rgba(49,208,174,.09)}
/* v1.6.2 - active workflow / support emphasis */
.status-step.done{background:linear-gradient(135deg,rgba(31,183,145,.17),rgba(24,130,111,.11))!important;color:#7af0d0!important;border-color:rgba(61,220,186,.38)!important;box-shadow:inset 0 0 0 1px rgba(62,218,186,.05),0 0 20px rgba(39,201,166,.05)}
.status-rail .status-step.done:last-child{font-weight:950}
.priority-card{margin-top:18px;border-color:rgba(46,188,225,.2);background:linear-gradient(155deg,rgba(18,28,41,.98),rgba(10,17,26,.98))}.priority-card .section-head{margin-bottom:8px}.priority-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 10px;border-top:1px solid rgba(85,118,157,.12)}.priority-row:first-of-type{border-top:0}.priority-row.support{background:linear-gradient(90deg,rgba(128,82,211,.09),transparent 62%);border-radius:10px}.priority-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(34,184,255,.08);border:1px solid rgba(34,184,255,.18);color:#77d9ff;font-weight:950}.priority-row.support .priority-icon{background:rgba(127,83,218,.12);border-color:rgba(160,118,238,.25);color:#d1b4ff}.priority-row .vehicle{min-width:0}.priority-row .vehicle strong,.priority-row .vehicle small{display:block}.priority-row .vehicle small{color:var(--muted);margin-top:3px}.empty-state.compact{padding:22px 10px}.client-tabs{margin-bottom:16px}.client-nav-sub{margin-bottom:10px}
@media(max-width:760px){.priority-row{grid-template-columns:36px minmax(0,1fr);}.priority-row>.badge,.priority-row>.btn{grid-column:2;justify-self:start}}
/* v1.6.3 - Pricing & services editor readability */
.pricing-page-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.pricing-page-lead h1{margin:4px 0 5px;font-size:30px}.pricing-stats{display:flex;gap:9px;flex-wrap:wrap}.pricing-stats span{padding:9px 12px;border:1px solid #2a3b50;background:#101824;border-radius:999px;color:#8f9eb3;font-size:12px}.pricing-stats strong{color:#fff;margin-right:4px}.pricing-editor-card{overflow:visible}.pricing-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.pricing-section-head h2,.pricing-section-head h3{margin:3px 0 5px}.compact-head{margin-bottom:12px}.pricing-list{display:grid;gap:12px}.pricing-service-row{padding:16px;border:1px solid #29384c;border-radius:13px;background:linear-gradient(180deg,#111925,#0e151f);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.pricing-service-row:hover{border-color:#35506b}.pricing-fields-grid{display:grid;gap:12px;align-items:end}.service-fields-grid{grid-template-columns:minmax(120px,.8fr) minmax(190px,1.25fr) 140px 95px 120px}.add-service-grid{grid-template-columns:minmax(130px,.8fr) minmax(220px,1.25fr) 140px 95px 120px}.pricing-field{display:block;min-width:0}.pricing-field>span,.pricing-toggle>span:first-child{display:block;margin:0 0 6px;color:#728199;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.pricing-toggle{display:block;min-width:0}.toggle-line{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid #29384a;border-radius:10px;background:#0d141e;color:#d9e3ee;font-size:12px;white-space:nowrap}.toggle-line input{accent-color:var(--accent)}.money-input{position:relative;min-width:0}.money-input .input{padding-right:34px}.money-input b{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#55dfc1;font-size:12px;pointer-events:none}.pricing-description{min-height:72px!important;line-height:1.4;margin:0}.description-field{margin-top:12px}.pricing-row-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #202d3d}.pricing-id{font-size:10px;letter-spacing:.08em}.pricing-add-box{margin-top:20px;padding:18px;border:1px dashed #334b64;border-radius:13px;background:linear-gradient(135deg,rgba(34,184,255,.035),rgba(139,92,246,.025))}.pricing-options-table{display:grid;gap:7px}.pricing-options-header,.pricing-option-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(220px,1.35fr) 140px 95px 110px minmax(215px,auto);gap:9px;align-items:center}.pricing-options-header{padding:0 5px 6px;color:#65758d;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.pricing-option-row{padding:10px;border:1px solid #273649;border-radius:12px;background:#101720}.pricing-option-row:hover{border-color:#35506b}.option-active{min-height:42px}.option-actions{justify-content:flex-end;flex-wrap:nowrap}.pricing-option-add{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(220px,1.35fr) 140px 95px 120px auto;gap:10px;align-items:end}.compat-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.compat-title h3{margin:0}
@media(max-width:1350px){.service-fields-grid,.add-service-grid{grid-template-columns:1fr 1.4fr 130px 90px}.service-fields-grid .pricing-toggle,.add-service-grid .pricing-toggle{grid-column:span 1}.pricing-options-header,.pricing-option-row{grid-template-columns:1fr 1.4fr 120px 90px 105px}.pricing-options-header span:last-child{display:none}.pricing-option-row .option-actions{grid-column:1/-1;justify-content:flex-end}.pricing-option-add{grid-template-columns:1fr 1.4fr 120px 90px 110px}.pricing-option-add .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:900px){.pricing-page-lead{align-items:flex-start;flex-direction:column}.service-fields-grid,.add-service-grid,.pricing-option-add{grid-template-columns:1fr 1fr}.pricing-options-header{display:none}.pricing-option-row{grid-template-columns:1fr 1fr}.pricing-option-row .money-input,.pricing-option-row>input[name="sort_order"],.pricing-option-row .option-active{min-width:0}.pricing-option-row .option-actions{grid-column:1/-1}.pricing-row-actions{align-items:flex-start;flex-direction:column}.pricing-row-actions .actions{width:100%}.pricing-row-actions .actions .btn{flex:1}.pricing-option-add .btn{grid-column:1/-1}.pricing-option-row:before{content:"OPTION";grid-column:1/-1;color:#5e7087;font-size:9px;font-weight:850;letter-spacing:.12em}}
@media(max-width:580px){.service-fields-grid,.add-service-grid,.pricing-option-row,.pricing-option-add{grid-template-columns:1fr}.pricing-option-row .option-actions,.pricing-option-add .btn{grid-column:auto}.pricing-row-actions .actions{flex-direction:column}.pricing-row-actions .actions .btn{width:100%}.pricing-option-row .option-actions{flex-direction:column}.pricing-option-row .option-actions .btn{width:100%}}
/* WinOLS Lab v1.7.3 */
.winols-project-list{display:grid;gap:14px;margin-top:16px}
.winols-project-card{border:1px solid rgba(74,176,255,.18);background:linear-gradient(145deg,rgba(11,23,37,.96),rgba(15,25,40,.88));border-radius:16px;padding:16px}
.winols-project-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px}
.match-pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:8px 12px;border-radius:999px;background:rgba(54,224,188,.11);border:1px solid rgba(54,224,188,.28);color:#64edcf;font-weight:800}
.winols-versions{display:grid;gap:8px;border-top:1px solid rgba(123,166,205,.14);padding-top:12px}
.version-title{margin-bottom:2px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.winols-version-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(98,160,220,.13);background:rgba(4,12,22,.5);border-radius:12px}
.winols-version-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.winols-version-info strong{overflow-wrap:anywhere}
.empty-inline{padding:12px 0;color:var(--muted,#8da2bd)}
@media(max-width:720px){.winols-version-row{align-items:flex-start;flex-direction:column}.winols-version-row form,.winols-version-row .btn{width:100%}}
/* WinOLS Lab v1.7.4 metadata */
.winols-project-meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 0 12px;color:#8fa5bf;font-size:.88rem}
.winols-project-meta span{display:inline-flex;gap:5px;align-items:center}
.winols-project-meta b{color:#c9d8e8;font-weight:700}
/* WinOLS Lab v1.7.5 */
.winols-version-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.version-loading{display:flex;align-items:center;gap:10px;padding:12px 0;color:#8fb8d9}
.mini-spinner{width:14px;height:14px;border:2px solid rgba(84,190,255,.25);border-top-color:#55c8ff;border-radius:50%;animation:pf-spin .8s linear infinite}
@keyframes pf-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.winols-version-actions{width:100%;justify-content:stretch}.winols-version-actions form,.winols-version-actions .btn{width:100%}}
/* WinOLS Lab v1.7.6 - version-first layout */
.winols-version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;margin-top:16px}
.winols-version-card{border:1px solid rgba(74,176,255,.18);background:linear-gradient(145deg,rgba(11,23,37,.97),rgba(15,25,40,.9));border-radius:16px;padding:16px}
.winols-version-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.winols-version-card h3{margin:2px 0 4px;font-size:1.18rem}
.winols-version-project{margin:14px 0 10px;color:#b9c9da}
@media(max-width:720px){.winols-version-grid{grid-template-columns:1fr}}
/* WinOLS Lab v1.7.8 - layout polish */
.winols-version-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
gap:18px;
align-items:stretch;
}
.winols-version-card{
min-width:0;
overflow:hidden;
display:flex;
flex-direction:column;
}
.winols-version-card-top{
align-items:flex-start;
}
.winols-version-card-top > div:first-child{
min-width:0;
flex:1 1 auto;
}
.winols-version-card h3,
.winols-version-card .muted,
.winols-version-project,
.winols-project-meta{
overflow-wrap:anywhere;
word-break:break-word;
}
.winols-version-card .muted{
line-height:1.35;
}
.winols-version-project{
margin-top:14px;
}
.winols-project-meta{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px 14px;
}
.winols-project-meta span{
min-width:0;
display:block;
}
.winols-version-actions{
margin-top:auto;
padding-top:14px;
display:grid;
grid-template-columns:minmax(110px,.65fr) minmax(180px,1.35fr);
gap:10px;
}
.winols-version-actions form,
.winols-version-actions .btn{
width:100%;
}
.match-pill{
flex:0 0 auto;
position:static;
margin-left:12px;
}
@media(max-width:1200px){
.winols-version-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:820px){
.winols-version-grid{
grid-template-columns:1fr;
}
.winols-project-meta{
grid-template-columns:1fr;
}
.winols-version-actions{
grid-template-columns:1fr;
}
}
/* V1.8.0 validation / result */
.validation-panel{margin:18px 0;padding:16px;border-radius:16px;border:1px solid rgba(78,173,255,.2);background:rgba(8,20,34,.72)}
.validation-pass{border-color:rgba(62,222,183,.3);box-shadow:inset 0 0 0 1px rgba(62,222,183,.05)}
.validation-warn{border-color:rgba(245,181,61,.32)}
.validation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.validation-head h3{margin:3px 0 8px}
.validation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.validation-grid>div{padding:12px;border:1px solid rgba(110,157,203,.16);border-radius:12px;background:rgba(3,11,20,.55);display:flex;flex-direction:column;gap:3px}
.validation-grid span,.validation-grid small{color:#8fa5bf}
.validation-grid strong{font-size:1.25rem}
.result-download{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(38,148,235,.08);border:1px solid rgba(38,148,235,.18)}
@media(max-width:760px){.validation-grid{grid-template-columns:1fr}.result-download .btn{width:100%}}
/* V1.8.1 smooth WinOLS Lab polling */
#winols-current,#winols-recent{transition:border-color .2s ease,box-shadow .2s ease}
/* V1.9.0 automation rules */
.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:16px}
.rule-card{margin:0}
.rule-head,.rule-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rule-head{margin-bottom:14px}
.rule-head h3{margin:3px 0}
.rule-footer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(90,150,210,.14)}
.rule-footer label{display:flex;align-items:center;gap:8px;color:#a9bad0}
.input.compact{width:92px}
.switchline{display:flex;align-items:center;gap:8px;white-space:nowrap}
.rule-card textarea{min-height:120px}
@media(max-width:760px){.rules-grid{grid-template-columns:1fr}.rule-head,.rule-footer{align-items:stretch;flex-direction:column}.rule-footer .btn{width:100%}}
/* V2.0.0 automation controls */
.automation-master-switch{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;border-color:rgba(59,216,180,.22)}
.automation-master-switch h2{margin:4px 0 6px}
.automation-master-switch form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.switchline.big{font-size:1.05rem;font-weight:800}
.add-rule-card summary{cursor:pointer;padding:4px 0}
.bot-order-panel{margin:18px 0;padding:18px;border:1px solid rgba(61,183,255,.22);border-radius:18px;background:linear-gradient(145deg,rgba(7,19,31,.96),rgba(12,27,43,.92))}
.bot-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.bot-order-head h3{margin:4px 0}
.bot-job-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.bot-job-summary>div{padding:12px;border:1px solid rgba(94,158,220,.14);border-radius:12px;background:rgba(3,10,18,.48);display:flex;flex-direction:column;gap:4px}
.bot-job-summary span{color:#8fa5bf;font-size:.86rem}
.bot-order-actions,.bot-result-ready,.bot-result-ready .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bot-result-ready{justify-content:space-between;margin-top:14px;padding:14px;border:1px solid rgba(54,224,188,.2);border-radius:14px;background:rgba(54,224,188,.06)}
.bot-result-ready>div:first-child{display:flex;flex-direction:column;gap:3px}
@media(max-width:760px){
.automation-master-switch,.bot-order-head,.bot-result-ready{align-items:stretch;flex-direction:column}
.bot-job-summary{grid-template-columns:1fr}
.bot-order-actions .btn,.bot-order-actions form,.bot-result-ready .actions,.bot-result-ready .actions form,.bot-result-ready .actions .btn{width:100%}
}
/* V2.0.1 combination rules */
.combo-title{margin-top:24px}
.combo-add-card{margin-bottom:16px;border-color:rgba(122,91,255,.22)}
.combo-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:10px 0 16px}
.combo-option{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(96,151,207,.15);border-radius:10px;background:rgba(5,14,24,.48);cursor:pointer}
.combo-option:hover{border-color:rgba(59,183,255,.32)}
.combo-option input{flex:0 0 auto}
.combo-rule-card{border-color:rgba(122,91,255,.18)}
@media(max-width:760px){.combo-option-grid{grid-template-columns:1fr}}
/* V2.0.3 clearer automatic-delivery switch */
.auto-delivery-form{min-width:250px;justify-content:flex-end}
.toggle-control{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}
.toggle-control>input{position:absolute;opacity:0;pointer-events:none}
.toggle-track{position:relative;width:64px;height:34px;border-radius:999px;background:rgba(245,181,61,.18);border:1px solid rgba(245,181,61,.42);box-shadow:inset 0 0 18px rgba(245,181,61,.06);transition:.22s ease}
.toggle-knob{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#f5b53d;box-shadow:0 0 14px rgba(245,181,61,.34);transition:.22s ease}
.toggle-state{min-width:106px;font-size:.92rem;font-weight:900;letter-spacing:.04em}
.toggle-state-on{display:none;color:#55e2bd}
.toggle-state-off{display:inline;color:#f5bd52}
.toggle-control>input:checked+.toggle-track{background:rgba(54,224,188,.16);border-color:rgba(54,224,188,.48);box-shadow:inset 0 0 20px rgba(54,224,188,.08),0 0 16px rgba(54,224,188,.05)}
.toggle-control>input:checked+.toggle-track .toggle-knob{transform:translateX(30px);background:#55e2bd;box-shadow:0 0 15px rgba(54,224,188,.42)}
.toggle-control>input:checked~.toggle-state .toggle-state-on{display:inline}
.toggle-control>input:checked~.toggle-state .toggle-state-off{display:none}
.toggle-control:focus-within .toggle-track{outline:2px solid rgba(61,183,255,.42);outline-offset:3px}
.auto-delivery-hint{display:inline-flex;margin-top:10px;padding:8px 11px;border-radius:10px;font-size:.88rem;font-weight:700}
.auto-delivery-hint.is-on{color:#55e2bd;background:rgba(54,224,188,.07);border:1px solid rgba(54,224,188,.16)}
.auto-delivery-hint.is-off{color:#e8b85d;background:rgba(245,181,61,.06);border:1px solid rgba(245,181,61,.15)}
.auto-delivery-hint.is-on .auto-hint-off,.auto-delivery-hint.is-off .auto-hint-on{display:none}
@media(max-width:760px){.auto-delivery-form{min-width:0;justify-content:flex-start}.toggle-control{width:100%;justify-content:flex-start}}
/* V2.0.4 branding + file archive polish */
.brand-logo{width:42px;height:42px;flex:0 0 42px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:#0a1119;border:1px solid rgba(74,185,235,.22)}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.login-card .brand-logo{width:42px;height:42px;flex-basis:42px}
.branding-preview{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:18px;border:1px solid rgba(79,143,202,.16);border-radius:12px;background:rgba(5,13,22,.45)}
.branding-preview img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#07101a;border:1px solid rgba(80,170,220,.18);padding:5px}
.branding-preview-mark{width:64px;height:64px;flex:0 0 64px}
.branding-preview>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.branding-preview strong{font-size:1.15rem;overflow-wrap:anywhere}
.branding-preview span{color:#8090a5;font-size:.85rem}
.branding-remove{margin-bottom:16px}
.file-row-main{min-width:0;flex:1}
.file-row-title{display:flex;align-items:center;gap:10px;min-width:0}
.file-row-title .file-type{flex:0 0 auto}
.file-name{min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.25}
.file-date{display:block;margin-top:5px;font-size:.9rem}
@media(max-width:900px){
.file-row-title{align-items:flex-start;flex-direction:column;gap:6px}
.file-row .btn{width:100%}
}
/* V2.0.5 — definitive file archive + manual WinOLS fallback */
.order-files-section .file-row{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:22px !important;
align-items:center !important;
}
.order-files-section .file-row-main{
display:block !important;
min-width:0 !important;
}
.order-files-section .file-kind-line{
display:block !important;
margin:0 0 8px 0 !important;
}
.order-files-section .file-kind-badge{
display:inline-flex !important;
align-items:center !important;
width:auto !important;
padding:5px 10px !important;
border-radius:999px !important;
border:1px solid rgba(45,179,239,.28) !important;
background:rgba(45,179,239,.10) !important;
color:#a9c7df !important;
font-size:.78rem !important;
font-weight:800 !important;
line-height:1 !important;
}
.order-files-section .file-name-line{
display:block !important;
min-width:0 !important;
margin:0 0 5px 0 !important;
}
.order-files-section .file-name{
display:block !important;
min-width:0 !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
word-break:break-word !important;
line-height:1.3 !important;
}
.order-files-section .file-date{
display:block !important;
margin:0 !important;
line-height:1.2 !important;
}
.order-files-section .file-download-btn{
justify-self:end !important;
}
.lab-order-link{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
margin-bottom:16px;
padding:12px 14px;
border:1px solid rgba(55,179,240,.18);
border-radius:12px;
background:rgba(55,179,240,.05);
}
.lab-order-link>div{
display:flex;
flex-direction:column;
gap:3px;
}
@media(max-width:760px){
.order-files-section .file-row{grid-template-columns:1fr !important}
.order-files-section .file-download-btn{width:100% !important;justify-self:stretch !important}
.lab-order-link{align-items:stretch;flex-direction:column}
.lab-order-link .btn{width:100%}
}
/* V2.0.12 embedded WinOLS versions */
.project-version-list{margin-top:14px;border-top:1px solid rgba(80,170,220,.14);padding-top:10px;display:grid;gap:8px}
.project-version-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(80,170,220,.14);border-radius:10px;background:rgba(5,16,28,.34)}
.project-version-row>.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:800px){.project-version-row{align-items:stretch;flex-direction:column}.project-version-row>.actions{justify-content:flex-start}.project-version-row .btn{width:100%}}
/* V2.0.13 signed WinOLS match percentages */
.match-pill.match-negative{
border-color:rgba(255,184,77,.34) !important;
background:rgba(255,164,43,.10) !important;
color:#f0b45d !important;
}
.match-pill.match-exact{
border-color:rgba(44,214,177,.32) !important;
background:rgba(44,214,177,.10) !important;
color:#5ce2c1 !important;
}
.match-pill small{
display:block;
margin-top:2px;
font-size:.56rem;
font-weight:700;
letter-spacing:.02em;
opacity:.85;
white-space:nowrap;
}
/* V2.0.15 — WinOLS archive setting switch */
.winols-archive-card{
overflow:visible !important;
}
.config-card-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:18px;
}
.config-card-head h3{
margin:0 0 4px 0;
}
.config-card-head p{
margin:0;
}
.setting-switch-row{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:24px !important;
width:100% !important;
min-width:0 !important;
padding:18px 20px !important;
border:1px solid rgba(71,167,224,.20) !important;
border-radius:14px !important;
background:rgba(8,18,31,.48) !important;
cursor:pointer !important;
box-sizing:border-box !important;
}
.setting-switch-copy{
display:flex;
flex-direction:column;
gap:6px;
min-width:0;
flex:1 1 auto;
}
.setting-switch-copy strong{
display:block;
font-size:1rem;
line-height:1.25;
}
.setting-switch-copy span{
display:block;
color:var(--muted,#8fa4bd);
font-size:.9rem;
line-height:1.4;
}
.setting-switch-control{
display:flex;
align-items:center;
gap:12px;
flex:0 0 auto;
white-space:nowrap;
}
.setting-switch-control input{
position:absolute !important;
opacity:0 !important;
pointer-events:none !important;
width:1px !important;
height:1px !important;
}
.toggle-switch{
position:relative;
display:inline-flex;
width:56px;
height:30px;
border-radius:999px;
background:#243347;
border:1px solid rgba(255,255,255,.10);
transition:.18s ease;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.toggle-knob{
position:absolute;
top:3px;
left:3px;
width:22px;
height:22px;
border-radius:50%;
background:#d8e2ee;
box-shadow:0 2px 7px rgba(0,0,0,.28);
transition:.18s ease;
}
.setting-switch-control input:checked + .toggle-switch{
background:rgba(33,201,166,.20);
border-color:rgba(33,201,166,.50);
}
.setting-switch-control input:checked + .toggle-switch .toggle-knob{
transform:translateX(26px);
background:#4ce0bd;
}
.toggle-state{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:92px;
padding:7px 10px;
border-radius:999px;
border:1px solid rgba(255,184,77,.24);
background:rgba(255,164,43,.08);
color:#e7ad56;
font-size:.76rem;
font-weight:900;
letter-spacing:.04em;
}
.setting-switch-control input:checked ~ .toggle-state{
border-color:rgba(33,201,166,.28);
background:rgba(33,201,166,.09);
color:#59dfc0;
}
.config-help-box{
display:flex;
flex-direction:column;
gap:7px;
margin-top:16px;
padding:14px 16px;
border-radius:12px;
border:1px solid rgba(76,155,211,.15);
background:rgba(11,24,40,.35);
}
.config-help-box b{
font-size:.88rem;
}
.config-help-box span{
color:var(--muted,#8fa4bd);
line-height:1.5;
}
@media(max-width:760px){
.setting-switch-row{
align-items:flex-start !important;
flex-direction:column !important;
}
.setting-switch-control{
width:100%;
justify-content:space-between;
}
}
.vehicle-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}
.vehicle-detail-panel{margin-top:12px;background:#0b1420;border:1px solid #1f3e56;border-radius:14px;padding:20px}
.vehicle-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #203044;padding-bottom:14px;margin-bottom:14px}
.vehicle-detail-head h2{margin:4px 0}.vehicle-tech-row,.vehicle-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.vehicle-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.vehicle-stage-card{background:#0c1119;border:1px solid #213144;border-radius:11px;padding:14px;display:grid;gap:5px}.vehicle-stage-card.active{border-color:rgba(32,184,255,.6);box-shadow:inset 0 0 25px rgba(32,184,255,.05)}.vehicle-stage-card span{font-size:10px;color:#72839a;font-weight:800;letter-spacing:.08em}.vehicle-stage-card strong{font-size:24px}.vehicle-stage-card small{color:#9cadc0}
.vehicle-power-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.vehicle-power-editor>div{background:#0c131d;border:1px solid #233145;padding:12px;border-radius:10px;display:grid;gap:8px}
.vehicle-order-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.vehicle-catalog-preview{padding:12px 14px;border:1px solid rgba(32,184,255,.28);background:rgba(32,184,255,.05);border-radius:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:1050px){.vehicle-filter-grid{grid-template-columns:1fr 1fr}.vehicle-stage-grid,.vehicle-power-editor{grid-template-columns:1fr 1fr}}@media(max-width:650px){.vehicle-filter-grid,.vehicle-stage-grid,.vehicle-power-editor,.vehicle-order-mode{grid-template-columns:1fr}}
/* V2.1.4 — spacing fixes */
.vehicle-order-mode .checkbox-item{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.vehicle-order-mode .checkbox-item input{
flex:0 0 auto;
}
.vehicle-order-mode .checkbox-item strong{
flex:0 0 auto;
margin:0;
}
.vehicle-order-mode .checkbox-item .muted{
margin-left:2px;
line-height:1.3;
}
/* Keep file kind, filename and date visually separated even after live refresh. */
.order-files-section .file-row-main{
display:grid !important;
grid-template-columns:1fr !important;
row-gap:7px !important;
}
.order-files-section .file-kind-line,
.order-files-section .file-name-line,
.order-files-section .file-date{
width:100% !important;
}
.order-files-section .file-kind-line{
margin:0 !important;
}
.order-files-section .file-name-line{
margin:0 !important;
}
.order-files-section .file-date{
margin:0 !important;
}
/* V2.1.5 — exact year + request timeline presentation */
.vehicle-filter-grid-order{
grid-template-columns:1.05fr 1.15fr 1.15fr 1.05fr .72fr 1.15fr;
}
.order-request-event{
display:flex;
align-items:baseline;
gap:8px;
flex-wrap:wrap;
}
.order-request-event>span{
color:#92a2b8;
}
.order-request-event>strong{
color:#67d9ff;
font-weight:900;
letter-spacing:.01em;
}
.order-request-tail{
margin-top:4px;
color:#aab6c7;
}
@media(max-width:1200px){
.vehicle-filter-grid-order{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
.vehicle-filter-grid-order{grid-template-columns:1fr}
}
/* V2.2.0 — Dyno normalized vehicle database */
.vehicle-dyno-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.vehicle-dyno-meta>span{display:flex;flex-direction:column;gap:3px;min-width:135px;padding:10px 12px;border:1px solid #22364a;background:#0b131d;border-radius:9px}
.vehicle-dyno-meta b{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#74879d}
/* V2.2.2 — vehicle type/fuel refinement and torque visibility */
.vehicle-filter-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.vehicle-filter-grid-order{grid-template-columns:repeat(4,minmax(0,1fr))}
.vehicle-stage-card small b{color:#d7e2ef;font-weight:800}
.order-performance-card{margin-bottom:18px}
@media(max-width:1200px){
.vehicle-filter-grid,.vehicle-filter-grid-order{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
.vehicle-filter-grid,.vehicle-filter-grid-order{grid-template-columns:1fr}
}
/* V2.2.3 — simplified lookup + explicit torque */
.vehicle-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.vehicle-filter-grid-order{grid-template-columns:repeat(6,minmax(0,1fr))}
.vehicle-stage-card .torque-value{display:block;margin-top:7px;color:#dbe8f5;font-size:.9rem}
.order-performance-mini{margin-top:14px;padding:14px;border:1px solid #233a50;border-radius:12px;background:#0b141e}
.order-performance-mini>.eyebrow{display:block;margin-bottom:10px}
.perf-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.perf-mini-grid>div{padding:11px 12px;border:1px solid #24384c;border-radius:9px;background:#0a1119;display:grid;gap:3px}
.perf-mini-grid>div.active{border-color:#1d9bd2}
.perf-mini-grid span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#7d90a7;font-weight:800}
.perf-mini-grid strong{font-size:1.1rem}
.perf-mini-grid small{color:#c5d2df;font-weight:700}
@media(max-width:1200px){
.vehicle-filter-grid,.vehicle-filter-grid-order{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
.vehicle-filter-grid,.vehicle-filter-grid-order,.perf-mini-grid{grid-template-columns:1fr}
}
/* V2.2.4 — category overrides + highly visible torque */
.torque-highlight{margin-top:9px;padding-top:8px;border-top:1px solid #22364a;display:flex;justify-content:space-between;align-items:center;gap:10px}
.torque-highlight span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#8799ad;font-weight:800}
.torque-highlight strong{font-size:1.05rem;color:#eef7ff}
.perf-torque{display:flex!important;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;padding-top:7px;border-top:1px solid #22364a;color:#d8e6f4!important}
.perf-torque b{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#8799ad}
.perf-torque strong{font-size:1rem;color:#eef7ff}
/* V2.2.5 — clearer power/torque hierarchy */
.vehicle-stage-card .perf-main{
display:grid;
grid-template-columns:1fr 1fr;
align-items:end;
gap:12px;
margin-top:10px;
}
.vehicle-stage-card .perf-main strong{
font-size:1.55rem;
line-height:1.05;
}
.vehicle-stage-card .perf-main strong:nth-child(2){
text-align:right;
}
.vehicle-stage-card.tuned-card{
border-color:#20b8ff;
box-shadow:inset 0 0 0 1px rgba(32,184,255,.16), 0 0 26px rgba(32,184,255,.05);
}
.vehicle-stage-card.tuned-card .perf-main strong{
color:#60dcff;
}
.vehicle-stage-card.gain-card{
border-color:rgba(54,220,152,.42);
background:linear-gradient(180deg,rgba(54,220,152,.055),rgba(10,17,25,.96));
}
.vehicle-stage-card.gain-card .perf-main strong{
color:#52e6a5;
}
.vehicle-stage-card.stock-card .perf-main strong{
color:#eef5ff;
}
.order-performance-mini .perf-main.compact{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:6px;
}
.order-performance-mini .perf-main.compact strong{
font-size:1.05rem;
}
.order-performance-mini .perf-main.compact strong:nth-child(2){
text-align:right;
}
.perf-mini-grid>div.tuned .perf-main strong{
color:#60dcff;
}
@media(max-width:700px){
.vehicle-stage-card .perf-main,
.order-performance-mini .perf-main.compact{
grid-template-columns:1fr;
}
.vehicle-stage-card .perf-main strong:nth-child(2),
.order-performance-mini .perf-main.compact strong:nth-child(2){
text-align:left;
}
}
/* V2.2.6 — old-portal inspired Stage 1 comparison */
.vehicle-performance-compare{
position:relative;
margin:22px 0 18px;
padding:18px 18px 6px;
border:1px solid #263d52;
border-radius:12px;
background:linear-gradient(180deg,rgba(19,31,45,.98),rgba(11,19,29,.98));
overflow:hidden;
}
.performance-stage-badge{
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:10px;
padding:8px 14px;
border-radius:7px;
background:#2196f3;
color:#fff;
font-size:.8rem;
font-weight:900;
letter-spacing:.02em;
}
.performance-row{
display:grid;
grid-template-columns:minmax(110px,1.2fr) minmax(70px,.8fr) 42px minmax(100px,1fr) minmax(70px,.65fr);
align-items:center;
gap:14px;
min-height:66px;
border-top:1px solid #243548;
}
.performance-row:first-of-type{border-top:0}
.performance-label{
font-size:.76rem;
font-weight:800;
letter-spacing:.035em;
color:#c7d3e0;
}
.performance-stock{
font-size:1.55rem;
color:#eef5ff;
text-align:center;
}
.performance-arrow{
font-size:1.45rem;
color:#687d92;
text-align:center;
}
.performance-tuned{
font-size:1.65rem;
color:#58d9ff;
text-align:center;
}
.performance-tuned small{
font-size:.9rem;
font-weight:600;
font-style:italic;
color:#b7e9f7;
}
.performance-gain{
font-size:1.35rem;
color:#50e4a4;
text-align:right;
}
select optgroup{
font-weight:800;
}
select optgroup option{
font-weight:500;
}
@media(max-width:760px){
.performance-row{
grid-template-columns:1fr 1fr 30px 1fr;
gap:8px;
padding:10px 0;
}
.performance-label{grid-column:1/-1}
.performance-gain{grid-column:4;text-align:right;font-size:1rem}
.performance-stock,.performance-tuned{font-size:1.25rem}
}
/* V2.2.9 — Vehicle CSV importer */
.import-column-note{margin-top:10px;color:#8fa2b8;font-size:.86rem}
.import-progress-track{height:14px;background:#09111a;border:1px solid #294057;border-radius:999px;overflow:hidden;margin:18px 0 8px}
.import-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#159cf0,#56e0bb);transition:width .2s ease}
.import-progress-text{display:flex;justify-content:space-between;color:#9eb0c4}
.import-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.import-stats>div{padding:13px;border:1px solid #263a4e;border-radius:10px;background:#0b141e;display:grid;gap:4px}
.import-stats span{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#8296aa;font-weight:800}
.import-stats strong{font-size:1.35rem}
@media(max-width:700px){.import-stats{grid-template-columns:1fr 1fr}}
/* V2.3.0 stabilization */
.interactive-dropzone{position:relative;min-height:150px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px dashed rgba(76,199,255,.48);background:linear-gradient(145deg,rgba(28,174,238,.065),rgba(123,92,246,.045));overflow:hidden}.interactive-dropzone:hover,.interactive-dropzone.is-dragover{border-color:#55d4ff;background:linear-gradient(145deg,rgba(34,184,255,.14),rgba(139,92,246,.09));box-shadow:0 0 0 3px rgba(34,184,255,.06) inset}.interactive-dropzone.has-file{border-style:solid;border-color:rgba(79,224,190,.55);background:rgba(45,194,160,.065)}.interactive-dropzone .dropzone-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.interactive-dropzone:before{position:relative;z-index:1;flex:0 0 auto;margin:0 18px 0 0}.dropzone-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;text-align:left;pointer-events:none}.dropzone-content strong{font-size:1rem;color:#edf8ff}.dropzone-content span{color:#8fa5bb}.dropzone-content small{margin-top:7px;color:#65d8ff;font-weight:800}.interactive-dropzone.has-file .dropzone-content small{color:#63e0c1}.lab-search-btn{margin-top:14px}.status-refund-form{grid-template-columns:minmax(220px,1fr) minmax(250px,1.1fr) auto}.refund-choice{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid rgba(86,205,255,.2);border-radius:10px;background:rgba(34,184,255,.045);cursor:pointer}.refund-choice input{margin-top:3px}.refund-choice span{display:grid;gap:2px}.refund-choice small{color:#8093a8}.refund-choice[hidden]{display:none!important}@media(max-width:800px){.status-refund-form{grid-template-columns:1fr}}
/* V2.3.1 — stabilized upload zones */
.interactive-dropzone{
position:relative;
min-width:0;
min-height:150px;
padding:20px 24px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
border:2px dashed rgba(82,199,255,.48);
border-radius:12px;
background:linear-gradient(145deg,rgba(23,169,235,.075),rgba(103,83,224,.04));
transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.interactive-dropzone:hover,.interactive-dropzone.is-dragover{
border-color:#5ddcff;
background:linear-gradient(145deg,rgba(31,184,249,.15),rgba(103,83,224,.08));
}
.interactive-dropzone.is-dragover{transform:translateY(-1px)}
.interactive-dropzone.has-file{border-style:solid;border-color:rgba(74,225,181,.62);background:rgba(54,201,161,.07)}
.interactive-dropzone .dropzone-input{
position:absolute!important;
inset:0!important;
z-index:3!important;
display:block!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
opacity:0!important;
cursor:pointer!important;
appearance:none!important;
-webkit-appearance:none!important;
font-size:0!important;
}
.interactive-dropzone .dropzone-input::file-selector-button{display:none!important}
.dropzone-content{
position:relative;
z-index:1;
min-width:0;
max-width:100%;
width:100%;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:5px;
pointer-events:none;
}
.dropzone-content strong{font-size:1.02rem;color:#edf8ff}
.dropzone-content span{color:#8ea4ba}
.dropzone-content small{
display:block;
width:100%;
max-width:100%;
margin-top:8px;
color:#65d8ff;
font-weight:800;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.interactive-dropzone.has-file .dropzone-content small{color:#63e0c1}
.lab-search-btn{margin-top:14px}
.file-row-main,.file-name-line{min-width:0}
.file-name{
display:block;
max-width:100%;
overflow-wrap:anywhere;
word-break:break-word;
}
.status-refund-form{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(280px,1.35fr) auto;align-items:start;gap:10px}
.refund-choice{min-width:0}
.refund-choice>label{
display:flex;
align-items:flex-start;
gap:10px;
width:100%;
margin:0;
padding:10px 12px;
border:1px solid rgba(86,205,255,.23);
border-radius:10px;
background:rgba(34,184,255,.055);
cursor:pointer;
box-sizing:border-box;
}
.refund-choice input{margin-top:3px}
.refund-choice span{display:flex;flex-direction:column;gap:3px;min-width:0}
.refund-choice small{color:#8295aa;line-height:1.35}
.refund-choice[hidden]{display:none!important}
@media(max-width:900px){
.status-refund-form{grid-template-columns:1fr}
.interactive-dropzone{min-height:135px}
}
/* V2.3.2 — status/refund layout fix */
.status-refund-form{
display:grid;
grid-template-columns:minmax(220px,.9fr) minmax(320px,1.4fr);
gap:14px;
align-items:start;
}
.status-refund-form > .btn{
grid-column:1 / -1;
justify-self:start;
min-width:150px;
}
.refund-choice{
min-width:0;
}
.refund-choice > label{
width:100%;
}
@media(max-width:900px){
.status-refund-form{
grid-template-columns:1fr;
}
.status-refund-form > .btn{
grid-column:1;
width:100%;
}
}
/* V2.4.0 */
.compact-attachment{min-height:86px!important;padding:10px 16px!important;margin-top:8px}.compact-attachment .dropzone-content{gap:2px}.compact-attachment .dropzone-content strong{font-size:.9rem}.compact-attachment .dropzone-content span{font-size:.78rem}.compact-attachment .dropzone-content small{margin-top:3px;font-size:.76rem}.language-switch{display:flex;gap:3px;padding:3px;border:1px solid #26384b;border-radius:8px;background:#0b131d}.language-switch a{padding:5px 7px;border-radius:5px;color:#8498ad;font-size:.7rem;font-weight:900;text-decoration:none}.language-switch a.active{background:var(--accent);color:white}.support-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid #243548;text-decoration:none;color:inherit}.support-ticket-row>div{display:grid;gap:3px;min-width:0}.support-ticket-row small{color:#8195aa}.file-row-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.bot-file-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(80,207,255,.35);background:rgba(29,168,235,.09);cursor:pointer;font-size:18px}.bot-file-btn:hover{background:rgba(29,168,235,.18);border-color:#55d8ff}
/* V2.4.1 */
.message-attachment{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid #2b4054;border-radius:10px;background:#0b141e}
.message-attachment .file-type{min-width:0;overflow-wrap:anywhere}
.bot-file-form{margin:0;display:inline-flex}
.bot-file-btn{min-height:38px;padding:0 12px;border-radius:9px;border:1px solid rgba(80,207,255,.45);background:rgba(29,168,235,.12);color:#dff8ff;font-weight:900;cursor:pointer}
.bot-file-btn:hover{background:rgba(29,168,235,.22);border-color:#55d8ff}
/* V2.4.2 */
.message-attachment .file-row-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.nav-sub .nav-badge{margin-left:auto}
/* V2.4.4 — sidebar counters / BOT / support layout */
.nav-badge[hidden],
.nav-badge:empty{
display:none!important;
}
[data-count-admin-orders][hidden],
[data-count-admin-order-support][hidden],
[data-count-admin-general-support][hidden],
[data-count-client-orders][hidden],
[data-count-client-order-support][hidden],
[data-count-client-general-support][hidden]{
display:none!important;
}
/* BOT action: compact single-line button */
.bot-file-btn{
min-width:82px!important;
height:42px!important;
min-height:42px!important;
padding:0 12px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
white-space:nowrap!important;
line-height:1!important;
font-size:.82rem!important;
font-weight:900!important;
letter-spacing:.03em!important;
}
.bot-file-form{display:inline-flex!important;align-items:center!important;margin:0!important}
.message-attachment .file-row-actions,
.file-row-actions{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex-wrap:nowrap!important;
}
/* General support reply card: use available width, avoid awkward narrow left column */
.support-ticket-page .support-reply-grid{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:18px;
}
.support-ticket-page .compose-card{
width:100%;
max-width:none;
}
.support-ticket-page .textarea{
min-height:150px;
}
.support-ticket-page .compact-attachment{
width:100%;
box-sizing:border-box;
}
.support-ticket-page .row-2{
grid-template-columns:minmax(220px,320px) auto;
justify-content:start;
}
@media(max-width:760px){
.support-ticket-page .row-2{grid-template-columns:1fr}
.support-ticket-page .row-2 .btn{width:100%}
}
/* V2.4.6 — order search + mobile navigation */
.order-search-shell{margin:14px 0 16px}
.order-search-form{max-width:900px}
.search-input-wrap{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;gap:8px;align-items:center}
.search-input-wrap>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #27394e;border-radius:10px;background:#0d151f;color:#62d8ff;font-size:18px}
.registration-chip{display:inline-flex;margin-top:6px;padding:4px 8px;border:1px solid rgba(70,201,255,.25);border-radius:7px;background:rgba(33,172,235,.07);color:#bceaff;font-weight:800;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}
.sidebar-backdrop{display:none}
.sidebar-close,.sidebar-mobile-actions{display:none}
@media(max-width:900px){
body.sidebar-open{overflow:hidden!important}
.sidebar-backdrop{
display:block;
position:fixed;
inset:0;
z-index:89;
background:rgba(0,0,0,.68);
opacity:0;
pointer-events:none;
transition:opacity .18s ease;
backdrop-filter:blur(2px);
}
body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}
.sidebar{
display:flex!important;
flex-direction:column!important;
position:fixed!important;
left:0!important;
top:0!important;
bottom:0!important;
width:min(86vw,310px)!important;
height:100dvh!important;
max-height:100dvh!important;
padding:18px 14px 14px!important;
transform:translateX(-105%)!important;
transition:transform .2s ease!important;
z-index:90!important;
overflow:hidden!important;
background:#0c1119!important;
opacity:1!important;
box-shadow:24px 0 60px rgba(0,0,0,.55)!important;
}
.sidebar.open{transform:translateX(0)!important}
.sidebar nav{
flex:1 1 auto!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding:0 4px 20px 0!important;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
}
.sidebar-footer{display:none!important}
.sidebar-close{
display:grid;
place-items:center;
position:absolute;
right:10px;
top:10px;
z-index:3;
width:36px;
height:36px;
padding:0;
border:1px solid #31445a;
border-radius:9px;
background:#162130;
color:#eaf6ff;
font-size:24px;
line-height:1;
cursor:pointer;
}
.brand-wrap{padding-right:42px!important;flex:0 0 auto}
.sidebar-mobile-actions{
display:block;
flex:0 0 auto;
padding:10px 0 0;
border-top:1px solid #1f2d3d;
}
.mobile-logout-link{
display:flex;
align-items:center;
gap:10px;
padding:11px 12px;
border-radius:10px;
background:#151e2a;
border:1px solid #29394d;
color:#dce9f5;
text-decoration:none;
font-weight:800;
}
.mobile-menu{display:inline-flex!important;align-items:center;justify-content:center}
}
@media(max-width:700px){
.search-input-wrap{grid-template-columns:42px minmax(0,1fr)}
.search-input-wrap .btn{grid-column:auto}
.search-input-wrap>button,.search-input-wrap>a{width:100%}
.search-input-wrap>button{grid-column:1/2}
.search-input-wrap>a{grid-column:2/3}
}
/* V2.4.7 — mobile order lists */
@media(max-width:760px){
.order-search-shell{margin:12px 0 16px}
.order-search-form{max-width:none}
.search-input-wrap{
display:grid!important;
grid-template-columns:42px minmax(0,1fr)!important;
gap:8px!important;
}
.search-input-wrap>span{
grid-column:1;
grid-row:1;
width:42px!important;
min-width:42px!important;
}
.search-input-wrap>input{
grid-column:2;
grid-row:1;
min-width:0!important;
}
.search-input-wrap>button{
grid-column:1 / -1!important;
grid-row:2;
width:100%!important;
justify-self:stretch!important;
}
.search-input-wrap>a{
grid-column:1 / -1!important;
width:100%!important;
}
.order-table-wrap{
overflow:visible!important;
}
.order-list-table{
display:block!important;
width:100%!important;
border-collapse:separate!important;
}
.order-list-table thead{
display:none!important;
}
.order-list-table tbody{
display:grid!important;
gap:14px!important;
width:100%!important;
}
.order-list-table .order-list-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:10px 14px!important;
width:100%!important;
padding:16px!important;
border:1px solid #26384d!important;
border-radius:14px!important;
background:linear-gradient(180deg,#141d29,#101722)!important;
overflow:hidden!important;
}
.order-list-table .order-list-row:hover{
background:linear-gradient(180deg,#141d29,#101722)!important;
}
.order-list-table .order-list-row td{
display:block!important;
width:auto!important;
min-width:0!important;
padding:0!important;
border:0!important;
text-align:left!important;
overflow-wrap:anywhere!important;
}
.order-list-table .order-list-row td::before{
content:attr(data-label);
display:block;
margin-bottom:4px;
color:#687c93;
font-size:.64rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.order-list-table .order-col-id{
grid-column:1;
grid-row:1;
align-self:center;
}
.order-list-table .order-col-status{
grid-column:2;
grid-row:1;
align-self:start;
justify-self:end;
}
.order-list-table .order-col-vehicle{
grid-column:1 / -1;
grid-row:auto;
padding-top:10px!important;
border-top:1px solid #223247!important;
}
.order-list-table .order-col-request{
grid-column:1 / -1;
white-space:normal!important;
line-height:1.4!important;
}
.order-list-table .order-col-date,
.order-list-table .order-col-client,
.order-list-table .order-col-tool,
.order-list-table .order-col-ecu,
.order-list-table .order-col-price{
grid-column:auto;
}
.order-list-table .order-col-action{
grid-column:1 / -1;
padding-top:4px!important;
}
.order-list-table .order-col-action .btn{
width:100%!important;
}
.order-list-table .registration-chip{
margin-top:8px;
}
.order-list-table .order-col-request{
font-size:.95rem;
}
.data-card .list-hero{
padding:16px 16px 0!important;
}
.data-card .list-hero h2{
font-size:1.3rem;
}
.data-card .table-wrap{
padding:0 12px 12px;
}
}
/* V2.5.0 — translation audit */
.danger-text{color:#ff697b}.success-text{color:#57dfbd}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
/* V2.5.1 — i18n audit */
.i18n-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}
.i18n-stat{display:flex;flex-direction:column;gap:7px;padding:14px 16px;border:1px solid #26384d;border-radius:12px;background:#111a26}
.i18n-stat span{color:#8498ad;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.i18n-stat strong{font-size:1.45rem}.warning-text{color:#ffc45f}.danger-text{color:#ff697b}.success-text{color:#57dfbd}
.i18n-tabs{margin-bottom:14px;display:flex;gap:8px;flex-wrap:wrap}.i18n-tabs a{display:inline-flex;align-items:center;gap:7px}.i18n-tabs a span{min-width:24px;padding:2px 7px;border-radius:999px;background:#223247;text-align:center;font-size:.75rem}.i18n-method code{white-space:nowrap}
@media(max-width:1100px){.i18n-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.i18n-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.i18n-stat{padding:12px}.i18n-stat strong{font-size:1.2rem}}
/* V2.7.0 contextual pricing */
.context-pricing-card .pricing-option-row > strong,
.context-pricing-card .pricing-option-row > span{align-self:center}
@media(max-width:800px){
.context-pricing-card .pricing-options-header{display:none}
.context-pricing-card .pricing-option-row{display:grid;grid-template-columns:1fr;gap:8px;padding:14px 0}
.context-pricing-card .pricing-option-row>span:empty{display:none}
}
/* V2.7.1 — contextual visibility fix */
.service-choice[hidden],
.option-choice[hidden],
.options-panel[hidden]{
display:none !important;
}
/* V2.8.0 technician workspace */
.tech-access-note{padding:12px 14px;border:1px solid rgba(90,210,255,.25);border-radius:10px;background:rgba(50,160,220,.06)}
@media(max-width:800px){.pricing-option-row{grid-template-columns:1fr!important}}
/* V2.9.0 — detailed admin statistics */
.stats-page-lead{display:flex;justify-content:space-between;gap:20px;align-items:end}.stats-period-form{display:flex;gap:10px;align-items:end;min-width:330px}.stats-period-form label{display:grid;gap:6px;color:#92a4ba;font-size:12px;font-weight:700;flex:1}.stats-overview-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,.7fr);gap:18px;margin-bottom:20px}.stats-hero-card{overflow:hidden;min-height:560px}.stats-card-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.stats-card-head h2{margin:3px 0 3px;font-size:24px}.stats-tabs{display:flex;gap:6px}.stats-tabs button{border:1px solid #263449;background:#151d2a;color:#a8b7c8;padding:9px 13px;border-radius:8px;font-weight:800;cursor:pointer}.stats-tabs button.active{background:linear-gradient(135deg,var(--accent),#21c9c1);color:#051018;border-color:transparent}.stats-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 32px;margin:70px 4px 24px}.stats-kpi-grid>div{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:9px;align-items:end}.stats-kpi-grid span:first-child{grid-column:1/-1;color:#a9bad0;font-weight:700;margin-bottom:4px}.stats-kpi-grid strong{font-size:27px;line-height:1}.stats-change{font-size:12px;font-weight:800}.stats-change.up{color:#38d9b0}.stats-change.down{color:#ff6675}.stats-change.neutral{color:#8294aa}.stats-chart-wrap{margin:16px -4px -4px;min-height:250px}.stats-chart-wrap canvas{width:100%;height:250px;display:block}.stats-side-stack{display:grid;gap:18px;align-content:start}.stats-summary-card{padding:19px}.stats-summary-line{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid rgba(120,150,180,.12);padding:13px 0}.stats-summary-line:last-child{border-bottom:0}.stats-summary-line span{color:#92a4ba}.stats-summary-line strong{font-size:17px}.stats-table-card{margin-top:20px}.stats-table{min-width:760px}.stats-client-table{min-width:1250px}.stats-selected-row td{background:rgba(32,184,255,.055)}.stats-rank{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#172235;border:1px solid #2a3c55;font-weight:900}.stats-client-table tbody tr:nth-child(1) .stats-rank{border-color:#f0c25b;color:#f0c25b}.stats-client-table tbody tr:nth-child(2) .stats-rank{border-color:#bac4d0;color:#bac4d0}.stats-client-table tbody tr:nth-child(3) .stats-rank{border-color:#c9875b;color:#c9875b}.stats-definition-note{margin-top:20px;line-height:1.7}
@media(max-width:1050px){.stats-overview-grid{grid-template-columns:1fr}.stats-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.stats-page-lead{display:grid;align-items:stretch}.stats-period-form{min-width:0}.stats-card-head{display:grid}.stats-tabs{overflow:auto}.stats-kpi-grid{grid-template-columns:repeat(2,1fr);margin-top:35px;gap:20px}.stats-side-stack{grid-template-columns:1fr}}
/* V3.0.0 — Insights + robust statistics tabs */
.stats-card-head,.stats-tabs{position:relative;z-index:3}
.stats-tabs button{position:relative;z-index:4;pointer-events:auto!important;user-select:none}
.stats-chart-wrap{position:relative;z-index:1}
.stats-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#73879d;font-weight:750;pointer-events:none}
.stats-chart-empty[hidden]{display:none!important}
.insight-shell{margin-top:20px}
.insight-period[hidden]{display:none!important}
.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.insight-card{border:1px solid #243247;border-radius:12px;background:#0e151f;padding:16px}
.insight-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(130,155,180,.12)}
.insight-head span{font-size:10px;letter-spacing:.12em;color:#667a92;font-weight:900}.insight-head strong{color:#72ddff;font-size:16px;text-align:right}
.insight-list{display:grid;gap:12px;margin-top:14px}.insight-row{display:flex;gap:10px;align-items:center}
.insight-rank{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#172235;border:1px solid #2b3c53;font-size:11px;font-weight:900;color:#91a6be}
.insight-main{min-width:0;flex:1}.insight-main>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.insight-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-main span{font-size:11px;color:#8094aa;white-space:nowrap}
.insight-bar{height:5px;border-radius:999px;background:#172231;overflow:hidden;margin-top:7px}.insight-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}
.insight-period-tabs{flex-wrap:wrap}
@media(max-width:900px){.insight-grid{grid-template-columns:1fr}}
/* V3.1.0 — server-side statistics controls and insight fixes */
.stats-tabs a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #263449;background:#151d2a;color:#a8b7c8;padding:9px 13px;border-radius:8px;font-weight:800;text-decoration:none;cursor:pointer;position:relative;z-index:5}
.stats-tabs a:hover{color:#fff;border-color:#3b526f}.stats-tabs a.active{background:linear-gradient(135deg,var(--accent),#21c9c1);color:#051018;border-color:transparent}
.stats-svg-chart{display:block;width:100%;height:250px;overflow:visible}.stats-svg-chart .gridline{stroke:rgba(130,155,180,.15);stroke-width:1}.stats-svg-chart .chart-area{fill:rgba(32,184,255,.10)}.stats-svg-chart .chart-line{fill:none;stroke:var(--accent);stroke-width:3}.stats-svg-chart .chart-dot{fill:var(--accent)}.stats-svg-chart text{fill:#8497ad;font-size:12px}
.insight-card{min-width:0}.insight-main{min-width:0}.insight-label-line{display:flex;min-width:0;gap:12px;align-items:center}.insight-label-line strong{min-width:0;flex:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-label-line span{flex:0 0 auto}
.insight-head{min-width:0}.insight-head span{flex:0 0 auto}.insight-head strong{min-width:0;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insight-kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 20px}.insight-kpi-strip>div{border:1px solid #243247;border-radius:12px;background:#0e151f;padding:16px}.insight-kpi-strip span{display:block;color:#7f93aa;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.insight-kpi-strip strong{display:block;font-size:28px;margin-top:7px}.insight-kpi-strip small{display:block;color:#6d8198;margin-top:5px}
@media(max-width:760px){.insight-kpi-strip{grid-template-columns:1fr}.stats-tabs{display:flex;overflow:auto;max-width:100%}.stats-tabs a{white-space:nowrap}}
/* V3.2.0 — technical lookup tools */
.lookup-search-card{padding:18px}.lookup-search-form{display:flex;gap:10px}.lookup-big-input{font-size:18px;font-weight:750;letter-spacing:.03em;min-height:48px}
.lookup-results-card{margin-top:18px}.lookup-result{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(130,155,180,.12)}.lookup-result:last-child{border-bottom:0}
.lookup-code,.dtc-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#76ddff;font-weight:900;letter-spacing:.04em}.lookup-code{font-size:18px}.lookup-result-main{min-width:0;display:grid;gap:4px}.lookup-result-main strong{font-size:17px}.lookup-result-main span,.lookup-result-main small{color:#8296ad}
.admin-reference-tools summary{cursor:pointer;font-weight:850;font-size:16px}
.dtc-result{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid rgba(130,155,180,.13)}.dtc-result:last-child{border-bottom:0}.dtc-code{font-size:24px}.dtc-body{min-width:0}.dtc-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.dtc-title strong{font-size:18px}.dtc-body p{color:#a9b8c9;line-height:1.6}.dtc-section{margin-top:14px}.dtc-section>span{display:block;color:#6f8298;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900;margin-bottom:7px}.dtc-section ul{margin:7px 0 0 18px;padding:0;color:#aab9c9}.dtc-section li{margin:4px 0}.dtc-section li small{color:#70849b}
@media(max-width:760px){.lookup-search-form{display:grid}.lookup-result{grid-template-columns:1fr}.dtc-result{grid-template-columns:1fr}.dtc-title{display:grid}}
/* V3.3.0 — Payment Core */
.bundle-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bundle-shop-card{border:1px solid #26364b;border-radius:12px;background:#0f1621;padding:16px;display:grid;gap:13px}.bundle-shop-card>div:first-child{display:grid;gap:4px}.bundle-shop-card>div:first-child span{color:#8295aa;font-size:12px}.bundle-credit-amount{font-size:25px;font-weight:900}.bundle-credit-amount small{font-size:12px;color:#8295aa;font-weight:700}.order-payment-card{margin-bottom:16px;border-color:rgba(32,184,255,.28)}.payment-success{border-color:rgba(56,217,176,.35)}.credit-pos{color:#38d9b0;font-weight:800}.credit-neg{color:#ff8a96;font-weight:800}
@media(max-width:900px){.bundle-shop-grid{grid-template-columns:1fr}}
/* V3.5.6 — native currency selector dark-mode fix */
select.input,select.select{color-scheme:dark;background-color:#0d131d;color:#f4f8fd}
select.input option,select.input optgroup,select.select option,select.select optgroup{background:#0d131d!important;color:#eef4fb!important}
select.input option:checked,select.select option:checked{background:#173a54!important;color:#fff!important}
/* V3.6.2 - 20-row pagination */
.pagination-bar{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 20px;border-top:1px solid rgba(255,255,255,.08)}
.pagination-info{min-width:110px;text-align:center;color:var(--muted,#9aa7b5)}
@media(max-width:640px){.pagination-bar{gap:8px;flex-wrap:wrap}.pagination-bar .btn{padding:9px 12px}}
/* V3.6.4 - modern limited technical support banner */
.limited-support-banner{position:relative;display:flex;align-items:flex-start;gap:16px;margin:0 0 20px;padding:18px 20px;overflow:hidden;border:1px solid rgba(245,183,64,.28);border-radius:16px;background:linear-gradient(135deg,rgba(245,183,64,.115),rgba(21,30,44,.78) 38%,rgba(14,21,31,.92));box-shadow:0 12px 35px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.limited-support-banner:after{content:"";position:absolute;right:-65px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(245,183,64,.10),transparent 68%);pointer-events:none}
.limited-support-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ffd677,#e9a829);box-shadow:0 0 18px rgba(255,194,71,.35)}
.limited-support-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;border:1px solid rgba(255,210,120,.28);background:linear-gradient(145deg,rgba(255,210,120,.18),rgba(255,177,37,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.limited-support-icon span{font-size:20px;font-weight:850;line-height:1;color:#ffd77f}
.limited-support-copy{position:relative;z-index:1;min-width:0;flex:1}
.limited-support-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:5px}
.limited-support-title-row>strong{font-size:15px;letter-spacing:.01em;color:#fff3d3}
.limited-support-live{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(255,203,97,.18);border-radius:999px;background:rgba(255,193,65,.08);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#eec56d}
.limited-support-live i{width:6px;height:6px;border-radius:50%;background:#f5b740;box-shadow:0 0 0 4px rgba(245,183,64,.09)}
.limited-support-copy p{max-width:1100px;margin:0 0 12px;color:#c9d3df;line-height:1.55;font-size:13px}
.limited-support-period{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.limited-support-period>span:not(.limited-support-arrow){display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(4,9,15,.25);font-size:11px;color:#aebac8}
.limited-support-period b{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#e0b95f}
.limited-support-arrow{color:#8d98a6;font-size:13px}
.limited-support-preview{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted,#9aa7b5)}
@media(max-width:640px){.limited-support-banner{padding:15px 15px 15px 17px;gap:12px}.limited-support-icon{flex-basis:34px;height:34px;border-radius:10px}.limited-support-title-row{gap:8px}.limited-support-period{gap:7px}.limited-support-arrow{display:none}}
/* V3.7.0 Newsletter & mass mailing */
.newsletter-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}
.newsletter-audience-card{min-width:210px;padding:18px 20px;border:1px solid rgba(80,205,255,.16);border-radius:14px;background:rgba(16,30,44,.58);text-align:right}
.newsletter-audience-card span{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#77d8ff}.newsletter-audience-card strong{display:block;font-size:30px;margin:4px 0}.newsletter-audience-card small{color:var(--muted)}
.newsletter-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-bottom:18px}
.newsletter-editor-card{padding:0;overflow:hidden}.newsletter-editor-card>.section-head,.newsletter-editor-card>form>.form-grid{padding-left:20px;padding-right:20px}.newsletter-editor-card>.section-head{padding-top:20px}
.newsletter-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#0b121c}
.newsletter-toolbar button,.newsletter-toolbar select,.newsletter-upload-btn{height:34px;min-width:34px;padding:0 9px;border:1px solid #26364a;border-radius:8px;background:#121c29;color:#eaf4ff;font:inherit;cursor:pointer}
.newsletter-toolbar button:hover,.newsletter-upload-btn:hover{border-color:var(--accent);background:#162638}.newsletter-toolbar select{min-width:100px}.newsletter-toolbar input[type=color]{width:38px;height:34px;padding:3px;border:1px solid #26364a;border-radius:8px;background:#121c29}.newsletter-upload-btn{display:inline-flex;align-items:center;gap:6px}.newsletter-upload-btn.loading{opacity:.55;pointer-events:none}.tool-sep{width:1px;height:24px;background:#26364a;margin:0 3px}
.newsletter-editor{min-height:460px;margin:0;padding:28px 34px;background:#101925;color:#eaf4ff;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}.newsletter-editor:focus{box-shadow:inset 0 0 0 1px rgba(32,184,255,.35)}.newsletter-editor img{max-width:100%;height:auto}.newsletter-editor a{color:#55d6ff}.newsletter-editor h1,.newsletter-editor h2,.newsletter-editor h3{color:#fff}
.newsletter-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 20px}.newsletter-actions form{margin:0}.newsletter-actions .wide{width:100%}
.newsletter-side-card{height:max-content;position:sticky;top:90px}.newsletter-audience-summary{display:flex;align-items:center;justify-content:space-between;margin:18px 0;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.newsletter-audience-summary strong{font-size:24px;color:#7ce4ff}.newsletter-tip{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding:14px;border-left:3px solid var(--accent);border-radius:10px;background:rgba(32,184,255,.06)}.newsletter-tip span{font-size:12px;line-height:1.5;color:var(--muted)}
.newsletter-send-card{margin-bottom:18px}.newsletter-progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.newsletter-progress-grid>div{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.newsletter-progress-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.newsletter-progress-grid strong{font-size:22px}.newsletter-progress{height:9px;border-radius:999px;background:#08101a;overflow:hidden;border:1px solid #233249}.newsletter-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .35s ease}.newsletter-send-note{margin-top:10px}
@media(max-width:980px){.newsletter-layout{grid-template-columns:1fr}.newsletter-side-card{position:static}.newsletter-hero{align-items:flex-start;flex-direction:column}.newsletter-audience-card{width:100%;text-align:left}.newsletter-progress-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.newsletter-editor{min-height:380px;padding:20px 16px}.newsletter-progress-grid{grid-template-columns:1fr 1fr}.newsletter-toolbar{gap:5px}}
/* V3.8.0 - WinOLS INI + registration */
.meta-box-action{display:flex;align-items:center;justify-content:space-between;gap:10px}
.meta-box-action>div{min-width:0}
.ini-download-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:6px 9px;border:1px solid rgba(82,211,255,.28);border-radius:8px;background:rgba(45,190,235,.08);color:#74ddff;font-size:10px;font-weight:900;letter-spacing:.07em;text-decoration:none;transition:.15s ease}
.ini-download-btn:hover{border-color:rgba(82,211,255,.55);background:rgba(45,190,235,.15);transform:translateY(-1px)}
.registration-chip{display:inline-flex;margin-top:6px;padding:4px 8px;border:1px solid rgba(100,205,255,.2);border-radius:7px;background:rgba(52,176,222,.07);font-size:11px;font-weight:800;letter-spacing:.045em;color:#9be7ff}
.winols-archive-required{justify-content:space-between}
/* v3.8.2 - statistics scope + Bensky migration reference */
.stats-scope-tabs{margin-top:14px;flex-wrap:wrap}.stats-legacy-card{margin:0 0 20px}.legacy-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.legacy-kpi-grid>div{padding:16px;border:1px solid rgba(120,150,180,.14);border-radius:12px;background:rgba(13,21,33,.42);display:grid;gap:6px}.legacy-kpi-grid span{color:#92a4ba;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.legacy-kpi-grid strong{font-size:23px}.legacy-kpi-grid small{color:#7f91a7;line-height:1.45}.stats-legacy-card .alert{margin-top:14px}.stats-svg-chart .chart-hit{fill:transparent;stroke:transparent;pointer-events:all;cursor:crosshair}.stats-svg-chart .chart-hit:hover+.chart-dot{r:5}.stats-chart-tooltip{position:absolute;z-index:20;pointer-events:none;min-width:104px;padding:8px 10px;border-radius:8px;border:1px solid rgba(104,180,230,.32);background:#0e1724;box-shadow:0 10px 25px rgba(0,0,0,.34);display:grid;gap:2px;color:#dfeaf6;font-size:12px}.stats-chart-tooltip[hidden]{display:none}.stats-chart-tooltip strong{font-size:12px}.stats-chart-tooltip span{font-size:14px;font-weight:900;color:#fff}
@media(max-width:1000px){.legacy-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.legacy-kpi-grid{grid-template-columns:1fr}.stats-scope-tabs{max-width:100%}}
/* v3.8.3 - compact automation history + inbox sorting */
.control-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.control-panel-title h3{margin:0}.automation-job-count{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:5px 8px;border-radius:999px;border:1px solid #2a3b50;background:#0c131d;color:#8193aa;font-size:10px;font-weight:800}.job-list-scroll{max-height:292px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#2f536d #0b1119}.job-list-scroll::-webkit-scrollbar{width:7px}.job-list-scroll::-webkit-scrollbar-track{background:#0b1119;border-radius:999px}.job-list-scroll::-webkit-scrollbar-thumb{background:#2f536d;border-radius:999px}.job-list-scroll .job-line:first-child{margin-top:0}.job-error{color:#ff8993}.job-list-hint{margin-top:9px;color:#65778e;font-size:10px;text-align:right}.inbox-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.inbox-toolbar .order-search-form{flex:1;min-width:0}.inbox-sort-form{display:flex;align-items:center;gap:9px;flex:0 0 auto}.inbox-sort-form label{color:#71839a;font-size:11px;font-weight:800;white-space:nowrap}.inbox-sort-form .select{width:auto;min-width:175px;height:45px;padding-right:32px}@media(max-width:850px){.inbox-toolbar{align-items:stretch;flex-direction:column}.inbox-sort-form{justify-content:flex-end}.inbox-sort-form .select{flex:1;max-width:260px}}
/* Account onboarding / migration v3.9.0 */
.auth-public{min-height:100vh;overflow:auto}.auth-page-shell{width:min(900px,calc(100% - 32px));margin:48px auto;padding-bottom:48px}.auth-card{width:100%;max-width:900px;margin:0 auto}.auth-card .login-button{margin-top:18px;width:100%}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px;color:#6f8298;font-size:14px}.auth-link{color:#75d9ff;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-language{position:fixed;z-index:20;right:18px;top:18px;display:flex;background:#101925;border:1px solid #26394f;border-radius:10px;overflow:hidden}.auth-language a{padding:7px 10px;color:#8fa2b7;text-decoration:none;font-weight:800;font-size:12px}.auth-language a.active{background:rgba(32,184,255,.14);color:#66d7ff}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.auth-card small.muted{display:block;margin-top:6px}.auth-card .checkbox-item{margin:14px 0}.auth-card .select{width:100%}@media(max-width:700px){.auth-page-shell{width:min(100% - 20px,900px);margin:60px auto 24px}.auth-grid{grid-template-columns:1fr}.auth-card{padding:22px 18px}.auth-language{top:10px;right:10px}}
/* v3.9.5 — Newsletter audience breakdown */
.newsletter-audience-card-wide{min-width:460px;text-align:left}
.newsletter-audience-metrics{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:0;margin-top:12px}
.newsletter-audience-metrics>div{padding:0 16px;border-left:1px solid rgba(80,205,255,.16)}
.newsletter-audience-metrics>div:first-child{padding-left:0;border-left:0}
.newsletter-audience-metrics small{display:block;font-size:9px;font-weight:800;letter-spacing:.09em;color:var(--muted)}
.newsletter-audience-metrics strong{font-size:28px;margin:3px 0 0}
.newsletter-audience-metrics .newsletter-audience-primary small{color:#77d8ff}
.newsletter-audience-note{display:block;margin-top:10px;color:var(--muted);line-height:1.35}
@media(max-width:980px){.newsletter-audience-card-wide{min-width:0;width:100%}}
@media(max-width:620px){.newsletter-audience-metrics{grid-template-columns:1fr}.newsletter-audience-metrics>div{padding:10px 0;border-left:0;border-top:1px solid rgba(80,205,255,.12)}.newsletter-audience-metrics>div:first-child{border-top:0;padding-top:0}}
/* v3.9.11 — returned file spotlight */
.returned-file-spotlight{position:relative;overflow:hidden;border:1px solid rgba(37,208,164,.42);border-radius:17px;padding:20px;background:linear-gradient(145deg,rgba(20,48,45,.96),rgba(12,28,34,.97) 58%,rgba(15,25,38,.98));box-shadow:0 18px 48px rgba(0,0,0,.2),inset 0 0 36px rgba(37,208,164,.035)}
.returned-file-spotlight:after{content:"READY";position:absolute;right:18px;bottom:-9px;font:900 54px/1 Consolas,monospace;letter-spacing:.08em;color:rgba(91,235,199,.035);pointer-events:none}
.returned-file-spotlight[hidden]{display:none!important}.returned-file-spotlight>*{position:relative;z-index:1}
.returned-file-spotlight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.returned-file-spotlight-head h2{margin:3px 0 5px;font-size:21px;letter-spacing:-.025em}.returned-file-spotlight-head p{margin:0;color:#99b7b2;font-size:12px}
.ready-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(37,208,164,.38);background:rgba(37,208,164,.1);color:#75ead0;font-size:9px;font-weight:900;letter-spacing:.1em}.ready-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#5ce3c4;box-shadow:0 0 12px rgba(92,227,196,.75)}
.returned-file-list{display:grid;gap:10px}.returned-file-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 14px;border-radius:12px;border:1px solid rgba(111,221,199,.22);background:rgba(4,13,17,.48)}.returned-file-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(62,214,180,.32);background:rgba(37,208,164,.09);color:#71e4ca;font:900 10px Consolas,monospace;letter-spacing:.08em}.returned-file-info{display:grid;gap:4px;min-width:0}.returned-file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.returned-file-info span{color:#75968f;font-size:10px}.returned-download-btn{white-space:nowrap;box-shadow:0 0 22px rgba(37,208,164,.11)}
@media(max-width:700px){.returned-file-spotlight-head{flex-direction:column}.returned-file-item{grid-template-columns:auto minmax(0,1fr)}.returned-download-btn{grid-column:1/-1;width:100%;text-align:center}.returned-file-info strong{white-space:normal;overflow-wrap:anywhere}}
/* v3.9.12 - Discreet mode */
.discreet-toggle-form{margin:0}.discreet-toggle{height:38px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:var(--muted,#9ba7b8);border-radius:10px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;letter-spacing:.02em;transition:.18s ease}.discreet-toggle:hover{border-color:rgba(255,255,255,.24);color:#fff}.discreet-toggle.active{border-color:rgba(32,184,255,.5);background:rgba(32,184,255,.12);color:#dff7ff;box-shadow:0 0 0 1px rgba(32,184,255,.08) inset}.discreet-eye{font-size:17px;line-height:1}.discreet-mode .discreet-money{letter-spacing:.13em}.discreet-mode .discreet-money::selection{background:transparent}
@media(max-width:900px){.discreet-label{display:none}.discreet-toggle{width:38px;padding:0;justify-content:center}}
/* v3.9.13 — client creation CTA + responsive portal users table */
.nav-link.nav-new-order{
margin:7px 0 12px;
color:#f7fdff;
font-weight:900;
border-color:rgba(55,219,190,.38);
background:linear-gradient(135deg,rgba(22,155,132,.34),rgba(32,184,255,.18));
box-shadow:0 10px 28px rgba(24,196,164,.10),inset 0 0 0 1px rgba(105,243,216,.05);
}
.nav-link.nav-new-order .nav-icon{color:#65f0d2;filter:drop-shadow(0 0 7px rgba(101,240,210,.35))}
.nav-link.nav-new-order:hover{border-color:rgba(91,239,211,.62);background:linear-gradient(135deg,rgba(24,180,151,.44),rgba(32,184,255,.24))}
.nav-link.nav-new-order.active{background:linear-gradient(135deg,rgba(25,185,154,.48),rgba(32,184,255,.26));border-color:rgba(100,242,216,.62);box-shadow:inset 3px 0 0 #63efd2,0 10px 30px rgba(24,196,164,.12)}
.admin-users-table-wrap{overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.admin-users-table{min-width:1260px}
.admin-users-table th:last-child,.admin-users-table td:last-child{position:sticky;right:0;z-index:3;border-left:1px solid #25364a}
.admin-users-table th:last-child{z-index:5;background:#09101a;min-width:310px}
.admin-users-table td:last-child{background:#111a26;min-width:310px;box-shadow:-12px 0 24px rgba(3,7,12,.24)}
.admin-users-table tbody tr:hover td:last-child{background:#13202d}
.admin-user-actions{flex-wrap:nowrap;white-space:nowrap}
.admin-user-actions .btn{padding:9px 12px}
.inline-form{display:inline-flex;margin:0}
@media(max-width:1450px){.admin-users-table{min-width:1180px}.admin-users-table th:last-child,.admin-users-table td:last-child{min-width:286px}.admin-user-actions .btn{padding:8px 10px;font-size:12px}}
@media(max-width:900px){.admin-users-card{padding:15px}.admin-users-table-wrap{margin:0 -3px}.admin-users-table{min-width:1120px}}
/* V3.9.14 — WinOLS Lab INI + order fallback matches */
.winols-ini-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.winols-ini-mode .checkbox-item{padding:14px 15px;border:1px solid #26384d;border-radius:12px;background:#0d1520;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start}
.winols-ini-mode .checkbox-item span{grid-column:2}.winols-ini-mode .checkbox-item.active{border-color:rgba(32,184,255,.58);background:rgba(32,184,255,.08)}
.winols-ini-fields{margin:14px 0 18px;padding:16px;border:1px solid #2a3e55;border-radius:14px;background:linear-gradient(180deg,rgba(23,38,55,.72),rgba(10,18,28,.78))}
.lab-ini-extra{margin-top:12px}.lab-ini-summary{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:12px 0 18px;padding:13px 15px;border:1px solid rgba(52,210,177,.35);border-radius:12px;background:rgba(24,157,132,.08)}
.lab-ini-summary strong{display:block;margin-top:4px}.bot-manual-match-box{margin-top:14px;padding:15px;border:1px solid #2c425b;border-radius:14px;background:rgba(16,27,41,.82)}
.bot-manual-match-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.bot-manual-match-head strong,.bot-manual-match-head span{display:block}.bot-manual-match-head .muted{margin-top:4px}
.bot-match-return-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;margin-top:14px;align-items:center}.bot-match-foot{margin-top:10px;font-size:12px}
@media(max-width:900px){.winols-ini-mode{grid-template-columns:1fr}.bot-match-return-form{grid-template-columns:1fr}.bot-match-return-form .btn{width:100%}.bot-manual-match-head{flex-direction:column}}
/* v3.9.40 — make unseen client returns unmistakable in the file inbox. */
.order-list-row.client-unread-row td{position:relative}
.order-list-row.client-new-file-row{background:linear-gradient(90deg,rgba(34,184,255,.14),rgba(34,184,255,.045) 58%,transparent)!important;box-shadow:inset 4px 0 0 #22b8ff}
.order-list-row.client-new-file-row:hover{background:linear-gradient(90deg,rgba(34,184,255,.19),rgba(34,184,255,.065) 58%,transparent)!important}
.client-new-file-pill{display:block;width:max-content;max-width:100%;margin-top:7px;padding:4px 8px;border-radius:999px;border:1px solid rgba(66,216,255,.35);background:rgba(34,184,255,.11);color:#8be5ff;font-size:10px;font-weight:900;letter-spacing:.02em;white-space:normal}
@media(max-width:900px){.client-new-file-pill{margin-top:8px}}
/* v3.9.41 - Alientech return UI + identification */
.alientech-reencode-option{display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%;min-width:0;white-space:normal;line-height:1.35;overflow-wrap:anywhere}.alientech-reencode-option input{flex:0 0 auto;margin-top:3px}.alientech-reencode-option strong{min-width:0;display:block}.alientech-ident-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.alientech-ident-grid>div{padding:10px 12px;border:1px solid rgba(101,132,173,.17);border-radius:10px;background:rgba(4,8,13,.42);min-width:0}.alientech-ident-grid span{display:block;color:#687790;font-size:10px;text-transform:none;letter-spacing:.04em;margin-bottom:4px}.alientech-ident-grid strong{display:block;color:#e6eef7;font-size:12px;overflow-wrap:anywhere}@media(max-width:760px){.alientech-ident-grid{grid-template-columns:1fr}}
/* HF9: overview width, sidebar comfort and readable mobile privacy control. */
.portal-wide .main > .content{max-width:none;width:100%}
.sidebar nav{min-height:0;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#40546a transparent;scrollbar-gutter:stable;overscroll-behavior:contain}
.sidebar nav::-webkit-scrollbar{width:6px}
.sidebar nav::-webkit-scrollbar-track{background:transparent}
.sidebar nav::-webkit-scrollbar-thumb{background:#40546a;border-radius:8px}
.sidebar nav::-webkit-scrollbar-thumb:hover{background:#67849e}
.sidebar .brand-wrap{flex-wrap:wrap;flex-shrink:0;row-gap:9px}
.sidebar .brand-logo{width:100%;height:76px;flex:0 0 100%;background:transparent;border:0;border-radius:0;overflow:visible;justify-items:center}
.sidebar .brand-logo img{width:auto;height:auto;max-width:100%;max-height:76px;object-fit:contain}
@media(min-width:901px){
.sidebar{display:flex;flex-direction:column}
.sidebar nav{padding-bottom:16px}
.sidebar .sidebar-footer{position:static;flex-shrink:0;margin-top:8px}
}
@media(max-width:900px){
.top-actions .discreet-toggle{width:auto;min-width:38px;padding:0 10px;gap:6px}
.top-actions .discreet-toggle .discreet-eye,.top-actions .discreet-toggle .discreet-label{display:inline}
.top-actions .discreet-toggle .discreet-label{font-size:11px;white-space:nowrap}
}
/* HF9-UI.1: fluid authenticated page shell, including all dashboards. */
.main > .content{max-width:none;width:100%;min-width:0}
/* =========================================================
V3.9.80 — Light/Dark UI system + navigation/order polish
========================================================= */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
.theme-toggle-form{margin:0}.theme-toggle{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;font:inherit;font-size:11px;font-weight:800;transition:.17s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(34,184,255,.38)}.theme-toggle-icon{font-size:15px;line-height:1;color:var(--accent)}.theme-toggle-label{white-space:nowrap}
.wizard-progress-wrap{display:flex;align-items:center;gap:12px;min-width:0}.wizard-progress-count{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(34,184,255,.24);background:rgba(34,184,255,.08);color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.06em}.wizard-step.current{box-shadow:0 0 0 2px rgba(34,184,255,.08),0 8px 24px rgba(34,184,255,.08)}.wizard-step.done{border-color:rgba(37,208,164,.34);background:rgba(37,208,164,.075);color:#73e5c7}.wizard-step.done strong{background:#25b692;color:#fff}.wizard-step.done strong:after{content:"✓";font-size:10px}.wizard-step.done strong{font-size:0}.wizard-help{margin-left:auto}
/* Make the dark interface a little flatter and more readable without changing its identity. */
html[data-theme="dark"] .card,html[data-theme="dark"] .wizard-card{box-shadow:0 12px 34px rgba(0,0,0,.19)}
html[data-theme="dark"] .table th{background:rgba(8,12,18,.42)}
html[data-theme="dark"] .nav-section{color:#667890}
/* Complete light palette. The accent remains the portal-configured Algorithm blue. */
html[data-theme="light"]{
--bg:#f3f6fb;--bg-2:#edf2f8;--panel:#ffffff;--panel-2:#f7f9fc;--panel-3:#eef3f8;
--border:#d8e1ec;--border-soft:#e8edf3;--line:#d8e1ec;--line-soft:rgba(51,82,118,.12);
--text:#172033;--muted:#66758a;--muted-2:#8895a8;--shadow:0 12px 34px rgba(33,52,78,.08);--glow:rgba(34,184,255,.09)
}
html[data-theme="light"],html[data-theme="light"] body{background:#f3f6fb;color:var(--text)}
html[data-theme="light"] body{background-image:radial-gradient(900px 520px at 95% -10%,rgba(34,184,255,.10),transparent 58%),radial-gradient(680px 440px at 0 35%,rgba(139,92,246,.055),transparent 62%),linear-gradient(rgba(29,72,116,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(29,72,116,.025) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px}
html[data-theme="light"] body:before{opacity:.28}
html[data-theme="light"] a{color:#087fbd}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#ffffff,#f7f9fc);border-right-color:#dbe4ee;box-shadow:14px 0 34px rgba(36,55,78,.06)}
html[data-theme="light"] .brand-wrap{border-bottom-color:#e5ebf2}html[data-theme="light"] .brand{color:#172033}html[data-theme="light"] .brand-sub{color:#78879a}
html[data-theme="light"] .brand-mark{background:linear-gradient(145deg,rgba(34,184,255,.12),rgba(139,92,246,.08));border-color:rgba(22,142,201,.24)}
html[data-theme="light"] .nav-link,html[data-theme="light"] .sidebar nav a{color:#53657a}html[data-theme="light"] .nav-link:hover,html[data-theme="light"] .sidebar nav a:hover{background:#eef5fb;color:#172033;border-color:#dce8f2}html[data-theme="light"] .nav-link.active,html[data-theme="light"] .sidebar nav a.active{color:#0d3a55;background:linear-gradient(90deg,rgba(34,184,255,.13),rgba(139,92,246,.045));border-color:rgba(34,184,255,.18)}html[data-theme="light"] .nav-section{color:#8a97a8}
html[data-theme="light"] .sidebar-footer{border-top-color:#e5ebf2;color:#8996a6}html[data-theme="light"] .pcb-mini i{background:#e9f8ff}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.88);border-bottom-color:#dfe7ef;box-shadow:0 5px 20px rgba(31,51,76,.035)}html[data-theme="light"] .top-title strong{color:#172033}html[data-theme="light"] .top-title small{color:#8492a4}html[data-theme="light"] .top-actions{color:#64758a}html[data-theme="light"] .top-actions a{color:#526b80}html[data-theme="light"] .top-actions a:hover{color:#0e2538}
html[data-theme="light"] .service-pill{background:#f7f9fc;border-color:#dce5ee}html[data-theme="light"] .service-pill small{color:#7c899a}
html[data-theme="light"] .balance{background:linear-gradient(135deg,rgba(34,184,255,.12),rgba(139,92,246,.08));border-color:rgba(34,184,255,.17);color:#086795}
html[data-theme="light"] .user-chip{color:#46586c}html[data-theme="light"] .top-link{color:#68798d}
html[data-theme="light"] .theme-toggle{background:#f4f7fb;border-color:#d8e1ec;color:#324256}
html[data-theme="light"] .discreet-toggle{background:#f4f7fb!important;border-color:#d8e1ec!important;color:#52657a!important}
html[data-theme="light"] .language-switch{background:#f4f7fb!important;border-color:#d8e1ec!important}html[data-theme="light"] .language-switch a{color:#67788b!important}html[data-theme="light"] .language-switch a.active{background:#fff!important;color:#087fbd!important}
html[data-theme="light"] .card,html[data-theme="light"] .wizard-card,html[data-theme="light"] .compose-card,html[data-theme="light"] .control-panel,html[data-theme="light"] .order-hero,html[data-theme="light"] .order-price-card{background:#fff;border-color:#dce4ed;box-shadow:var(--shadow);color:#172033}
html[data-theme="light"] .card:before{background:linear-gradient(90deg,transparent,rgba(34,184,255,.22),transparent)}
html[data-theme="light"] .card:hover,html[data-theme="light"] .wizard-card:hover{border-color:#c8d8e7;box-shadow:0 16px 38px rgba(36,57,83,.095)}
html[data-theme="light"] .stat,html[data-theme="light"] .event-head strong,html[data-theme="light"] .summary-request strong,html[data-theme="light"] .pricing-stats strong{color:#172033}
html[data-theme="light"] .muted{color:#6e7d90}html[data-theme="light"] .eyebrow{color:#728297}
html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] .textarea{background:#fbfcfe;color:#172033;border-color:#d5dfeb;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}html[data-theme="light"] .input::placeholder,html[data-theme="light"] .textarea::placeholder{color:#a0abb9}html[data-theme="light"] .input:focus,html[data-theme="light"] .select:focus,html[data-theme="light"] .textarea:focus{background:#fff;border-color:rgba(18,148,211,.65);box-shadow:0 0 0 3px rgba(34,184,255,.10)}html[data-theme="light"] .form-group label{color:#506176}
html[data-theme="light"] .checkbox-item,html[data-theme="light"] .compat-card,html[data-theme="light"] .field-section{background:#f8fafc;border-color:#dce4ed;color:#223046}html[data-theme="light"] .checkbox-item:hover{border-color:#c0d2e3}
html[data-theme="light"] .service-choice:hover,html[data-theme="light"] .option-choice:hover{background:#f3f8fc;border-color:#acd1e5}html[data-theme="light"] .service-choice:has(input:checked),html[data-theme="light"] .option-choice:has(input:checked){background:linear-gradient(145deg,rgba(34,184,255,.11),rgba(139,92,246,.05));border-color:rgba(22,145,205,.42)}html[data-theme="light"] .service-choice .right{color:#7950c7}html[data-theme="light"] .option-choice .right{color:#087faa}
html[data-theme="light"] .field-section-title{color:#3f5369}
html[data-theme="light"] .file-drop{background:linear-gradient(180deg,#f9fcfe,#f5f9fc);border-color:#b8cddd;color:#33485d}html[data-theme="light"] .file-drop:hover{background:#f1f9fd;border-color:#58bce7}html[data-theme="light"] .file-drop:before{background:#edf8fd;color:#1288bd;border-color:#b8ddec}
html[data-theme="light"] .wizard-head{background:linear-gradient(135deg,rgba(34,184,255,.09),rgba(139,92,246,.035));border-color:#d8e4ed}html[data-theme="light"] .wizard-step{background:#fff;border-color:#d8e1ec;color:#77869a}html[data-theme="light"] .wizard-step strong{background:#edf2f7;color:#65778d}html[data-theme="light"] .wizard-step.active{color:#17455e;border-color:rgba(22,145,205,.34);background:#eef9fe}html[data-theme="light"] .wizard-step.active strong{background:var(--accent);color:#fff}html[data-theme="light"] .wizard-step.done{background:#eefaf6;border-color:#bae4d8;color:#23876f}html[data-theme="light"] .wizard-step.done strong{background:#38b896;color:#fff}
html[data-theme="light"] .summary-bar{background:rgba(255,255,255,.93);border-color:#d3e1ec;box-shadow:0 16px 40px rgba(43,64,88,.12)}html[data-theme="light"] .summary-request{color:#6d7d90}
html[data-theme="light"] .table th{background:#f6f8fb;color:#748398;border-color:#e3e9f0}html[data-theme="light"] .table td{border-color:#e6ebf1;color:#26364a}html[data-theme="light"] .table tbody tr:hover{background:#f4f9fc}
html[data-theme="light"] .badge{background:#eef2f6;color:#53657a}html[data-theme="light"] .badge.green{background:#e8f8f3;color:#16816a;border-color:#cceade}html[data-theme="light"] .badge.orange{background:#fff5df;color:#96620d;border-color:#f3dfb6}html[data-theme="light"] .badge.red{background:#fff0f1;color:#b93d4a;border-color:#f2d0d3}html[data-theme="light"] .badge.purple{background:#f4effc;color:#7250aa;border-color:#e3d7f4}
html[data-theme="light"] .timeline{border-left-color:#d7e1ea}html[data-theme="light"] .timeline-item{background:#f8fafc;border-color:#dce4ed;box-shadow:none}html[data-theme="light"] .timeline-item:before{background:#fff}
html[data-theme="light"] .codebox{background:#f5f7fa;border-color:#dbe3ec;color:#34485b}
html[data-theme="light"] .order-total-box{background:linear-gradient(135deg,rgba(34,184,255,.075),rgba(139,92,246,.04));border-color:#d3e2ec}
html[data-theme="light"] .portal-notice,html[data-theme="light"] .limited-support-banner{background:#f6fbfe!important;color:#334a5e!important;border-color:#d4e7f0!important}
html[data-theme="light"] .pricing-service-row,html[data-theme="light"] .pricing-option-row,html[data-theme="light"] .winols-project-card,html[data-theme="light"] .winols-version-card{background:#f9fbfd;border-color:#dce5ed;color:#243449}html[data-theme="light"] .toggle-line{background:#f7f9fc;border-color:#d8e1ec;color:#36495d}
html[data-theme="light"] .auth-card{background:#fff!important;color:#172033!important}
@media(max-width:900px){.theme-toggle-label{display:none}.theme-toggle{width:36px;justify-content:center;padding:7px}.wizard-progress-wrap{width:100%;justify-content:space-between}.wizard-help{margin-left:0}.wizard-progress-count{margin-left:auto}}
html[data-theme="light"] .btn.secondary{background:#f0f4f8;border-color:#d3dde8;color:#34475b}
html[data-theme="light"] .btn.secondary:hover{background:#e8f0f6}
html[data-theme="light"] .mobile-menu{background:#f2f6fa;border-color:#d5e0ea;color:#33465a}
html[data-theme="light"] .sidebar-backdrop{background:rgba(23,35,50,.22)}
html[data-theme="light"] .order-meta-item,html[data-theme="light"] .order-side-card,html[data-theme="light"] .data-card,html[data-theme="light"] .priority-card{background:#fff;border-color:#dce4ed}
html[data-theme="light"] .event-body{color:#405267}
html[data-theme="light"] .soft-divider{border-color:#e2e8ef!important}
html[data-theme="light"] .status-step,html[data-theme="light"] .status-rail{color:#62758a}
html[data-theme="light"] .status-step{background:#f8fafc!important;border-color:#dce4ed!important}
html[data-theme="light"] .tech-chip{background:#f1f6fa!important;border-color:#d5e4ee!important;color:#507087!important}
html[data-theme="light"] .vehicle-catalog-preview{background:#f3f9fc!important;border-color:#d5e7ef!important;color:#324b5e!important}
html[data-theme="light"] .vehicle-order-mode .checkbox-item.active,html[data-theme="light"] .vehicle-order-mode .checkbox-item:has(input:checked){background:#edf8fd!important;border-color:#aed9eb!important}
@media(max-width:900px){.top-actions .theme-toggle-icon{display:inline!important}.top-actions .theme-toggle-label{display:none!important}}
/* =========================================================
V3.9.80 RC2 — coherent light theme + compact admin navigation
========================================================= */
/* Admin navigation: grouped, collapsible and visually lighter. */
.sidebar-admin .brand-wrap{padding-bottom:16px;margin-bottom:12px}
.sidebar-context{display:flex;align-items:center;gap:8px;margin:0 8px 12px;padding:7px 10px;border:1px solid rgba(106,143,184,.16);border-radius:9px;background:rgba(255,255,255,.025);color:#7d8ea3;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.sidebar-context-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(34,184,255,.6)}
.sidebar-admin nav{padding:2px 2px 12px}
.sidebar-admin nav>a.nav-link:first-child{margin:0 2px 10px;padding:10px 11px;border:1px solid rgba(92,135,178,.15);background:rgba(255,255,255,.022)}
.sidebar-admin nav>a.nav-link:first-child.active{background:linear-gradient(90deg,rgba(34,184,255,.15),rgba(139,92,246,.055));border-color:rgba(34,184,255,.22)}
.sidebar-admin nav a:before{display:none!important}
.nav-group{margin:4px 0;border:1px solid transparent;border-radius:11px;overflow:hidden}
.nav-group[open]{border-color:rgba(99,133,172,.12);background:rgba(255,255,255,.018)}
.nav-group summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:39px;padding:8px 9px;border-radius:10px;color:#73849a;cursor:pointer;user-select:none;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:.16s ease}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:hover{background:rgba(34,184,255,.045);color:#aab9c9}
.nav-group[open]>summary{color:#b7c7d8}
.nav-group-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(92,135,178,.16);background:rgba(255,255,255,.025);color:var(--accent);font-size:12px;letter-spacing:0}
.nav-group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-group-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#e34857;color:#fff;font-size:9px;letter-spacing:0;box-shadow:0 0 14px rgba(227,72,87,.22)}
.nav-group-chevron{margin-left:auto;color:#596b80;font-size:14px;line-height:1;transition:transform .16s ease}
.nav-group-badge+.nav-group-chevron{margin-left:0}
.nav-group[open] .nav-group-chevron{transform:rotate(180deg)}
.nav-group-items{display:grid;gap:1px;padding:1px 5px 7px 9px}
.sidebar-admin .nav-group-items .nav-link{min-height:35px;margin:1px 0;padding:7px 9px 7px 8px;border-radius:8px;font-size:12px;color:#8fa0b3}
.sidebar-admin .nav-group-items .nav-link:hover{transform:none;background:rgba(34,184,255,.055);border-color:transparent;color:#e8f4ff}
.sidebar-admin .nav-group-items .nav-link.active{background:rgba(34,184,255,.095);border-color:rgba(34,184,255,.13);box-shadow:inset 2px 0 0 var(--accent);color:#f3fbff}
.sidebar-admin .nav-group-items .nav-icon{width:25px;height:25px;border-radius:7px;border:1px solid rgba(99,137,177,.14);background:rgba(255,255,255,.018);font-size:11px}
.sidebar-admin .nav-group-items .nav-link.active .nav-icon{border-color:rgba(34,184,255,.25);background:rgba(34,184,255,.08)}
.sidebar-admin .nav-group-items .nav-badge{min-width:18px;height:18px;font-size:9px}
/* Light mode: remove dark surfaces rather than merely recolouring the page shell. */
html[data-theme="light"] .sidebar-context{background:#f5f8fb;border-color:#e0e7ef;color:#718195}
html[data-theme="light"] .sidebar-context-dot{box-shadow:0 0 9px rgba(18,145,205,.34)}
html[data-theme="light"] .sidebar-admin nav>a.nav-link:first-child{background:#f7f9fc;border-color:#e1e8f0;color:#42566b}
html[data-theme="light"] .sidebar-admin nav>a.nav-link:first-child:hover{background:#eef6fb;color:#172033}
html[data-theme="light"] .nav-group[open]{background:#f8fafc;border-color:#e3e9f0}
html[data-theme="light"] .nav-group summary{color:#7f8da0}
html[data-theme="light"] .nav-group summary:hover{background:#eef5fa;color:#33485d}
html[data-theme="light"] .nav-group[open]>summary{color:#42566b}
html[data-theme="light"] .nav-group-icon{background:#fff;border-color:#dde6ef;color:#0b86c1}
html[data-theme="light"] .nav-group-chevron{color:#9aa6b5}
html[data-theme="light"] .sidebar-admin .nav-group-items .nav-link{color:#5d6f83}
html[data-theme="light"] .sidebar-admin .nav-group-items .nav-link:hover{background:#edf6fb;color:#203448}
html[data-theme="light"] .sidebar-admin .nav-group-items .nav-link.active{background:linear-gradient(90deg,#e6f5fc,#f4f8fc);border-color:#d2e8f3;color:#0b567c;box-shadow:inset 2px 0 0 var(--accent)}
html[data-theme="light"] .sidebar-admin .nav-group-items .nav-icon{background:#fff;border-color:#e0e7ef;color:#3985aa}
html[data-theme="light"] .sidebar-admin .nav-group-items .nav-link.active .nav-icon{background:#eaf7fd;border-color:#c8e5f2;color:#087faf}
html[data-theme="light"] .hero-panel{background:linear-gradient(135deg,#ffffff 0%,#f5f9fc 62%,#edf7fc 100%);border-color:#d7e4ed;box-shadow:0 12px 32px rgba(38,61,88,.075);color:#172033}
html[data-theme="light"] .hero-panel:before{border-color:rgba(18,145,205,.10);box-shadow:0 0 0 35px rgba(34,184,255,.025),0 0 0 70px rgba(139,92,246,.012)}
html[data-theme="light"] .hero-panel:after{opacity:.22}
html[data-theme="light"] .hero-title{color:#172033}
html[data-theme="light"] .hero-sub{color:#60738a}
html[data-theme="light"] .hero-eyebrow{color:#087fb7}
html[data-theme="light"] .page-lead{border-bottom-color:#dce5ee}
html[data-theme="light"] .page-lead h1,html[data-theme="light"] .page-lead h2{color:#172033}
html[data-theme="light"] .page-lead p{color:#60738a}
html[data-theme="light"] .inbox-tab{background:#fff;border-color:#d9e3ec;color:#64778b;box-shadow:0 2px 7px rgba(37,59,83,.035)}
html[data-theme="light"] .inbox-tab:hover{background:#f4f9fc;border-color:#c7dae7;color:#29465c}
html[data-theme="light"] .inbox-tab span{background:#edf3f8;color:#526b80}
html[data-theme="light"] .inbox-tab.active{background:#eaf7fd;border-color:#a9d9ee;color:#0876a8}
html[data-theme="light"] .inbox-tab.active span{background:#d7eef8;color:#086b97}
html[data-theme="light"] .search-input-wrap>span{background:#fff;border-color:#d5e0ea;color:#0d8cc6}
html[data-theme="light"] .inbox-sort-form label{color:#6a7b8f}
html[data-theme="light"] .select{color-scheme:light;background:#fbfcfe!important;color:#172033!important;border-color:#d5dfeb}
html[data-theme="light"] .select option,html[data-theme="light"] .select optgroup{background:#fff!important;color:#172033!important}
html[data-theme="light"] .select:focus option:checked{background:#e5f4fb!important;color:#0b577e!important}
/* Important: legacy dark table cells were translucent black. On a white card this created the grey rows seen in File Inbox. */
html[data-theme="light"] .table-wrap{background:#fff;border-color:#e0e7ef}
html[data-theme="light"] .table td{background:#fff!important;color:#26364a!important;border-bottom-color:#e5ebf1!important}
html[data-theme="light"] .table tbody tr:nth-child(even) td{background:#fbfcfe!important}
html[data-theme="light"] .table tbody tr:hover td{background:#eef8fc!important}
html[data-theme="light"] .table th{background:#f3f6fa!important;color:#6c7d91!important;border-bottom-color:#dce5ed!important}
html[data-theme="light"] .unread-row td{background:linear-gradient(90deg,#eef9fe,#fff 54%)!important}
html[data-theme="light"] .unread-row:nth-child(even) td{background:linear-gradient(90deg,#eef9fe,#fbfcfe 54%)!important}
html[data-theme="light"] .registration-chip{background:#eaf7fd;border-color:#c7e7f4;color:#1680aa}
html[data-theme="light"] .table .badge.green,html[data-theme="light"] .order-hero .badge.green{background:#e8f8f3!important;color:#16816a!important;border-color:#cceade!important;box-shadow:none!important}
html[data-theme="light"] .table .badge.orange{background:#fff5df!important;color:#96620d!important;border-color:#f3dfb6!important}
html[data-theme="light"] .table .badge.red{background:#fff0f1!important;color:#b93d4a!important;border-color:#f2d0d3!important}
html[data-theme="light"] .table .badge.purple{background:#f4effc!important;color:#7250aa!important;border-color:#e3d7f4!important}
/* Common admin/dashboard surfaces that were still hard-coded to dark colours. */
html[data-theme="light"] .quick-tile{background:linear-gradient(145deg,#fff,#f7f9fc);border-color:#dce5ed;color:#24364a;box-shadow:0 8px 22px rgba(38,61,88,.045)}
html[data-theme="light"] .quick-tile:hover{background:#f5fafc;border-color:#c7dbe8}
html[data-theme="light"] .quick-tile .q-icon{background:#eaf7fd;border-color:#cce8f4;color:#0d85bb}
html[data-theme="light"] .quick-tile small{color:#728397}
html[data-theme="light"] .schedule-row,html[data-theme="light"] .meta-box,html[data-theme="light"] .file-row{background:#f8fafc;border-color:#dce4ed;color:#2c4055}
html[data-theme="light"] .priority-card{background:#fff;border-color:#dce4ed}
html[data-theme="light"] .priority-row{border-top-color:#e7ecf1}
html[data-theme="light"] .priority-row.support{background:linear-gradient(90deg,rgba(139,92,246,.055),transparent 62%)}
html[data-theme="light"] .priority-icon{background:#eef8fd;border-color:#cce7f3;color:#0d82b6}
html[data-theme="light"] .priority-row.support .priority-icon{background:#f4effc;border-color:#e3d8f4;color:#7a59ad}
html[data-theme="light"] .order-mini{border-bottom-color:#e5ebf1}
html[data-theme="light"] .order-mini .id,html[data-theme="light"] .order-mini .vehicle small{color:#77889a}
html[data-theme="light"] .kpi-card .kpi-icon{background:#eef8fd;border-color:#d1e8f3;color:#0c86bb}
html[data-theme="light"] .empty-state{color:#718399;background:radial-gradient(circle at center,rgba(34,184,255,.055),transparent 45%)}
html[data-theme="light"] .compose-card,html[data-theme="light"] .order-toolbar,html[data-theme="light"] .control-panel,html[data-theme="light"] .status-rail{background:#fff;border-color:#dce4ed;color:#26384c;box-shadow:0 10px 26px rgba(38,61,88,.055)}
html[data-theme="light"] .request-summary{background:#eff9fd;border-color:#cce7f2;color:#29465b}
html[data-theme="light"] .support-banner{background:linear-gradient(135deg,#f5f0fd,#eef9fd);border-color:#ded5f3;box-shadow:none;color:#314559}
html[data-theme="light"] .support-banner.admin{background:linear-gradient(135deg,#fff8e9,#f6f1fd);border-color:#eee0c5}
html[data-theme="light"] .support-icon{background:#fff;border-color:#dfd4f2;color:#7d5bb2;box-shadow:none}
html[data-theme="light"] .support-banner span{color:#6c7e92}
html[data-theme="light"] .returned-file-item{background:#f6fbf9;border-color:#cce8df;color:#28463e}
html[data-theme="light"] .alientech-ident-grid>div,html[data-theme="light"] .bot-manual-match-box{background:#f8fafc;border-color:#dce4ed;color:#2d4054}
html[data-theme="light"] .alientech-ident-grid span{color:#748498}
html[data-theme="light"] .alientech-ident-grid strong{color:#25384b}
html[data-theme="light"] .sticky-save{background:rgba(243,246,251,.94);border-top-color:#dce4ed}
html[data-theme="light"] .pricing-stats span,html[data-theme="light"] .legacy-kpi-grid>div{background:#fff;border-color:#dce4ed;color:#61748a}
html[data-theme="light"] .stats-tabs button{background:#f4f7fa;border-color:#d8e1ea;color:#5e7085}
html[data-theme="light"] .stats-tabs button.active{color:#fff}
html[data-theme="light"] .stats-rank{background:#f5f8fb;border-color:#d9e2eb;color:#506277}
html[data-theme="light"] .stats-chart-tooltip{background:#fff;border-color:#cfe0eb;box-shadow:0 10px 25px rgba(40,60,84,.14);color:#42566b}
html[data-theme="light"] .stats-chart-tooltip span,html[data-theme="light"] .stats-chart-tooltip strong{color:#24364a}
html[data-theme="light"] .newsletter-audience-summary>div,html[data-theme="light"] .newsletter-progress-grid>div{background:#f8fafc!important;border-color:#dce4ed!important}
html[data-theme="light"] .newsletter-progress{background:#e7edf3;border-color:#d7e0e9}
html[data-theme="light"] .auth-language{background:#fff;border-color:#dce5ed}
html[data-theme="light"] .auth-language a{color:#64768a}
html[data-theme="light"] .auth-language a.active{background:#eaf7fd;color:#087fb4}
@media(max-width:900px){
.sidebar-context{margin-right:42px}
.nav-group summary{min-height:42px}
.sidebar-admin .nav-group-items .nav-link{min-height:39px}
}
/* =========================================================
V3.9.80 RC3 — UI finishing pass (light theme + spacing + i18n)
========================================================= */
/* Return-file naming option: prevent helper text from overflowing on narrow panels. */
.return-filename-option{
display:flex!important;
align-items:flex-start!important;
gap:10px!important;
width:100%!important;
min-width:0!important;
line-height:1.35!important;
}
.return-filename-option>input{flex:0 0 auto;margin-top:3px}
.return-filename-option>span{display:block;min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.return-filename-option strong{display:block;min-width:0}
.return-filename-option small{white-space:normal!important;overflow-wrap:anywhere!important;color:var(--muted,#8193a8)}
/* Give independent file actions a little breathing room everywhere. */
.message-attachment .file-row-actions,
.file-row-actions{gap:14px!important}
.bot-file-form{margin-left:2px!important}
/* Light theme: remaining legacy dark panels identified during RC2 testing. */
html[data-theme="light"] .bot-order-panel{
background:linear-gradient(145deg,#ffffff,#f4f9fc)!important;
border-color:#cfe1ec!important;
color:#24384c!important;
box-shadow:0 10px 28px rgba(38,61,88,.055)!important;
}
html[data-theme="light"] .bot-order-panel h3,
html[data-theme="light"] .bot-order-panel strong{color:#203247}
html[data-theme="light"] .bot-job-summary>div{
background:#f8fafc!important;
border-color:#dce5ed!important;
color:#2d4155!important;
}
html[data-theme="light"] .bot-job-summary span{color:#6e8196!important}
html[data-theme="light"] .bot-result-ready{
background:#effaf6!important;
border-color:#c7e8dc!important;
color:#285247!important;
}
html[data-theme="light"] .job-line{
background:#f5f8fb!important;
border-color:#dce5ed!important;
color:#405469!important;
}
html[data-theme="light"] .automation-job-count{
background:#f4f7fa!important;
border-color:#d9e3ec!important;
color:#66798e!important;
}
html[data-theme="light"] .job-list-scroll{scrollbar-color:#b9cfdd #eef3f7}
html[data-theme="light"] .job-list-scroll::-webkit-scrollbar-track{background:#eef3f7}
html[data-theme="light"] .job-list-scroll::-webkit-scrollbar-thumb{background:#b9cfdd}
html[data-theme="light"] .user-tool-card,
html[data-theme="light"] .tool-editor{
background:#f8fafc!important;
border-color:#dce5ed!important;
color:#263a4e!important;
box-shadow:none!important;
}
html[data-theme="light"] .user-tool-card strong,
html[data-theme="light"] .tool-editor strong{color:#22364a}
html[data-theme="light"] .user-tool-card:hover,
html[data-theme="light"] .tool-editor:hover{border-color:#cbd9e5!important}
html[data-theme="light"] .bundle-shop-card{
background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
border-color:#dce5ed!important;
color:#26394d!important;
box-shadow:0 7px 20px rgba(38,61,88,.045)!important;
}
html[data-theme="light"] .bundle-shop-card>div:first-child span,
html[data-theme="light"] .bundle-credit-amount small{color:#6f8195!important}
html[data-theme="light"] .bundle-credit-amount{color:#172b40!important}
html[data-theme="light"] .returned-file-spotlight{
background:linear-gradient(145deg,#f5fcf9,#eef9f6 58%,#f7fbfd)!important;
border-color:#bfe4d8!important;
color:#24443c!important;
box-shadow:0 12px 32px rgba(38,78,67,.075)!important;
}
html[data-theme="light"] .returned-file-spotlight:after{color:rgba(24,145,113,.055)!important}
html[data-theme="light"] .returned-file-spotlight-head h2{color:#18372f!important}
html[data-theme="light"] .returned-file-spotlight-head p{color:#607d75!important}
html[data-theme="light"] .ready-pill{
background:#e5f7f1!important;
border-color:#a7dccc!important;
color:#19745f!important;
}
html[data-theme="light"] .returned-file-item{
background:#ffffff!important;
border-color:#cde8df!important;
color:#28463e!important;
}
html[data-theme="light"] .returned-file-icon{
background:#eaf9f4!important;
border-color:#bde4d8!important;
color:#167d66!important;
}
html[data-theme="light"] .returned-file-info strong{color:#17382f!important}
html[data-theme="light"] .returned-file-info span{color:#6f8a82!important}
html[data-theme="light"] .interactive-dropzone{
background:linear-gradient(145deg,#f4fbfe,#f7f6fd)!important;
border-color:#91cce5!important;
color:#314b5e!important;
}
html[data-theme="light"] .interactive-dropzone:hover,
html[data-theme="light"] .interactive-dropzone.is-dragover{
background:linear-gradient(145deg,#ecf9fe,#f3f1fc)!important;
border-color:#3eaedb!important;
box-shadow:0 0 0 3px rgba(34,184,255,.06) inset!important;
}
html[data-theme="light"] .interactive-dropzone.has-file{
background:#eefaf6!important;
border-color:#72cbb4!important;
}
html[data-theme="light"] .dropzone-content strong{color:#244257!important}
html[data-theme="light"] .dropzone-content span{color:#71879a!important}
html[data-theme="light"] .dropzone-content small{color:#1686b5!important}
html[data-theme="light"] .interactive-dropzone.has-file .dropzone-content small{color:#208b72!important}
html[data-theme="light"] .message-attachment{
background:#f8fafc!important;
border-color:#d8e3ec!important;
color:#2d4155!important;
}
html[data-theme="light"] .file-type{color:#536b80!important}
html[data-theme="light"] .file-type:before{
background:#e7f5fc!important;
border-color:#c6e5f3!important;
color:#087eae!important;
}
html[data-theme="light"] .bot-file-btn{
background:#eaf7fd!important;
border-color:#a9d9ec!important;
color:#0b648b!important;
box-shadow:none!important;
}
html[data-theme="light"] .bot-file-btn:hover{
background:#dff3fb!important;
border-color:#73c6e5!important;
color:#084e6d!important;
}
html[data-theme="light"] .setting-switch-row{
background:#f8fafc!important;
border-color:#dce5ed!important;
color:#263b50!important;
}
html[data-theme="light"] .setting-switch-copy span{color:#6f8195!important}
html[data-theme="light"] .toggle-switch{
background:#dbe4ec!important;
border-color:#c8d3dd!important;
box-shadow:none!important;
}
html[data-theme="light"] .toggle-knob{background:#fff!important;box-shadow:0 2px 6px rgba(35,52,71,.18)!important}
html[data-theme="light"] .setting-switch-control input:checked + .toggle-switch{
background:#bfeee1!important;
border-color:#75ccb5!important;
}
html[data-theme="light"] .order-performance-mini{
background:#f8fafc!important;
border-color:#dce5ed!important;
color:#2e4256!important;
}
html[data-theme="light"] .order-performance-mini .stock,
html[data-theme="light"] .order-performance-mini .tuned{color:#2e4256!important}
/* Light-theme support for older generic utility/editor surfaces. */
html[data-theme="light"] .branding-preview,
html[data-theme="light"] .project-version-row,
html[data-theme="light"] .winols-ini-fields,
html[data-theme="light"] .winols-ini-mode .checkbox-item,
html[data-theme="light"] .insight-card,
html[data-theme="light"] .insight-kpi-strip>div,
html[data-theme="light"] .import-stats>div{
background:#f8fafc!important;
border-color:#dce5ed!important;
color:#2c4055!important;
}
html[data-theme="light"] .insight-head{border-bottom-color:#e2e9f0!important}
html[data-theme="light"] .insight-rank{background:#edf3f8!important;border-color:#d8e2eb!important;color:#5f7388!important}
html[data-theme="light"] .insight-bar{background:#e6edf3!important}
@media(max-width:760px){
.return-filename-option{padding:11px!important}
.message-attachment .file-row-actions,.file-row-actions{gap:10px!important;flex-wrap:wrap!important}
.bot-file-form{margin-left:0!important}
}
/* =========================================================
V3.9.80 RC4 — light-theme completeness + wizard/support fixes
========================================================= */
.alert.info{background:rgba(34,184,255,.085);color:#a8e7ff;border-color:rgba(34,184,255,.22)}
html[data-theme="light"] .alert.success{background:#eaf8f3!important;color:#1d6655!important;border-color:#bfe3d8!important}
html[data-theme="light"] .alert.error{background:#fff0f2!important;color:#9f3340!important;border-color:#edc7cd!important}
html[data-theme="light"] .alert.warning{background:#fff7e7!important;color:#80560f!important;border-color:#ead8ac!important}
html[data-theme="light"] .alert.info,html[data-theme="light"] .alert:not(.success):not(.error):not(.warning){background:#eef8fd!important;color:#315e75!important;border-color:#c8e3f0!important}
html[data-theme="light"] .alert strong,html[data-theme="light"] .alert b{color:inherit!important}
/* Vehicle lookup: convert the full result panel to light theme. */
html[data-theme="light"] .vehicle-detail-panel{background:linear-gradient(180deg,#fff,#f8fbfd)!important;border-color:#d5e4ed!important;color:#26394d!important;box-shadow:0 10px 28px rgba(38,61,88,.05)!important}
html[data-theme="light"] .vehicle-detail-head{border-bottom-color:#dce6ee!important}
html[data-theme="light"] .vehicle-detail-head h2,html[data-theme="light"] .vehicle-tech-row strong,html[data-theme="light"] .vehicle-options strong{color:#1f3348!important}
html[data-theme="light"] .vehicle-performance-compare{background:linear-gradient(180deg,#f9fbfd,#f3f7fa)!important;border-color:#d4e1ea!important;box-shadow:inset 0 1px 0 #fff!important}
html[data-theme="light"] .performance-row{border-top-color:#dce5ed!important}
html[data-theme="light"] .performance-label{color:#52677d!important}
html[data-theme="light"] .performance-stock{color:#26384c!important}
html[data-theme="light"] .performance-arrow{color:#91a0b0!important}
html[data-theme="light"] .performance-tuned{color:#087fb6!important}
html[data-theme="light"] .performance-tuned small{color:#507b91!important}
html[data-theme="light"] .performance-gain{color:#16866a!important}
html[data-theme="light"] .vehicle-dyno-meta>span{background:#fff!important;border-color:#d8e3ec!important;color:#2e4256!important;box-shadow:0 3px 10px rgba(38,61,88,.025)!important}
html[data-theme="light"] .vehicle-dyno-meta b{color:#75869a!important}
html[data-theme="light"] .vehicle-stage-card,html[data-theme="light"] .vehicle-power-editor>div{background:#fff!important;border-color:#d8e3ec!important;color:#2d4155!important}
html[data-theme="light"] .vehicle-stage-card small,html[data-theme="light"] .vehicle-stage-card .torque-value{color:#60758a!important}
html[data-theme="light"] .vehicle-stage-card small b,html[data-theme="light"] .vehicle-stage-card .perf-main strong,html[data-theme="light"] .vehicle-stage-card.stock-card .perf-main strong{color:#24384c!important}
html[data-theme="light"] .vehicle-stage-card.tuned-card .perf-main strong{color:#087fb6!important}
html[data-theme="light"] .vehicle-stage-card.gain-card{background:#eefaf6!important;border-color:#bfe3d7!important}
html[data-theme="light"] .vehicle-stage-card.gain-card .perf-main strong{color:#16866a!important}
/* WinOLS rule editor: wider cards and non-clipped controls. */
.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}
.rule-card{min-width:0!important}
.rule-head{align-items:flex-start!important;flex-wrap:wrap!important}
.rule-footer{flex-wrap:wrap!important;align-items:center!important;row-gap:12px!important}
.rule-footer>label{min-width:0!important;flex:0 1 auto!important}
.rule-footer .actions{margin-left:auto!important;flex:0 0 auto!important}
.rule-footer .input.compact{width:92px!important;min-width:72px!important}
html[data-theme="light"] .rule-card,html[data-theme="light"] .add-rule-card,html[data-theme="light"] .combo-add-card,html[data-theme="light"] .automation-master-switch{background:#fff!important;border-color:#d9e3ec!important;color:#26394d!important}
html[data-theme="light"] .rule-card .muted{color:#6f8195!important}
html[data-theme="light"] .rule-footer{border-top-color:#e0e7ee!important}
html[data-theme="light"] .rule-footer label,html[data-theme="light"] .switchline{color:#53677d!important}
html[data-theme="light"] .combo-option{background:#f8fafc!important;border-color:#d9e3ec!important;color:#34495e!important}
html[data-theme="light"] .combo-option:hover{background:#eef8fd!important;border-color:#abd7ea!important}
html[data-theme="light"] .auto-delivery-hint.is-on{color:#176c59!important;background:#eaf8f3!important;border-color:#bfe3d8!important}
html[data-theme="light"] .auto-delivery-hint.is-off{color:#835b13!important;background:#fff7e7!important;border-color:#ead8ac!important}
/* General support tickets: restore the timeline rail and keep messages aligned. */
.support-conversation{min-width:0}
.support-ticket-timeline{margin-top:12px!important;margin-left:8px!important;padding-left:24px!important}
.support-ticket-timeline .timeline-item{min-width:0;margin-bottom:12px}
.support-ticket-timeline .event-head{align-items:flex-start}
.support-ticket-timeline .event-head span{white-space:nowrap}
.support-ticket-timeline .event-body{overflow-wrap:anywhere}
html[data-theme="light"] .support-ticket-timeline{border-left-color:#cbdbe6!important}
html[data-theme="light"] .support-ticket-timeline .timeline-item{background:#fff!important;border-color:#d9e4ec!important;color:#26394d!important;box-shadow:0 5px 16px rgba(38,61,88,.035)!important}
html[data-theme="light"] .support-ticket-timeline .timeline-item:before{background:#fff!important;border-color:#1aa4e2!important;box-shadow:0 0 0 3px #eaf7fd!important}
html[data-theme="light"] .support-ticket-timeline .event-head strong{color:#203449!important}
html[data-theme="light"] .support-ticket-timeline .event-head span{color:#8291a2!important}
html[data-theme="light"] .support-ticket-timeline .event-body{color:#42576c!important}
@media(max-width:1180px){.rules-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.rule-footer .actions{width:100%!important;margin-left:0!important}.rule-footer .actions .btn{flex:1 1 auto!important}.support-ticket-timeline{margin-left:5px!important;padding-left:20px!important}}
/* =========================================================
V3.9.80 RC5 — mobile light-theme consistency pass
========================================================= */
/* Light theme buttons: the generic light-theme anchor colour must never
override button contrast (blue/green/red action buttons). */
html[data-theme="light"] .btn,
html[data-theme="light"] a.btn,
html[data-theme="light"] button.btn,
html[data-theme="light"] .returned-download-btn{
color:#fff!important;
}
html[data-theme="light"] .btn.secondary,
html[data-theme="light"] a.btn.secondary,
html[data-theme="light"] button.btn.secondary{
color:#34475b!important;
}
html[data-theme="light"] .btn.success,
html[data-theme="light"] a.btn.success,
html[data-theme="light"] button.btn.success{
color:#fff!important;
}
@media(max-width:900px){
/* The mobile drawer used hard-coded dark !important values. Keep the
drawer in the same theme as the page for both admin and client areas. */
html[data-theme="light"] .sidebar{
background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%)!important;
border-right:1px solid #d9e3ed!important;
box-shadow:24px 0 60px rgba(31,49,72,.18)!important;
color:#172033!important;
}
html[data-theme="light"] .sidebar-close{
background:#f4f7fa!important;
border-color:#d3dee9!important;
color:#31475b!important;
box-shadow:0 4px 14px rgba(35,55,79,.06)!important;
}
html[data-theme="light"] .sidebar-close:hover{
background:#eaf4fa!important;
border-color:#bed8e7!important;
color:#0c6f9c!important;
}
html[data-theme="light"] .sidebar-mobile-actions{
border-top-color:#dce5ed!important;
background:transparent!important;
}
html[data-theme="light"] .mobile-logout-link{
background:#f4f7fb!important;
border-color:#d4dfea!important;
color:#2f4358!important;
}
html[data-theme="light"] .mobile-logout-link:hover{
background:#eaf5fb!important;
border-color:#c2dce9!important;
color:#087eaf!important;
}
html[data-theme="light"] .sidebar nav{
scrollbar-color:#bdcbd8 transparent!important;
}
html[data-theme="light"] .sidebar nav::-webkit-scrollbar-thumb{
background:#bdcbd8!important;
}
html[data-theme="light"] .sidebar-backdrop{
background:rgba(35,50,69,.26)!important;
backdrop-filter:blur(3px)!important;
}
html[data-theme="light"] .sidebar .brand-logo{
background:transparent!important;
border-color:transparent!important;
}
}
@media(max-width:760px){
/* File Inbox / My files mobile cards: remove the legacy dark card shell
and the white "cell boxes" created by desktop table overrides. */
html[data-theme="light"] .order-list-table .order-list-row{
background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
border-color:#d6e1eb!important;
box-shadow:0 9px 24px rgba(38,60,85,.075)!important;
}
html[data-theme="light"] .order-list-table .order-list-row:hover{
background:linear-gradient(180deg,#ffffff,#f4f9fc)!important;
border-color:#c6dbe8!important;
}
html[data-theme="light"] .order-list-table .order-list-row td,
html[data-theme="light"] .order-list-table .order-list-row:nth-child(even) td,
html[data-theme="light"] .order-list-table .order-list-row:hover td{
background:transparent!important;
color:#26384c!important;
}
html[data-theme="light"] .order-list-table .order-list-row td::before{
color:#77889b!important;
}
html[data-theme="light"] .order-list-table .order-col-vehicle{
border-top-color:#e2e9f0!important;
}
html[data-theme="light"] .order-list-table .order-col-id strong,
html[data-theme="light"] .order-list-table .order-col-vehicle strong,
html[data-theme="light"] .order-list-table .order-col-tool strong,
html[data-theme="light"] .order-list-table .order-col-price strong{
color:#1e3043!important;
}
html[data-theme="light"] .order-list-table .muted{
color:#718398!important;
}
html[data-theme="light"] .order-list-table .registration-chip{
background:#eef8fc!important;
border-color:#c8e5f1!important;
color:#157da7!important;
}
html[data-theme="light"] .data-card .table-wrap{
background:transparent!important;
}
}
/* Small-screen light surfaces that may inherit dark legacy backgrounds. */
@media(max-width:700px){
html[data-theme="light"] .message-attachment,
html[data-theme="light"] .file-row,
html[data-theme="light"] .tool-editor,
html[data-theme="light"] .user-tool-card,
html[data-theme="light"] .compat-card,
html[data-theme="light"] .checkbox-item{
background:#f8fafc!important;
border-color:#dbe4ed!important;
color:#26394d!important;
}
html[data-theme="light"] .file-row-title,
html[data-theme="light"] .file-name,
html[data-theme="light"] .message-attachment strong{
color:#26394d!important;
}
}
/* RC8: progressive order steps must stay hidden even when components use flex/grid. */
#calibration-stage[hidden],#submission-stage[hidden]{display:none!important}
#calibration-stage:not([hidden]){animation:orderStepReveal .2s ease-out}
@keyframes orderStepReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#calibration-stage:not([hidden]){animation:none}}
/* RC11 hotfix: printable vehicle lookup details */
@media print {
body:has([data-vehicle-lookup] [data-vehicle-detail]:not([hidden])) .sidebar,
body:has([data-vehicle-lookup] [data-vehicle-detail]:not([hidden])) .topbar,
body:has([data-vehicle-lookup] [data-vehicle-detail]:not([hidden])) .page-lead,
body:has([data-vehicle-lookup] [data-vehicle-detail]:not([hidden])) .vehicle-filter-grid,
body:has([data-vehicle-lookup] [data-vehicle-detail]:not([hidden])) .vehicle-export-actions,
body:has([data-vehicle-lookup] [data-vehicle-detail]:not([hidden])) .section-head {display:none!important}
body:has([data-vehicle-lookup] [data-vehicle-detail]:not([hidden])) [data-vehicle-lookup],
body:has([data-vehicle-lookup] [data-vehicle-detail]:not([hidden])) [data-vehicle-detail] {display:block!important;width:100%!important;max-width:none!important;color:#000!important;background:#fff!important;box-shadow:none!important}
}
/* RC11 · attachment-to-bot form: isolated from global checkbox/field styles */
.attachment-bot-page{max-width:100%;overflow:visible;isolation:isolate}
.attachment-bot-heading p{max-width:100%;overflow-wrap:anywhere;line-height:1.55}
.attachment-bot-file{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.attachment-bot-file span{color:var(--muted);font-size:.88rem}
.attachment-bot-form{position:relative;display:block;clear:both;max-width:100%}
.attachment-bot-modes{display:flex;flex-direction:column;gap:12px;min-width:0;margin:22px 0 0;padding:0;border:0}
.attachment-bot-modes legend{font-size:.86rem;font-weight:850;color:var(--muted);padding:0 0 10px}
.attachment-bot-mode{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;position:static!important;float:none!important;max-width:100%!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:18px 20px!important;margin:0!important;background:var(--panel-2,#131e2b)!important;border:1px solid var(--border,#2b3b50)!important;border-radius:13px;cursor:pointer}
.attachment-bot-mode:has(input:checked){border-color:var(--accent,#22b8ff)!important;background:rgba(32,184,255,.075)!important}
.attachment-bot-mode.is-disabled{opacity:.58;cursor:not-allowed}
.attachment-bot-mode>input[type=radio]{position:static!important;appearance:auto!important;margin:3px 0 0!important;width:17px!important;height:17px!important;flex:none;grid-column:1}
.attachment-bot-mode-copy{display:flex!important;flex-direction:column;gap:8px;min-width:0;grid-column:2!important;white-space:normal!important;line-height:1.5}
.attachment-bot-mode-copy strong{font-size:1rem;color:var(--text,#eff5fb)}
.attachment-bot-mode-copy small{font-size:.91rem;color:var(--muted,#9da9ba);line-height:1.65;overflow-wrap:anywhere}
.attachment-bot-note{margin:12px 0 4px}
.attachment-bot-actions{position:static!important;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px!important;clear:both}
html[data-theme=light] .attachment-bot-mode{background:#f7faff!important;border-color:#cfdeed!important}
html[data-theme=light] .attachment-bot-mode:has(input:checked){background:#ecf8ff!important}
html[data-theme=light] .attachment-bot-mode-copy strong{color:#23354c}
/* RC11 · click-through service availability with weekly schedule */
.service-hours-dropdown{position:relative;min-width:0}
.service-hours-dropdown>summary{cursor:pointer;list-style:none;user-select:none}
.service-hours-dropdown>summary::-webkit-details-marker{display:none}
.service-hours-dropdown .service-pill{grid-template-columns:8px auto 12px;column-gap:8px;min-width:138px}
.service-hours-dropdown .service-pill i{grid-row:1 / 3}
.service-hours-dropdown .service-pill .service-hours-chevron{grid-column:3;grid-row:1 / 3;font-size:15px;line-height:1;color:var(--muted)}
.service-hours-dropdown .service-pill small{grid-column:2;grid-row:2}
.service-hours-dropdown[open] .service-hours-chevron{transform:rotate(180deg)}
.service-hours-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:150;width:min(360px,calc(100vw - 32px));padding:17px;border-radius:15px;border:1px solid var(--border,#304056);background:var(--panel,#121925);box-shadow:0 20px 60px rgba(0,0,0,.38)}
.service-hours-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:10px}
.service-hours-heading span{font-size:.72rem;color:var(--muted)}
.service-hours-day{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 6px;border-bottom:1px solid rgba(116,150,185,.12);font-size:.85rem}
.service-hours-day:last-child{border-bottom:0}
.service-hours-day.today{color:var(--accent,#29bfff);background:rgba(32,184,255,.08);border-radius:7px;padding-left:9px;padding-right:9px}
.service-hours-day strong{font-size:.83rem;white-space:nowrap}
.service-hours-override{font-size:.8rem;color:#ffba68;margin:6px 0 8px}
html[data-theme=light] .service-hours-panel{background:#fff;border-color:#dce4ed;color:#1c3145;box-shadow:0 18px 48px rgba(30,51,75,.16)}
@media(max-width:900px){.top-actions .service-hours-dropdown{display:block!important}.top-actions .service-hours-dropdown .service-pill{display:grid!important;min-width:34px}.top-actions .service-hours-dropdown .service-pill span:not(.service-hours-chevron){display:inline!important}.top-actions .service-hours-dropdown .service-pill small{display:none!important}}
@media(max-width:650px){.top-actions .service-hours-dropdown .service-pill{padding:8px;min-width:32px}.top-actions .service-hours-dropdown .service-pill span:not(.service-hours-chevron){font-size:.68rem!important;letter-spacing:0}.top-actions .service-hours-dropdown .service-pill .service-hours-chevron{display:inline!important}.service-hours-panel{right:-45px}}
/* RC11 · client self-service pricing, light/dark and mobile */
.pricing-explorer{display:grid;gap:18px;max-width:1150px}
.pricing-selector{min-width:0}
.pricing-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pricing-context-grid label{display:flex;flex-direction:column;gap:9px;font-size:.85rem;font-weight:750}
.pricing-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pricing-offer{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:74px;border:1px solid var(--border,#2b394c);border-radius:12px;background:rgba(99,134,170,.055);padding:14px;cursor:pointer}
.pricing-offer[hidden]{display:none!important}
.pricing-offer:has(input:checked){border-color:var(--accent,#20b8ff);background:rgba(32,184,255,.08)}
.pricing-offer input{accent-color:var(--accent,#20b8ff);width:17px;height:17px}
.pricing-offer-content{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}
.pricing-offer-content strong{font-size:.94rem}.pricing-offer-content small{color:var(--muted);line-height:1.45;font-size:.76rem}
.pricing-amount{color:var(--accent,#34c0ff);font-weight:800;font-size:.93rem;white-space:nowrap}
.pricing-total-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;border-color:rgba(32,184,255,.45)}
.pricing-total-card>div:first-child{flex:1 1 320px;min-width:0}.pricing-total-card h2{font-size:1.1rem;margin:9px 0;overflow-wrap:anywhere}.pricing-total-card p{max-width:600px}
.pricing-total-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.pricing-total-value{font-size:2rem;font-weight:900;color:var(--accent,#34c0ff)}
html[data-theme=light] .pricing-offer{background:#f7f9fd;border-color:#d2dfed;color:#24334b}
html[data-theme=light] .pricing-offer:has(input:checked){background:#e9f8ff;border-color:#28a4d8}
@media(max-width:740px){.pricing-context-grid,.pricing-offer-grid{grid-template-columns:minmax(0,1fr)}.pricing-total-right{align-items:stretch;width:100%}.pricing-total-right .btn{text-align:center}}
/* Notification settings: prevent clipped event labels and sound selectors on narrow screens. */
@media(max-width:780px){ .notification-event-matrix{overflow-x:auto} .notification-event-matrix table{min-width:670px} }
/* Order ticket photos and primary-file choice */
.order-photo{display:block;padding:4px;border:1px solid #34465d;border-radius:12px;background:transparent;cursor:zoom-in;max-width:100%;flex:0 0 auto;margin:8px 0}
.order-photo[hidden]{display:none}
.order-photo img{display:block;width:160px;height:110px;max-width:100%;object-fit:contain;border-radius:8px}
.message-attachment{flex-wrap:wrap;gap:12px}.message-attachment .file-type{overflow-wrap:anywhere;min-width:0}
.order-photo-dialog{width:min(1000px,94vw);max-height:92vh;padding:16px;border:1px solid #34465d;border-radius:16px;background:#101823;color:#eef4fb;box-shadow:0 20px 80px #0008}
.order-photo-dialog::backdrop{background:#02060dcc}
.photo-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.photo-toolbar strong{flex:1;overflow-wrap:anywhere;min-width:0}
.photo-full{display:block;max-width:100%;max-height:72vh;object-fit:contain;margin:auto}
.primary-file-choice{display:flex;align-items:flex-start;gap:10px;margin-top:16px;line-height:1.5}.primary-file-choice input{flex:0 0 auto;margin-top:5px}.primary-file-choice small{display:block;margin-top:5px}
html[data-theme="light"] .order-photo-dialog{background:#fff;color:#223046}
@media(max-width:600px){.photo-toolbar{flex-wrap:wrap}.photo-toolbar strong{flex-basis:100%}.order-photo-dialog{padding:12px}.file-row>.order-photo img{width:130px;height:90px}}
/* HF15.6: anchor the mobile hours panel to the header, not its small pill. */
.service-hours-panel{background:#121925;color:#dce6f2}
html[data-theme="light"] .service-hours-panel{background:#fff;color:#1c3145}
@media(max-width:900px){
.topbar{position:relative;z-index:30;overflow:visible}
.topbar .top-actions,.topbar .service-hours-dropdown{position:static}
.topbar .service-hours-panel{position:absolute;top:calc(100% + 8px);left:auto;right:12px;width:calc(100% - 24px);max-width:360px;box-sizing:border-box;z-index:150;max-height:65vh;max-height:65dvh;overflow-y:auto;overscroll-behavior:contain;padding:16px}
.top-actions .service-hours-panel span{display:inline!important}
.topbar .service-hours-heading strong{font-size:16px}
.topbar .service-hours-day{gap:12px}
}
/* Instructions accompanying the final file, above the download button. */
.returned-file-spotlight-head>div{min-width:0;flex:1}
.returned-file-spotlight .returned-file-instructions{margin:12px 0;padding:12px 14px;border-left:4px solid #ff4d4f;border-radius:6px;background:rgba(255,77,79,.09);color:#ff6265;font-size:15px;font-weight:800;line-height:1.6;overflow-wrap:anywhere}
html[data-theme="light"] .returned-file-spotlight .returned-file-instructions{color:#d71920!important;border-left-color:#e52229;background:rgba(229,34,41,.07)}