:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#17191c;background:#f3f5f7;font-synthesis:none;font-size:14px;--primary:#0066b1;--muted:#626d78;--line:#dfe5eb;--accent:#dceeff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #4b9cdd;outline-offset:3px}input,select,textarea{border:1px solid #d6e0e9;border-radius:8px;padding:11px 12px;width:100%;background:white;color:#24313f;outline:none}input:focus,select:focus,textarea:focus{border-color:#48637f;box-shadow:0 0 0 3px #e7ebef}textarea{min-height:90px;resize:vertical}label{display:block;font-size:12px;color:#59636d;margin:0 0 15px}label input,label select,label textarea{margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-1px;margin-bottom:10px}h2{font-size:18px}h3{font-size:15px}a{color:var(--primary)}small,.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:32px 20px;position:fixed;width:232px;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;margin:0 0 35px 8px}.brand-mark{height:38px;width:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary);color:#ffffff;font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px;font-weight:500}.nav-caption{font-size:10px;letter-spacing:2px;color:#71787f;margin:15px 13px}.nav-btn{display:flex;align-items:center;gap:14px;width:100%;padding:13px;margin:4px 0;background:transparent;color:#71787f;text-align:left;border-radius:8px}.nav-btn.active{background:#ebeff3;color:#2c3c4d;font-weight:700}.nav-icon{font-size:18px;width:23px;text-align:center}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;background:#dfe4ea;border-radius:50%;font-weight:700;margin-right:8px}.profile{display:flex;align-items:center;margin-bottom:12px}.profile strong{display:block;font-size:12px}.profile small{font-size:10px}.main{grid-column:2;padding:0 42px 35px;max-width:1680px;width:100%}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px}.crumb{font-size:12px;color:#72787d}.top-right{display:flex;gap:15px;align-items:center}.top-right select{background:transparent;border:0;font-size:12px;width:160px}.date{font-size:12px;color:#72787d}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.heading p{color:#73787d;font-size:12px;margin-bottom:0}.eyebrow{font-size:10px;color:#697887;letter-spacing:2px;margin-bottom:9px}.btn{background:var(--primary);color:white;border-radius:8px;padding:11px 17px;font-weight:600;font-size:12px;display:inline-flex;gap:8px;justify-content:center;align-items:center;text-decoration:none}.btn.secondary{background:white;border:1px solid var(--line);color:#3e556d}.btn.ghost{background:transparent;color:#586471;border:1px solid transparent;padding:7px}.btn.danger{background:#f7e9e4;color:#9f4c36}.btn.small{padding:7px 11px;font-size:11px}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.hero{border-radius:13px;padding:27px 30px;background:#0066b1;color:white;margin-bottom:24px;display:flex;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.hero h2{font-size:22px;line-height:1.5;margin-bottom:8px;position:relative;z-index:1}.hero p{font-size:12px;color:#b1c4d5;line-height:1.8;margin-bottom:0;position:relative;z-index:1}.hero-badge{align-self:center;white-space:nowrap;padding:13px 19px;border:1px solid #57697b;border-radius:30px;background:#304254;color:#c4d3e0;z-index:1;font-size:12px}.hero:after{content:'';width:200px;height:200px;border:35px solid #33465a;border-radius:50%;position:absolute;right:130px;top:-70px;opacity:.45}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:27px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px}.stat-label{font-size:12px;color:#71787f;display:flex;justify-content:space-between;align-items:center}.stat strong{display:block;font-size:29px;font-weight:600;margin:16px 0 10px;letter-spacing:-1px}.stat small{font-size:10px}.stat-mark{background:#eaeef2;border-radius:7px;padding:7px;color:#637383}.grid-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.panel{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;margin-bottom:20px}.panel-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h2{margin:0;font-size:16px}.panel-head small{font-size:11px}.panel-body{padding:0 23px 22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#72787e;font-size:10px;font-weight:500;background:#f7f8fa;padding:13px 20px}td{padding:17px 20px;border-bottom:1px solid #ecf0f3;font-size:12px}tr:last-child td{border-bottom:0}td strong{display:block;font-size:13px;margin-bottom:4px}td small{font-size:10px}.badge{display:inline-flex;border-radius:5px;padding:5px 8px;background:#edf0f3;color:#586673;font-size:10px;white-space:nowrap}.badge.working{background:#e6ebef;color:#486481}.badge.awaiting_approval,.badge.inspection{background:#e5eaee;color:#4c6986}.badge.delivered{background:#ebeef2;color:#73787d}.badge.ready_delivery{background:#e8ecf1;color:#425b74}.dot{color:#63788d;margin-right:7px}.quick-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #e8ecf1;background:transparent;width:100%;text-align:left;color:#364a5e}.quick-item:last-child{border:0}.quick-item span:first-child{height:34px;width:34px;border:1px solid #dde3ea;background:#f5f7f9;border-radius:9px;display:grid;place-items:center;font-size:17px}.quick-item strong{font-size:12px;display:block;margin-bottom:4px}.quick-item small{font-size:10px}.note-panel{padding:22px;background:#e2e8ed;border-radius:12px;color:#4e5b69;font-size:12px;line-height:1.9}.note-panel h3{font-size:13px}.empty{padding:45px 20px;text-align:center;color:#6e7882;font-size:12px}.empty strong{display:block;color:#646e79;font-size:15px;margin-bottom:10px}.filter{display:flex;gap:12px;padding:0 23px 18px;align-items:center}.filter input{max-width:340px;font-size:12px}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tab{border-radius:7px;padding:8px 13px;background:#f2f4f6;color:#707880;font-size:11px}.tab.active{background:#e0e6eb;color:#3e546b}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.template-card{background:white;padding:25px;border-radius:12px;border:1px solid var(--line)}.template-card p{font-size:12px;color:#6f7880;line-height:1.9}.template-card .badge{margin-bottom:18px}.list-step{padding:11px 0;font-size:12px;display:flex;gap:12px;border-bottom:1px solid #e7ecf0}.step-num{display:inline-grid;place-items:center;background:#edf0f3;color:#697887;border-radius:50%;width:24px;height:24px;font-size:10px;flex-shrink:0}.scope{font-size:11px;color:#6e7881}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{padding:65px;background:#111820;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-art .brand{color:white;margin-left:0}.login-art .brand small{color:#a5bbce}.login-art h1{font-size:44px;font-weight:550;line-height:1.5;letter-spacing:0}.login-art p{color:#a8bdd0;line-height:2}.login-features{display:flex;gap:25px;font-size:12px;color:#bbccda}.login-form{display:flex;justify-content:center;align-items:center;padding:40px}.login-form form{width:350px}.login-form h2{font-size:25px}.login-form p{font-size:12px;color:#6f7881;margin-bottom:30px}.login-form .btn{width:100%;padding:13px}.login-meta{margin-top:24px;font-size:11px!important;line-height:1.9;color:#6e7882!important}.error{color:#a74734;background:#fff0e8;padding:12px;font-size:12px;border-radius:6px;margin-bottom:15px}.hidden{display:none!important}dialog{border:0;padding:0;border-radius:15px;max-width:850px;width:calc(100% - 40px);box-shadow:0 20px 80px #18212b2b;color:#293746;max-height:90vh}dialog::backdrop{background:#12192070;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.dialog-head h2{margin:0;font-size:19px}.dialog-body{padding:24px 28px}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.span2{grid-column:span 2}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0 20px}.check{display:flex;align-items:center;font-size:12px;gap:8px;margin:0;border:1px solid #dde3ea;border-radius:7px;padding:10px}.check input{width:15px;margin:0;accent-color:var(--primary)}.detail-summary{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.detail-summary h3{font-size:22px}.detail-summary p{font-size:12px;margin-bottom:6px;color:#6d7883}.detail-summary .amount{font-size:27px}.workflow{display:flex;gap:7px;overflow:auto;margin-bottom:24px}.workflow span{font-size:10px;white-space:nowrap;background:#eef1f4;padding:8px;border-radius:5px;color:#6a7886}.workflow span.current{background:#d2dde7;color:#394e63}.task-step{padding:18px 0;border-bottom:1px solid var(--line)}.task-step h3{display:flex;gap:10px;align-items:center;font-size:13px}.task-step p{font-size:12px;color:#6d7882;line-height:1.8}.task-step.done .step-num{background:#d2dde7;color:#3e546b}.task-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.task-actions input[type=text]{flex:1;min-width:180px;font-size:12px}.upload-label{margin:0;display:inline-flex;cursor:pointer}.upload-label input{display:none}.photos{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.photos img{width:75px;height:65px;object-fit:cover;border-radius:6px}.edit-step{padding:14px;background:#f3f5f7;border-radius:8px;margin-bottom:10px}.edit-step input{margin-bottom:8px}.quote-row{display:grid;grid-template-columns:2fr 1fr 80px 100px 35px;gap:8px;margin-bottom:10px}.quote-row input,.quote-row select{font-size:12px}.section-label{margin:23px 0 12px;font-size:13px;font-weight:700}.amount{font-variant-numeric:tabular-nums}.bottom-nav{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1f2b37;color:white;padding:13px 22px;border-radius:9px;box-shadow:0 8px 30px #171f2722;z-index:999;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.print-sheet{background:white;padding:25px;max-width:900px;margin:auto;color:#222}.print-sheet h1{text-align:center;font-size:22px}.print-sheet p{font-size:12px}.print-sheet table{white-space:normal}.print-sheet .print-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;margin:22px 0}.print-sheet th,.print-sheet td{border:1px solid #ddd;padding:10px}.print-sheet footer{margin-top:35px;font-size:11px;line-height:2}.terminal-note{font-size:10px;letter-spacing:1px;color:#6b7885}.notice{padding:12px 14px;border-radius:8px;background:#edf0f4;font-size:12px;color:#5b6e80;line-height:1.8;margin-bottom:16px}
@media(max-width:1200px){.main{padding:0 25px 25px}.grid-main{grid-template-columns:1fr}.aside-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hero-badge{display:none}.stats{gap:10px}.stat{padding:16px}.sidebar{width:200px}.shell{grid-template-columns:200px 1fr}}
@media(max-width:760px){.shell{display:block}.sidebar{display:none}.main{padding:0 18px 95px}.topbar{height:68px;margin-bottom:22px}.date{display:none}.top-right select{width:130px}.heading{align-items:flex-start}h1{font-size:24px}.heading p{line-height:1.8}.hero{padding:23px}.hero h2{font-size:19px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:26px}.grid-main{display:block}.aside-panels{display:block}.cards{grid-template-columns:1fr}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:8px 8px max(9px,env(safe-area-inset-bottom));z-index:5;justify-content:space-around}.bottom-nav button{background:none;color:#6a7886;font-size:10px;padding:5px}.bottom-nav button span{display:block;font-size:19px;margin-bottom:4px}.bottom-nav button.active{color:#2b3b4c}.login{display:block;background:#f0f2f5}.login-art{padding:28px;min-height:235px}.login-art h1{font-size:27px}.login-art .brand{margin-bottom:30px}.login-art p,.login-features{display:none}.login-form{padding:35px 28px}.login-form form{width:100%;max-width:400px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.checks{grid-template-columns:1fr 1fr}.dialog-body{padding:20px}.dialog-head{padding:18px 20px}dialog{width:calc(100% - 20px);max-height:94vh}.detail-summary{gap:10px}.quote-row{grid-template-columns:1fr 70px 55px 70px 25px;gap:3px}.quote-row input,.quote-row select{padding:8px 5px}.filter{flex-wrap:wrap}.panel-head{padding:18px}.hero:after{right:-90px}#toast{bottom:90px;width:max-content;max-width:90vw}.print-sheet{padding:12px}.top-right .btn{padding:6px}.crumb{font-size:11px}}
@media print{body{background:#fff}.shell,.bottom-nav,#toast,dialog,.no-print{display:none!important}.print-sheet{display:block!important;max-width:none;padding:0}table{page-break-inside:auto}tr{page-break-inside:avoid}thead{display:table-header-group}@page{size:A4;margin:15mm}}

@media(max-width:760px){.bottom-nav{overflow-x:auto;justify-content:flex-start;gap:4px}.bottom-nav button{min-width:66px;flex:1;flex-shrink:0}.panel-head input[type=month]{width:150px}}
.mobile-orders{display:none}.mobile-order{display:block;width:100%;padding:19px;background:white;text-align:left;color:#2b3b4c;border-top:1px solid #e8ecf1}.mobile-order-top,.mobile-order-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-order-top strong{font-size:17px}.mobile-order p{font-size:13px;margin:14px 0}.mobile-order-bottom small{font-size:11px;line-height:1.7}.mobile-order-bottom span{font-size:11px;white-space:nowrap;color:#586c81}@media(max-width:760px){.mobile-orders{display:block}.desktop-orders{display:none}}

@media print{.print-step{break-inside:avoid}.print-step h4{margin-bottom:6px}.print-step p{margin:5px 0}}

.purchase-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.purchase-row p{font-size:12px;color:var(--muted)}.purchase-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:center}.sidebar{overflow-y:auto}.sidebar-foot{position:static;margin-top:25px}@media(max-width:760px){.purchase-line{grid-template-columns:1fr 1fr}.purchase-line label:first-child{grid-column:span 2}}

.supplier-main{max-width:1100px;margin:30px auto;padding:20px}.supplier-main .panel{margin-top:22px}.panel-body{padding:22px}

@media print{.receipt{font-size:10pt;color:#000}.receipt h1{font-size:14pt;letter-spacing:0}.receipt h3{font-size:11pt}.receipt p,.receipt footer{font-size:9pt;overflow-wrap:anywhere}.receipt .print-meta{display:block}.receipt .receipt-item{border-bottom:1px dashed #777;padding:5px 0;break-inside:avoid}.receipt-item p{margin:4px 0}.receipt-item b{float:right}.receipt-58 h1{font-size:12pt}.receipt-58{font-size:9pt}.receipt footer{margin-top:12px}}

/* Shared blue / white / black identity across desktop and employee UI. */
:root{--primary:#0066b1;--accent:#dceeff;--muted:#626d78;--line:#dfe5eb;accent-color:var(--primary)}.brand-mark{color:#fff}.nav-btn.active{background:#e6f1fa;color:#005a9e}.btn:not(.secondary):not(.ghost):hover{background:#00548f}.login-art{background:#111820}.login-art h1{color:#fff}.login-art .eyebrow{color:#83b9e5}.hero-badge{background:#00548f;border-color:#559ed4;color:#fff}.note-panel{background:#eaf3fb;color:#304e68}.badge.working,.badge.ready{background:#e6f1fa;color:#005a9e}.amount{color:#005a9e}

.integration-json{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}#platform-error{color:#a13838}
/* Employee application: purpose-built orange-red / BMW-blue mobile workspace. */
.ac-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0}
html[data-terminal=app]{--primary:#e94c24;background:#e7edf3}
[data-terminal=app] body{max-width:560px;margin:auto;background:#f5f7fa;min-height:100vh}
[data-terminal=app] .shell{display:block}[data-terminal=app] .sidebar{display:none}
[data-terminal=app] .main{padding:0 20px 110px;min-width:0}
[data-terminal=app] .topbar{height:66px;margin-bottom:22px;gap:10px}[data-terminal=app] .date{display:none}
[data-terminal=app] .crumb{font-size:11px;white-space:nowrap}[data-terminal=app] .top-right{gap:8px}[data-terminal=app] .top-right select{width:145px;max-width:40vw;font-size:12px}[data-terminal=app] .top-right .btn{padding:9px}
[data-terminal=app] .bottom-nav{display:flex;position:fixed;left:50%;transform:translateX(-50%);bottom:0;right:auto;width:100%;max-width:560px;justify-content:space-around;background:#fffffffa;border-top:1px solid #e0e7ee;padding:10px 8px max(12px,env(safe-area-inset-bottom));z-index:10;box-shadow:0 -6px 25px #15324a06}
[data-terminal=app] .bottom-nav button{border:0;background:none;color:#72808f;font-size:11px;min-height:48px;min-width:48px;padding:3px 6px}[data-terminal=app] .bottom-nav button span{display:block;margin-bottom:4px}[data-terminal=app] .bottom-nav button.active{color:#0066b1;font-weight:700}
[data-terminal=app] .bottom-nav button.active:before{content:'';position:absolute;top:0;width:22px;height:3px;border-radius:0 0 3px 3px;background:#e94c24}
.employee-welcome{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.employee-welcome h1{font-size:24px;letter-spacing:-.6px;margin:7px 0}.employee-welcome p{color:#74808c;font-size:12px;margin:8px 0}.employee-avatar{display:grid;place-items:center;background:#fff0e9;color:#d8421c;width:48px;height:48px;border:3px solid white;border-radius:17px;font-size:20px;font-weight:700}
.employee-summary{position:relative;background:linear-gradient(120deg,#004f91,#087dc6);color:white;border-radius:22px;padding:24px;box-shadow:0 12px 25px #0066b121}.employee-summary-top{display:flex;justify-content:space-between;gap:8px;font-size:13px}.employee-live{font-size:10px;letter-spacing:.5px;color:#d3e8f9}.employee-total{font-size:52px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}.employee-total small{font-size:12px;font-weight:400;margin-left:12px;color:#d7e9f8}.employee-queues{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff30;margin-top:12px;padding-top:16px}.employee-queues button{border:0;border-right:1px solid #ffffff25;color:white;background:none;text-align:left;padding:0 12px;min-height:52px}.employee-queues button:first-child{padding-left:0}.employee-queues button:last-child{border:0}.employee-queues strong{display:block;font-size:24px}.employee-queues span{font-size:11px;display:block;margin-top:5px;color:#e4f2ff}
.employee-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 10px;background:white;border:1px solid #e8edf2;border-radius:20px;padding:22px 12px;margin:20px 0 27px}.employee-tools button{background:none;border:0;color:#253548;padding:0;display:grid;justify-items:center;align-content:center;text-align:center;gap:9px;min-height:72px}.employee-tools button>span{display:grid;place-items:center;width:44px;height:44px;background:#eaf4fc;color:#0066b1;border-radius:14px}.employee-tools button:nth-child(3n+1)>span{color:#db4c26;background:#fff0e9}.employee-tools strong{font-size:12px;font-weight:500}.employee-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.employee-section h2{font-size:18px;margin:0}.employee-section button{background:none;border:0;color:#64778b;font-size:12px;min-height:44px}
.employee-task{display:block;width:100%;text-align:left;background:#fff;color:#203040;border:1px solid #e3eaf0;border-radius:18px;padding:20px;margin-bottom:14px;box-shadow:0 3px 10px #23385103}.employee-task-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.employee-car{font-size:18px;font-weight:700;letter-spacing:.5px}.employee-state{font-size:11px;padding:6px 8px;background:#eef3f7;color:#586e80;border-radius:7px}.employee-state.working{background:#fff0e8;color:#cf4924}.employee-state.inspection{background:#e7f3fc;color:#0066b1}.employee-task h3{font-size:14px;margin:16px 0 7px}.employee-task p{font-size:11px;color:#7a8792;margin:0 0 16px}.employee-progress-row{display:flex;gap:12px;align-items:center;font-size:10px;color:#758697}.employee-progress-row progress{width:100%;height:5px;flex:1;accent-color:#0066b1;border:0;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:#eaf0f5}progress::-webkit-progress-value{background:#0066b1;border-radius:4px}.employee-next{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #f0f3f6;margin-top:16px;padding-top:14px;font-size:11px}.employee-next span{line-height:1.6}.employee-next b{color:#e94c24;white-space:nowrap}.employee-empty{background:white;padding:24px;border-radius:18px;line-height:1.8;color:#6b7b8b}
.employee-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.employee-menu button{display:grid;justify-items:center;align-content:center;text-align:center;gap:10px;padding:16px 4px;background:#f2f7fb;border:0;border-radius:12px;color:#315b7e;font-size:12px}
[data-terminal=app] .desktop-orders{display:none}[data-terminal=app] .mobile-orders{display:grid;gap:12px}[data-terminal=app] .cards,[data-terminal=app] .grid-main,[data-terminal=app] .form-grid{grid-template-columns:1fr}[data-terminal=app] .stats{grid-template-columns:1fr 1fr}[data-terminal=app] .span2{grid-column:auto}[data-terminal=app] .filter{flex-wrap:wrap}[data-terminal=app] .heading{align-items:flex-start;gap:10px}[data-terminal=app] h1{font-size:24px}[data-terminal=app] .heading p{font-size:12px;line-height:1.7}[data-terminal=app] .btn{min-height:42px;border-radius:10px}[data-terminal=app] .btn.ghost,[data-terminal=app] .btn.secondary{color:#0066b1}[data-terminal=app] .table-wrap{overflow:auto}[data-terminal=app] dialog{width:calc(100% - 24px);max-width:536px;max-height:92dvh;border-radius:20px}[data-terminal=app] .login{display:block;min-height:100vh}[data-terminal=app] .login-art{padding:30px;min-height:260px;background:#0066b1}[data-terminal=app] .login-art h1{font-size:26px}[data-terminal=app] .login-art p,[data-terminal=app] .login-features{display:none}[data-terminal=app] .login-form{padding:32px 26px}[data-terminal=app] .login-form form{width:100%}[data-terminal=app] #toast{bottom:90px}
@media print{[data-terminal=app] body{max-width:none}[data-terminal=app] .bottom-nav{display:none}}
.intake-tabs{display:flex;gap:8px;padding:5px;background:#edf2f7;border-radius:12px;margin-bottom:18px}.intake-tabs button{flex:1;border:0;background:none;color:#687c8f;padding:12px;border-radius:9px}.intake-tabs button.active{background:white;color:#df4c25;box-shadow:0 2px 6px #20364b10;font-weight:600}#order-form fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}#intake-results{max-height:230px;overflow:auto;border:1px solid #e3eaf0;border-radius:12px}.customer-choice{display:flex;align-items:center;gap:12px;padding:14px;margin:0;border-bottom:1px solid #eef2f5;cursor:pointer}.customer-choice:last-child{border:0}.customer-choice input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:#0066b1}.customer-choice small{display:block;color:#72808e;font-size:11px;margin-top:6px;line-height:1.6}.customer-choice:has(input:checked){background:#edf6fd}.current-store{font-size:12px;color:#536c81;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[hidden]{display:none!important}
.customer-cards{padding:0 16px 16px}.customer-card{padding:18px 0;border-top:1px solid #e5ebf1}.customer-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.customer-card-head strong{font-size:15px}.customer-card-head span{font-size:12px;color:#61778a}.customer-vehicle{display:flex;gap:14px;align-items:center;background:#f4f8fb;padding:15px;border-radius:12px;margin-top:14px}.customer-vehicle>.ac-icon{color:#0066b1;width:30px;height:30px}.customer-vehicle small{display:block;color:#718091;margin-top:6px;font-size:12px}#customer-search{min-width:0;flex:1;width:100%}.customer-card .actions{justify-content:space-between}
.photo-sync{font-size:11px;color:#627f92;line-height:1.7}.photo-zoom{background:none;border:0;padding:0;cursor:zoom-in}.photo-zoom.expanded{width:100%;cursor:zoom-out}.photos .photo-zoom.expanded img{width:100%;height:auto;max-height:65vh;object-fit:contain}
/* Quiet service lists: search first, one-line status navigation, independent cards. */
.order-searchbox{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:0 14px}.order-searchbox>.ac-icon{width:20px;height:20px;color:#8b9baa}.order-searchbox input{border:0;background:none;outline:none;box-shadow:none;flex:1;min-width:0;padding:14px 0;font-size:13px}.order-searchbox:focus-within{border-color:#0066b1}.order-statusbar{overflow-x:auto;scrollbar-width:thin;margin:8px 0 18px}.order-statusbar .tabs{display:flex;flex-wrap:nowrap;gap:21px;width:max-content;padding:0 3px;border:0}.order-statusbar .tab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:#7a8794;padding:14px 0 12px;font-size:12px;white-space:nowrap;min-height:44px}.order-statusbar .tab.active{color:#0066b1;background:none;border-bottom-color:#0066b1;font-weight:600}.order-statusbar small{font-size:10px;margin-left:4px;color:#8495a5}.mobile-order-meta{display:flex;gap:14px;color:#8996a1;font-size:10px;margin:0 0 14px}.order-center .table-wrap{background:white;border:1px solid #e5ebf0;border-radius:12px}
[data-terminal=app] body{background:#f6f8fa}[data-terminal=app] .main{padding-left:18px;padding-right:18px}[data-terminal=app] .topbar{height:56px;margin-bottom:20px;border-bottom:0}[data-terminal=app] .crumb{color:#80909e;font-size:10px}[data-terminal=app] .heading{align-items:center;margin-bottom:20px}[data-terminal=app] .heading .eyebrow{display:none}[data-terminal=app] .heading h1{font-size:23px;letter-spacing:-.5px;margin:0 0 7px}[data-terminal=app] .heading p{font-size:11px;color:#8a96a2;margin:0;max-width:220px}[data-terminal=app] .heading>.btn{font-size:12px;min-height:40px;padding:10px 13px;border-radius:11px;white-space:nowrap;background:#ed572f;box-shadow:none}[data-terminal=app] .order-center .mobile-orders{gap:12px}[data-terminal=app] .order-center .mobile-order{border:1px solid #e7ecf1;border-radius:15px;background:#fff;padding:18px;text-align:left;box-shadow:0 2px 8px #28415303}[data-terminal=app] .mobile-order-top strong{font-size:18px;letter-spacing:.3px;color:#243446}[data-terminal=app] .mobile-order p{font-size:13px;margin:13px 0 10px;color:#425a70}[data-terminal=app] .mobile-order-bottom{border-top:1px solid #f0f3f6;padding-top:12px;align-items:center}[data-terminal=app] .mobile-order-bottom small{font-size:10px;color:#8996a2;line-height:1.6}[data-terminal=app] .mobile-order-bottom>span{font-size:11px;color:#0066b1;white-space:nowrap}[data-terminal=app] .badge{font-size:10px;border-radius:6px;padding:5px 7px;background:#f0f4f7;color:#7b8c9c}[data-terminal=app] .badge.working{background:#fff2ea;color:#c96339}[data-terminal=app] .badge.ready,[data-terminal=app] .badge.inspection{background:#edf5fc;color:#3779ac}[data-terminal=app] .top-right select{background:white;border:1px solid #e8edf2;border-radius:9px;box-shadow:none;padding:8px}
/* Shared density, hierarchy and touch targets across all operational pages. */
:root{--line:#e6ecf1;--muted:#758493}.panel,.template-card{border-color:var(--line);box-shadow:0 2px 10px #203e5703;border-radius:15px}.panel-head{padding:19px 22px}.panel-head h2{font-size:16px;font-weight:600}.panel-body{padding:20px 22px}.notice{background:#f1f6fa;color:#667d91;border:1px solid #e6eef5;border-radius:11px}.btn.secondary{background:#edf5fb;border:1px solid #dceaf5;color:#286e9f}.btn.ghost{background:transparent}.dialog-head{border-bottom:1px solid #eef2f6}.dialog-head h2{font-size:18px}.form-grid{gap:16px}label{line-height:1.7}input,select,textarea{border-color:#dfe7ee;border-radius:10px}input:focus,select:focus,textarea:focus{outline:2px solid #0066b120;border-color:#72a8d0}.task-step{border-color:#e6edf3;border-radius:12px}.task-step p{color:#738394;line-height:1.8}.workflow{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}.workflow span{white-space:nowrap}.workflow .current{background:#eaf4fc;color:#0066b1}.supplier-main{max-width:1120px;padding:30px 24px;margin:auto}.supplier-main>.brand{margin-bottom:22px}.supplier-main .heading h1{font-size:25px}.actions{row-gap:10px}
[data-terminal=app] .panel-head,[data-terminal=app] .panel-body{padding:16px}[data-terminal=app] .purchase-row{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:16px 0}[data-terminal=app] .purchase-row>div{min-width:0;max-width:100%}[data-terminal=app] .purchase-row p{line-height:1.7;font-size:12px;color:#778a9b}[data-terminal=app] .actions{flex-wrap:wrap}[data-terminal=app] .actions .btn{font-size:12px;padding:10px 12px}[data-terminal=app] .template-card{padding:18px}[data-terminal=app] .template-card h2{font-size:17px}[data-terminal=app] .stat{padding:16px;border-radius:14px}[data-terminal=app] .stat strong{font-size:24px}[data-terminal=app] .responsive-table,[data-terminal=app] .responsive-table tbody{display:block;white-space:normal;width:100%}[data-terminal=app] .responsive-table thead{display:none}[data-terminal=app] .responsive-table tr{display:block;padding:13px 16px;border-bottom:1px solid #e9eef3}[data-terminal=app] .responsive-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;border:0;padding:8px 0;font-size:12px;text-align:left;overflow-wrap:anywhere}[data-terminal=app] .responsive-table td:before{content:attr(data-label);color:#8a98a6;font-weight:400}[data-terminal=app] .responsive-table td>small{grid-column:2}[data-terminal=app] .responsive-table td>.btn{grid-column:2;justify-self:start}[data-terminal=app] .responsive-table td>strong{font-weight:600}[data-terminal=app] .detail-summary{flex-wrap:wrap}[data-terminal=app] .dialog-body{padding:18px}[data-terminal=app] .dialog-head{padding:18px}[data-terminal=app] .purchase-line{display:grid;grid-template-columns:1fr 1fr;gap:10px}[data-terminal=app] .purchase-line label:first-child{grid-column:1/-1}
@media(max-width:600px){.supplier-main{padding:20px 16px}.supplier-main .cards{grid-template-columns:1fr}.supplier-main .heading{align-items:flex-start;gap:12px}.supplier-main .purchase-row{flex-wrap:wrap;gap:12px}}
@media print{.responsive-table thead{display:table-header-group!important}.responsive-table,.responsive-table tbody{display:table!important}.responsive-table tr{display:table-row!important}.responsive-table td{display:table-cell!important}.responsive-table td:before{display:none!important}}
.intake-store{font-size:11px;color:#81909e;margin:0 0 18px}.plate-entry input{font-size:18px;font-weight:600;letter-spacing:.8px;background:#f8fbfd;border-color:#cedfea;min-height:52px}.plate-entry input::placeholder{font-size:13px;font-weight:400;letter-spacing:0}.intake-match-card{background:#f0f7fc;border:1px solid #deecf7;border-radius:12px;padding:16px;margin:12px 0 20px}.intake-match-card h3{font-size:15px;margin:12px 0 8px}.intake-match-card p,.intake-match-card small{color:#688093;font-size:12px;line-height:1.7}.intake-phone-match{font-size:12px;line-height:1.7;color:#527b99}.intake-phone-match p{margin:5px 0}.intake-phone-match strong{color:#0066b1}
/* Keep the modal's four corners clear; scroll content inside the rounded shell. */
[data-terminal=app] dialog{overflow:hidden;border-radius:22px;isolation:isolate}
[data-terminal=app] dialog[open]{display:flex;flex-direction:column}
[data-terminal=app] dialog>.dialog-head{position:relative;flex:0 0 auto;border-radius:22px 22px 0 0}
[data-terminal=app] dialog>.dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 7px 10px 0;scrollbar-width:thin;scrollbar-color:#c2ccd5 transparent}
[data-terminal=app] dialog>.dialog-body::-webkit-scrollbar{width:5px}
[data-terminal=app] dialog>.dialog-body::-webkit-scrollbar-track{background:transparent}
[data-terminal=app] dialog>.dialog-body::-webkit-scrollbar-thumb{background:#c2ccd5;border-radius:99px}
[data-terminal=app] dialog>.dialog-body::-webkit-scrollbar-button{display:none;width:0;height:0}
.vin-tools{padding:16px;border:1px solid #dce6ef;border-radius:16px;background:#f7fafd}.vin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.vin-actions label{margin:0;cursor:pointer}.vin-candidate{display:block;width:100%;padding:14px;margin-top:8px;text-align:left;border:1px solid #cddfeb;border-radius:12px;background:white;color:#174568;line-height:1.6}.vin-candidate:disabled{opacity:.65;cursor:default}#vin-result{font-size:14px;line-height:1.7;overflow-wrap:anywhere}