:root {
  --bg:#f3f5f8; --surface:#fff; --surface-2:#f8fafc; --surface-3:#eef2f6;
  --text:#111827; --muted:#667085; --line:#e2e7ee; --brand:#246bfd; --brand-dark:#1956d8;
  --success:#16803c; --warning:#b45309; --danger:#c52c24; --nav:#101827;
  --shadow:0 18px 50px rgba(15,23,42,.10); --radius:17px; --sidebar:258px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
button,input,select,textarea{font:inherit}button{cursor:pointer}small{color:var(--muted)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;background:var(--nav);color:white;display:flex;flex-direction:column;gap:13px}
.brand{display:flex;align-items:center;gap:11px;padding:5px 8px 8px}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#4389ff,#1555d8);font-weight:900;box-shadow:0 8px 20px rgba(36,107,253,.3)}
.brand strong,.brand small{display:block}.brand small{color:#91a0b5;margin-top:2px}
.branch-mini{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.06);padding:10px 11px;border-radius:12px}
.branch-mini strong,.branch-mini small{display:block;font-size:12px}.branch-mini small{color:#93a1b5;margin-top:2px}.live-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.12)}
.nav{display:grid;gap:4px;overflow:auto}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6f8199;padding:12px 12px 4px}
.nav button{border:0;background:transparent;color:#c7d0dd;padding:10px 12px;border-radius:10px;text-align:left;display:flex;gap:10px;align-items:center;font-weight:600}
.nav button span{width:20px;text-align:center;font-size:17px}.nav button:hover,.nav button.active{background:rgba(255,255,255,.095);color:white}.nav button.active{box-shadow:inset 3px 0 0 #4389ff}
.sidebar-footer{margin-top:auto;display:grid;gap:9px}.mode-card{background:rgba(255,255,255,.075);padding:12px;border-radius:13px}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-card strong,.mode-card small{display:block;font-size:12px}.mode-card small{color:#92a1b5;margin-top:3px}
.switch{width:42px;height:24px;border-radius:999px;background:#475569;padding:3px;border:0;flex:0 0 auto}.switch:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--brand)}.switch.on:after{transform:translateX(18px)}
.role-card{border:0;width:100%;background:transparent;color:white;display:grid;grid-template-columns:36px 1fr auto;align-items:center;text-align:left;gap:9px;padding:8px;border-radius:12px}.role-card:hover{background:rgba(255,255,255,.07)}
.role-avatar{width:36px;height:36px;border-radius:11px;background:#263248;display:grid;place-items:center;font-size:11px;font-weight:800}.role-card strong,.role-card small{display:block;font-size:11px}.role-card small{color:#8493a8;margin-top:2px}
.main{min-width:0}.topbar{height:72px;background:rgba(255,255,255,.91);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:11px 24px;position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:20px;white-space:nowrap}
.mobile-brand{display:none}.search{flex:1;max-width:630px;position:relative}.search input{width:100%;border:1px solid var(--line);background:#f7f9fc;border-radius:12px;padding:11px 14px 11px 39px;outline:none}.search input:focus{border-color:#93b5f7;box-shadow:0 0 0 3px rgba(36,107,253,.1)}.search>span{position:absolute;left:13px;top:9px;color:#78869a;font-size:20px}
.top-actions{margin-left:auto;display:flex;gap:9px}.content{padding:23px 25px 42px;max-width:1680px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:19px}.page-head h2{margin:2px 0 5px;font-size:27px;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7a8798;font-weight:800}.head-actions{display:flex;gap:8px}
.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 13px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:#cbd3de;box-shadow:0 5px 16px rgba(15,23,42,.06)}.btn.primary{background:var(--brand);color:white;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-dark)}.btn.danger{color:var(--danger)}.btn.small{padding:7px 10px;font-size:12px}.btn.full{width:100%;margin-top:10px}.icon-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:white;font-size:22px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 2px 10px rgba(15,23,42,.025);position:relative;overflow:hidden}.kpi.accent:before,.kpi.positive:before,.kpi.danger-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand)}.kpi.positive:before{background:var(--success)}.kpi.danger-kpi:before{background:var(--danger)}.kpi-label{color:var(--muted);font-size:12px;font-weight:650}.kpi-value{font-size:27px;font-weight:850;letter-spacing:-.02em;margin-top:5px}.kpi-foot{font-size:11px;color:var(--muted);margin-top:7px}.compact-kpis .kpi{padding:14px 16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 12px rgba(15,23,42,.025);overflow:hidden}.card-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3{margin:0;font-size:15px}.card-head small{display:block;margin-top:3px}.card-body{padding:15px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.65fr);gap:15px}.span-2{grid-row:auto}.workflow-card{min-width:0}.side-stack{display:grid;gap:15px;align-content:start}
.attention-panel{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;background:linear-gradient(90deg,#fff7ed,#fff);border:1px solid #fed7aa;padding:12px 14px;border-radius:14px;margin-bottom:15px}.attention-counter{width:37px;height:37px;border-radius:11px;background:#ffedd5;color:#9a3412;display:grid;place-items:center;font-weight:900}.attention-panel strong,.attention-panel span{display:block}.attention-panel span{color:#8b5b34;font-size:12px;margin-top:2px}.attention-button{background:transparent;border-color:#fdba74;color:#9a3412}
.attention-list,.compact-list,.capacity-list{display:grid;gap:9px}.attention{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:11px;background:var(--surface-2)}.dot{width:9px;height:9px;border-radius:50%;background:var(--warning)}.dot.red{background:var(--danger)}.dot.green{background:var(--success)}.attention small{display:block;margin-top:3px}.big-money{font-size:33px;font-weight:900;letter-spacing:-.03em}.muted{color:var(--muted);font-size:12px}.finance-breakdown{border-top:1px solid var(--line);margin-top:17px;padding-top:10px;display:grid;gap:9px}.finance-breakdown>div{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.finance-breakdown strong{color:var(--text)}
.capacity-row{display:grid;grid-template-columns:minmax(95px,1fr) 1.5fr 38px;align-items:center;gap:9px;font-size:12px}.capacity-row strong,.capacity-row small{display:block}.capacity-row small{margin-top:2px}.capacity-bar{height:7px;background:#e8edf3;border-radius:999px;overflow:hidden}.capacity-bar span{display:block;height:100%;background:linear-gradient(90deg,#4c8fff,#246bfd);border-radius:999px}.capacity-row b{text-align:right}
.schedule-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}.schedule-row:last-child{border-bottom:0}.schedule-row time{font-weight:850;color:#344054}.schedule-row strong,.schedule-row small{display:block;font-size:12px}.schedule-row small{margin-top:2px}
.kanban{display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:11px;overflow-x:auto;padding-bottom:5px}.column{min-width:210px;background:#eef2f6;border-radius:13px;padding:9px}.column-head{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 9px;font-weight:800;font-size:12px;color:#3e4a5d}.count{background:#fff;padding:2px 7px;border-radius:999px;color:var(--muted)}.column-empty{padding:24px 5px;text-align:center;color:#98a2b3;font-size:12px}
.order-card{background:#fff;border:1px solid #dfe5ed;border-radius:12px;padding:11px;margin-bottom:8px;box-shadow:0 2px 7px rgba(15,23,42,.035);transition:.15s}.order-card:hover{border-color:#aebdd1;transform:translateY(-1px);box-shadow:0 6px 15px rgba(15,23,42,.07)}.order-card.needs-attention{border-left:3px solid #e89a36}.order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.order-id{font-size:11px;color:var(--muted)}.order-car{font-weight:850;margin:3px 0 5px}.plate-tag{display:inline-flex;border:1px solid #cfd6df;border-radius:5px;padding:2px 5px;background:#fff;font-size:11px;font-weight:850;letter-spacing:.03em}.money{font-weight:850;font-size:13px}.order-problem{font-size:12px;margin-top:9px;line-height:1.35;color:#374151}.order-alert{font-size:10px;color:#9a3412;background:#fff7ed;border-radius:7px;padding:6px 7px;margin-top:8px}.mini-progress{height:4px;border-radius:999px;background:#e8edf3;overflow:hidden;margin-top:9px}.mini-progress span{display:block;height:100%;background:var(--brand)}.order-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.chip{font-size:10px;padding:4px 7px;border-radius:999px;background:#eef2ff;color:#3730a3;white-space:nowrap}.chip.warn{background:#fff3e8;color:#a3410d}.chip.ok{background:#eaf8ef;color:#146c36}.chip.gray{background:#f0f3f7;color:#566275}.status-pill{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:11px;font-weight:750;background:#eef2f7;color:#475467}.status-approval,.status-parts{background:#fff5e8;color:#9a4d0b}.status-repair,.status-diagnostics{background:#eaf2ff;color:#2358aa}.status-ready{background:#eaf8ef;color:#166534}.status-delivered{background:#f2f4f7;color:#667085}
.filterbar{display:flex;align-items:center;gap:7px;margin-bottom:12px}.filter{border:1px solid var(--line);background:white;padding:8px 10px;border-radius:9px;font-weight:700;color:#596579}.filter.active{background:#eaf2ff;border-color:#bfd2fa;color:#1e5bc6}.filter b{background:rgba(0,0,0,.06);padding:1px 5px;border-radius:999px;margin-left:4px}.filter-spacer{flex:1}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#7a8798;padding:11px 13px;background:var(--surface-2);border-bottom:1px solid var(--line)}td{padding:12px 13px;border-bottom:1px solid var(--line);font-size:13px}td small,td strong{display:block}td small{margin-top:3px}tbody tr:hover{background:#fbfcfe}tbody tr:last-child td{border-bottom:0}.danger-text{color:var(--danger)!important}.positive-text{color:var(--success)!important}.client-cell{display:flex;align-items:center;gap:9px}.client-avatar{width:34px;height:34px;background:#edf3ff;color:#2864d5;border-radius:10px;display:grid;place-items:center;font-weight:850}.car-line{display:block;margin:2px 0}
.simple-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.step{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px}.step b:first-child{width:28px;height:28px;border-radius:9px;background:#eef2f7;display:grid;place-items:center;color:#667085}.step.done b:first-child{background:#eaf8ef;color:#166534}.parts-simple{display:grid;gap:8px}.parts-simple-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--surface-2);border-radius:11px}.parts-simple-row strong,.parts-simple-row small{display:block}.parts-simple-row small{margin-top:3px}.parts-state{display:flex;align-items:center;gap:8px}
.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.segmented{display:flex}.segmented button{border:1px solid var(--line);background:#fff;padding:8px 11px;margin-left:-1px}.segmented button:first-child{border-radius:9px 0 0 9px}.segmented button:last-child{border-radius:0 9px 9px 0}.segmented button.active{background:#edf3ff;color:#1d5eca}.calendar-legend{display:flex;gap:13px;font-size:11px;color:var(--muted)}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:8px;height:8px;border-radius:3px;background:#4f8ef7}.calendar-legend i.orange{background:#e99a34}.calendar-legend i.green{background:#3bb267}
.calendar-grid{display:grid;grid-template-columns:72px repeat(5,1fr);min-width:900px}.calendar-cell{min-height:72px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px}.calendar-cell.header{min-height:auto;font-weight:800;background:var(--surface-2);padding:10px}.calendar-cell.time{font-size:11px;color:var(--muted);text-align:center}.appointment{background:#eaf2ff;border-left:3px solid var(--brand);padding:7px;border-radius:7px;font-size:11px}.appointment strong,.appointment span{display:block}.appointment span{margin-top:2px;color:#5270a0}
.mechanic-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.55fr);gap:15px}.active-job{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.mechanic-hero{background:linear-gradient(120deg,#101a2b,#172842);color:#fff;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.mechanic-hero h2{margin:9px 0 5px;font-size:27px}.mechanic-hero p{margin:0;color:#b7c3d4}.timer{text-align:right}.timer small,.timer strong{display:block}.timer small{color:#9db0c8}.timer strong{font-size:32px;font-variant-numeric:tabular-nums;margin:3px 0 9px}.job-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.job-facts>div{background:#fff;padding:13px 16px}.job-facts span,.job-facts strong{display:block}.job-facts span{font-size:10px;color:var(--muted);margin-bottom:4px}.work-section{padding:19px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.section-title h3{margin:0}.section-title span{font-size:11px;color:var(--muted)}.task-list{display:grid;gap:8px}.task-row{display:grid;grid-template-columns:1px 32px 1fr;align-items:center;gap:9px;background:#f8fafc;border:1px solid var(--line);padding:11px;border-radius:11px}.task-row input{opacity:0}.fake-check{width:27px;height:27px;border:2px solid #cfd7e3;border-radius:8px;display:grid;place-items:center;color:transparent}.task-row.checked{background:#f2fbf5;border-color:#c7ead2}.task-row.checked .fake-check{background:var(--success);border-color:var(--success);color:white}.task-row.checked strong{text-decoration:line-through;color:#63736b}.mechanic-actions{padding:0 19px 19px;display:flex;gap:8px;flex-wrap:wrap}.mechanic-actions .primary{margin-left:auto}.queue-card{display:grid;grid-template-columns:44px 1fr;gap:9px;padding:11px;background:#f8fafc;border-radius:11px}.queue-card time{font-weight:850}.queue-card strong,.queue-card small{display:block}.queue-card .chip{grid-column:2;justify-self:start}
.chart-bars{height:240px;display:grid;grid-template-columns:repeat(14,1fr);align-items:end;gap:8px;padding-top:10px}.chart-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.chart-bars span{display:block;width:100%;max-width:34px;background:linear-gradient(180deg,#5b96ff,#246bfd);border-radius:6px 6px 2px 2px}.chart-bars small{font-size:9px}.funnel{display:grid;gap:8px}.funnel>div{display:flex;justify-content:space-between;padding:11px;border-radius:9px;background:#edf3ff}.funnel>div:nth-child(2){margin:0 7px}.funnel>div:nth-child(3){margin:0 14px}.funnel>div:nth-child(4){margin:0 21px;background:#eaf8ef}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.settings-grid .span-2{grid-column:1/-1}.setting-list{display:grid;gap:11px}.setting-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px;font-size:13px}.setting-list>div:last-child{border-bottom:0}.setting-feature{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.setting-feature:last-child{border-bottom:0}.setting-feature strong,.setting-feature small{display:block}.setting-feature small{margin-top:3px}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.integration-card{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:11px}.integration-icon{width:38px;height:38px;border-radius:10px;background:#edf3ff;color:#2864d5;display:grid;place-items:center;font-size:10px;font-weight:900}.integration-card strong,.integration-card small{display:block}.integration-card small{margin-top:2px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.role-box{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:11px}.role-box>span{width:34px;height:34px;border-radius:10px;background:#f0f3f7;display:grid;place-items:center;font-weight:850}.role-box strong,.role-box small{display:block}.role-box small{margin-top:2px}
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:30;display:grid;place-items:center;padding:18px}.modal{width:min(760px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:19px;box-shadow:var(--shadow)}.modal-wide{width:min(900px,100%)}.modal-order{width:min(1120px,100%)}.modal-head,.modal-foot{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head{border-bottom:1px solid var(--line)}.modal-head h3{margin:2px 0 0}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-head-actions{display:flex;align-items:center;gap:8px}.modal-body{padding:17px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end}.form-hint{margin-right:auto;color:var(--muted);font-size:11px;max-width:380px}
.form-section{padding:2px 0 18px;margin-bottom:16px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0;margin-bottom:0}.form-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.form-section-title>span{width:29px;height:29px;border-radius:9px;background:#edf3ff;color:#1d5eca;display:grid;place-items:center;font-weight:850}.form-section-title strong,.form-section-title small{display:block}.form-section-title small{margin-top:2px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;outline:none;background:white}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7fa8f5;box-shadow:0 0 0 3px rgba(36,107,253,.11)}.input-action{display:flex;gap:7px}.input-action input{flex:1}
.order-stagebar{display:grid;grid-template-columns:repeat(8,1fr);gap:0;padding:13px 20px;border-bottom:1px solid var(--line);background:#f9fafc}.order-stagebar>div{position:relative;text-align:center}.order-stagebar>div:before{content:"";position:absolute;top:13px;left:0;right:0;height:2px;background:#dfe5ed}.order-stagebar>div:first-child:before{left:50%}.order-stagebar>div:last-child:before{right:50%}.order-stagebar span{position:relative;z-index:1;width:27px;height:27px;border-radius:50%;background:#e8edf3;color:#768397;display:grid;place-items:center;margin:auto;font-size:11px;font-weight:850}.order-stagebar small{display:block;font-size:9px;margin-top:5px}.order-stagebar .done:before,.order-stagebar .current:before{background:#77a2f5}.order-stagebar .done span{background:var(--success);color:white}.order-stagebar .current span{background:var(--brand);color:white;box-shadow:0 0 0 4px rgba(36,107,253,.13)}
.order-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.6fr);gap:15px;background:#f6f8fb}.inline-alert{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;background:#fff7ed;border:1px solid #fed7aa;padding:11px;border-radius:11px;margin-bottom:11px}.inline-alert p{margin:2px 0 0;color:#9a5c25;font-size:12px}.order-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:11px}.order-summary-grid>div{padding:11px;border-right:1px solid var(--line)}.order-summary-grid>div:last-child{border-right:0}.order-summary-grid span,.order-summary-grid strong{display:block}.order-summary-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}
.workspace-card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:11px;overflow:hidden}.workspace-title{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid var(--line)}.workspace-title h4{margin:0}.workspace-title small{display:block;margin-top:2px}.complaint,.diagnostic-note{padding:12px 13px}.complaint{border-bottom:1px solid var(--line)}.complaint span,.diagnostic-note span{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:750}.complaint p,.diagnostic-note p{margin:5px 0 0;line-height:1.45}.line-item{display:flex;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid var(--line)}.line-item:last-child{border-bottom:0}.line-item strong,.line-item small{display:block}.line-item small{margin-top:3px}
.order-side{display:grid;gap:10px;align-content:start}.summary-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.summary-box>p{font-size:12px;line-height:1.4;color:var(--muted)}.summary-row{display:flex;justify-content:space-between;gap:10px;margin:7px 0;font-size:12px}.summary-row.total{border-top:1px solid var(--line);padding-top:10px;font-size:17px;font-weight:850}.vehicle-box span,.vehicle-box strong,.vehicle-box small{display:block}.vehicle-box strong{margin:5px 0}.link-button{border:0;background:transparent;color:#1d5eca;padding:8px 0 0;font-weight:750;font-size:11px}
.mobile-nav{display:none}.toast{position:fixed;right:20px;bottom:20px;background:#111827;color:white;padding:12px 15px;border-radius:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:60;box-shadow:0 12px 35px rgba(0,0,0,.2)}.toast.show{opacity:1;transform:none}

@media(max-width:1250px){
  .kanban{grid-template-columns:repeat(6,205px)}
  .role-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1050px){
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-grid,.mechanic-layout{grid-template-columns:1fr}
  .side-stack{grid-template-columns:repeat(2,1fr)}
  .mechanic-queue{order:2}
}
@media(max-width:820px){
  .app-shell{display:block;padding-bottom:70px}.sidebar{display:none}.topbar{height:62px;padding:9px 12px;gap:9px}.topbar h1{display:none}.mobile-brand{display:block}.mobile-brand .brand-mark{width:36px;height:36px}.search{max-width:none}.search input{font-size:13px}.content{padding:15px 12px 28px}.page-head{align-items:center}.page-head h2{font-size:21px}.page-head p,.page-head .eyebrow{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{padding:12px}.kpi-value{font-size:21px}.attention-panel{grid-template-columns:34px 1fr}.attention-panel .btn{grid-column:1/-1;width:100%}.side-stack{grid-template-columns:1fr}.form-grid,.order-workspace{grid-template-columns:1fr}.order-stagebar{overflow:auto;grid-template-columns:repeat(8,90px)}.order-summary-grid{grid-template-columns:repeat(2,1fr)}.order-summary-grid>div:nth-child(2){border-right:0}.job-facts{grid-template-columns:repeat(2,1fr)}.mechanic-hero{align-items:flex-start}.timer strong{font-size:25px}.settings-grid{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}.integrations-grid{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}.simple-steps{grid-template-columns:repeat(2,1fr)}.calendar-legend{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:#fff;padding:8px 3px 7px;color:var(--muted);font-size:9px;display:grid;place-items:center;gap:2px}.mobile-nav button.active{color:var(--brand);font-weight:800}.mobile-nav span{font-size:18px}.top-actions .secondary-action{display:none}.modal-backdrop{padding:0;align-items:end}.modal{width:100%;max-height:94vh;border-radius:19px 19px 0 0}.modal-foot{position:sticky;bottom:0;background:#fff}.form-hint{display:none}
}
@media(max-width:520px){
  .kpi-grid{grid-template-columns:1fr 1fr}.desktop-label{display:none}.page-head{margin-bottom:13px}.head-actions .btn:not(.primary){display:none}.mechanic-hero{display:block}.timer{text-align:left;margin-top:20px}.mechanic-actions{display:grid;grid-template-columns:1fr 1fr}.mechanic-actions .primary{margin-left:0;grid-column:1/-1}.role-grid{grid-template-columns:1fr}.parts-simple-row{align-items:flex-start;display:grid}.parts-state{justify-content:space-between}.filterbar{overflow:auto}.filter-spacer{display:none}
}


/* v3 — workflow depth, safeguards and actionable details */
.top-bell{position:relative;background:#f3f6fa;border:1px solid var(--line)}.top-bell b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:9px;background:#e5484d;color:#fff;display:grid;place-items:center;font-size:9px;border:2px solid #fff}.shortcut-hint{position:fixed;right:18px;bottom:16px;z-index:12;background:rgba(17,24,39,.86);color:#fff;border-radius:8px;padding:6px 9px;font-size:9px;opacity:.55;pointer-events:none}.order-next{display:grid;grid-template-columns:8px 1fr;gap:7px;margin:9px 0;padding:8px;border-radius:9px;background:#f7f9fc}.order-next b,.order-next small{display:block}.order-next b{font-size:10px}.order-next small{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.3}.risk-dot{width:7px;height:7px;border-radius:50%;margin-top:3px}.risk-dot.high{background:#e5484d}.risk-dot.medium{background:#f59e0b}.risk-dot.low{background:#36a269}.order-card.risk-high{border-color:#f0b4b6}.order-card.risk-medium{border-color:#f2d49c}
.task-board{display:grid;gap:10px}.task-card{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-left:4px solid #93a0b3;border-radius:12px;padding:14px 15px;box-shadow:0 4px 16px rgba(19,33,68,.035);cursor:pointer}.task-card:hover{box-shadow:0 8px 22px rgba(19,33,68,.08);transform:translateY(-1px)}.task-card.task-high{border-left-color:#e5484d}.task-card.task-medium{border-left-color:#f59e0b}.task-card.task-low{border-left-color:#36a269}.task-priority{font-size:10px;text-transform:uppercase;font-weight:850;display:flex;align-items:center;gap:7px}.task-priority span{width:8px;height:8px;border-radius:50%;background:currentColor}.task-high .task-priority{color:#c43136}.task-medium .task-priority{color:#b56a00}.task-low .task-priority{color:#268450}.task-main p{margin:4px 0;font-size:12px}.task-main small{color:var(--muted)}
.empty-state{text-align:center;padding:38px 20px;color:var(--muted)}.empty-state>b{font-size:28px;color:#92a0b3}.empty-state h3{margin:8px 0 4px;color:var(--text)}.empty-state p{margin:0}.empty-state.small{padding:18px}.draft-banner{display:flex;align-items:center;gap:9px;background:#eef9f2;border:1px solid #c9ead5;border-radius:10px;padding:9px 11px;margin-bottom:15px}.draft-banner>span{width:26px;height:26px;border-radius:8px;background:#36a269;color:#fff;display:grid;place-items:center}.draft-banner strong,.draft-banner small{display:block}.draft-banner small{color:#3d7550;margin-top:2px}.duplicate-hint{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;background:#edf3ff;border:1px solid #c8d9fb;border-radius:10px;padding:10px;margin-bottom:10px}.duplicate-hint>span{font-size:19px}.duplicate-hint strong,.duplicate-hint small{display:block}.capacity-hint{padding:9px 11px;border-radius:9px;background:#f7f8fa;color:var(--muted);font-size:11px}
.order-tabs{display:flex;padding:0 19px;border-bottom:1px solid var(--line);background:#fff;gap:4px}.order-tab{border:0;background:transparent;padding:11px 12px;color:var(--muted);font-size:12px;font-weight:750;border-bottom:2px solid transparent}.order-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.inline-alert.soft{background:#fffbeb;border-color:#fde68a}.process-checks{display:grid;grid-template-columns:repeat(4,1fr);padding:13px;gap:8px}.process-checks>div{border:1px solid var(--line);border-radius:10px;padding:10px}.process-checks span{display:grid;width:24px;height:24px;border-radius:8px;background:#edf0f4;color:#8994a5;place-items:center;margin-bottom:8px}.process-checks b,.process-checks small{display:block}.process-checks b{font-size:11px}.process-checks small{font-size:9px;margin-top:3px}.process-checks .done{background:#f0faf4;border-color:#cae9d5}.process-checks .done span{background:#36a269;color:#fff}.line-item.rich{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center}.line-item.rich label input{display:none}.line-item.rich label span{width:22px;height:22px;border-radius:6px;background:#36a269;display:grid;place-items:center}.line-item.rich label span:after{content:'✓';color:#fff;font-size:11px}.items-footer{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.items-footer span,.items-footer strong{display:block}.items-footer strong{font-size:20px;margin-top:3px}.client-contact-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:13px;align-items:center;margin-bottom:11px}.client-contact-card h3,.client-contact-card p{margin:0}.client-contact-card p{color:var(--muted);margin-top:4px}.client-avatar.large{width:52px;height:52px;font-size:20px}.client-avatar.xl{width:68px;height:68px;font-size:27px}.contact-actions{display:flex;gap:7px;margin-top:12px}.promise-list{padding:12px}.promise-list>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.promise-list>div:last-child{border-bottom:0}.message-thread{padding:13px;display:grid;gap:8px}.message{max-width:78%;padding:9px 11px;border-radius:11px;font-size:11px;line-height:1.4}.message.system{max-width:100%;text-align:center;background:#f3f5f8;color:var(--muted)}.message.outgoing{justify-self:end;background:#dfeaff}.message.incoming{background:#eef1f5}.timeline{padding:8px 14px 15px}.timeline-row{display:grid;grid-template-columns:12px 70px 1fr;gap:9px;position:relative;padding:10px 0}.timeline-row>span{width:9px;height:9px;border-radius:50%;background:#77a2f5;margin-top:3px;z-index:1}.timeline-row:after{content:'';position:absolute;left:4px;top:18px;bottom:-10px;width:1px;background:#dfe5ed}.timeline-row:last-child:after{display:none}.timeline-row time{font-size:9px;color:var(--muted)}.timeline-row strong,.timeline-row p{display:block;margin:0}.timeline-row p{font-size:11px;margin-top:3px}
.client-profile{display:grid;grid-template-columns:270px 1fr;gap:15px;background:#f6f8fb}.client-profile>section{min-width:0}.client-profile-hero{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.client-profile-hero h2,.client-profile-hero p{margin:4px 0}.client-profile-hero p{color:var(--muted)}.client-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:10px;overflow:hidden}.client-stats>div{padding:11px;border-right:1px solid var(--line)}.client-stats>div:last-child{border-right:0}.client-stats span,.client-stats strong{display:block}.client-stats span{font-size:9px;color:var(--muted)}.client-stats strong{font-size:16px;margin-top:4px}.vehicle-row,.visit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid var(--line);cursor:pointer}.vehicle-row:last-child,.visit-row:last-child{border-bottom:0}.vehicle-row strong,.vehicle-row small,.visit-row strong,.visit-row small{display:block}.vehicle-row small,.visit-row small{margin-top:3px}
.payment-amount{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-bottom:16px}.payment-amount label{grid-column:1/-1;font-size:11px;color:var(--muted);font-weight:750}.payment-amount input{font-size:26px;font-weight:850;border:1px solid var(--line);border-radius:11px;padding:11px}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.payment-methods label,.approval-choice label,.issue-types label{border:1px solid var(--line);border-radius:11px;padding:12px;cursor:pointer;display:grid;gap:6px}.payment-methods input,.approval-choice input,.issue-types input{display:none}.payment-methods label:has(input:checked),.approval-choice label:has(input:checked),.issue-types label:has(input:checked){border-color:#74a2fb;background:#edf3ff;box-shadow:0 0 0 2px rgba(36,107,253,.08)}.payment-methods span{font-size:20px}.check-line{display:flex;gap:8px;align-items:flex-start;margin-top:16px;font-size:11px}.approval-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.approval-choice label{grid-template-columns:28px 1fr;align-items:center}.approval-choice label>span{width:26px;height:26px;border-radius:8px;background:#edf0f4;display:grid;place-items:center}.approval-choice strong,.approval-choice small{display:block}.approval-choice small{margin-top:2px}.quality-list{display:grid;gap:8px;margin-bottom:15px}.quality-row{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:11px;cursor:pointer}.quality-row input{display:none}.quality-row>span{width:24px;height:24px;border-radius:7px;background:#edf0f4;color:transparent;display:grid;place-items:center}.quality-row:has(input:checked){background:#f0faf4;border-color:#cae9d5}.quality-row:has(input:checked)>span{background:#36a269;color:#fff}.quality-row strong,.quality-row small{display:block}.quality-row small{margin-top:3px}.notification-list{padding:0}.notification-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid var(--line);cursor:pointer}.notification-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff3e0;color:#b56a00;font-weight:900}.notification-list strong,.notification-list p,.notification-list small{display:block;margin:0}.notification-list p{font-size:11px;margin-top:3px}.notification-list small{font-size:9px;margin-top:4px}.issue-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.issue-types label{text-align:center;place-items:center}.issue-types span{font-size:20px}
.btn:disabled{opacity:.48;cursor:not-allowed}.form-grid input:invalid:not(:placeholder-shown),.form-grid textarea:invalid:not(:placeholder-shown){border-color:#e99a9d}
@media(max-width:820px){.shortcut-hint{display:none}.task-card{grid-template-columns:1fr auto}.task-priority{grid-column:1/-1}.process-checks{grid-template-columns:1fr 1fr}.client-profile{grid-template-columns:1fr}.payment-methods,.issue-types{grid-template-columns:1fr 1fr}.approval-choice{grid-template-columns:1fr}.order-tabs{overflow:auto;padding:0 10px}.order-tab{white-space:nowrap}.line-item.rich{grid-template-columns:24px 1fr auto}.line-item.rich>strong{grid-column:2/-1;text-align:right}.notification-list article{grid-template-columns:34px 1fr}.notification-list article .btn{grid-column:2}.task-filters{position:sticky;top:61px;z-index:5;background:var(--bg);padding:7px 0}.top-bell{display:grid}.client-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.process-checks{grid-template-columns:1fr}.task-card{grid-template-columns:1fr}.task-card .btn{width:100%}.payment-methods,.issue-types{grid-template-columns:1fr 1fr}.items-footer{display:grid;gap:10px}.items-footer .btn{width:100%}.client-contact-card{align-items:flex-start}.contact-actions{display:grid;grid-template-columns:1fr 1fr}.payment-amount{grid-template-columns:1fr}.payment-amount .btn{width:100%}}

.draft-banner>.btn{margin-left:auto}.appointment[data-order]{cursor:pointer}.appointment[data-order]:hover{filter:brightness(.97);transform:translateY(-1px)}

/* v4: configurable service model, universal vehicle search, suppliers and catalog */
.quick-lookup{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid #bfd2fb;background:linear-gradient(135deg,#edf4ff,#f8fbff);border-radius:14px;margin-bottom:8px}.quick-lookup.compact{margin-bottom:14px}.lookup-icon{width:40px;height:40px;border-radius:11px;background:#246bfd;color:white;display:grid;place-items:center;font-size:22px}.quick-lookup label,.quick-lookup small{display:block}.quick-lookup label{font-size:12px;font-weight:850;margin-bottom:6px}.quick-lookup input{width:100%;border:1px solid #b9c9e5;background:white;border-radius:10px;padding:11px 12px;outline:none}.quick-lookup input:focus{border-color:#6f9bf2;box-shadow:0 0 0 3px rgba(36,107,253,.1)}.quick-lookup small{margin-top:5px}
.lookup-results{display:grid;gap:6px;margin-bottom:12px;max-height:278px;overflow:auto}.lookup-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:white;border-radius:11px;padding:10px 12px}.lookup-result:hover{border-color:#83a9f2;background:#f7faff}.lookup-result strong,.lookup-result small,.lookup-result b{display:block}.lookup-result small{margin-top:3px}.lookup-result>div:last-child{text-align:right}.lookup-empty{padding:11px 13px;background:#f7f8fa;border:1px dashed #cfd6df;border-radius:10px;color:var(--muted);font-size:12px}.selected-vehicle{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;padding:11px 12px;border:1px solid #bce0c9;background:#f0faf4;border-radius:11px;margin-bottom:13px}.selected-vehicle>span{width:28px;height:28px;border-radius:8px;background:#36a269;color:white;display:grid;place-items:center}.selected-vehicle strong,.selected-vehicle small{display:block}.selected-vehicle p{margin:5px 0 0;font-size:11px}.vin-result{display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:center;margin-top:7px;padding:8px 10px;background:#f0faf4;border:1px solid #c9ead5;border-radius:9px}.vin-result>span{width:23px;height:23px;background:#36a269;color:white;border-radius:7px;display:grid;place-items:center}.vin-result strong,.vin-result small{display:block}.inline-field-error{margin-top:7px;padding:8px 10px;border-radius:9px;background:#fff2f2;border:1px solid #f1c1c1;color:#9c2626;font-size:11px}
.service-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.service-model-card{display:grid;grid-template-columns:27px 1fr;gap:9px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.service-model-card:hover{border-color:#9db8ed}.service-model-card.active{border-color:#75a1f7;background:#edf4ff;box-shadow:0 0 0 2px rgba(36,107,253,.08)}.service-model-card>span{width:25px;height:25px;border-radius:8px;background:#edf0f4;display:grid;place-items:center;font-weight:850}.service-model-card.active>span{background:#246bfd;color:#fff}.service-model-card strong,.service-model-card small{display:block}.service-model-card small{margin-top:4px;line-height:1.35}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.feature-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fafbfc}.feature-card.enabled{background:#fff;border-color:#d4e0f5}.feature-card strong,.feature-card small{display:block}.feature-card small{margin-top:3px;line-height:1.3}.team-list{display:grid;gap:8px}.team-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px}.team-list strong,.team-list small{display:block}.scenario-note{margin-top:12px;padding:12px;border:1px solid #d5def0;background:#f6f8fc;border-radius:11px}.scenario-note b{font-size:12px}.scenario-note p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.part-request-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.part-request-row:last-child{border-bottom:0}.part-request-row strong,.part-request-row small{display:block}.part-request-row small{margin-top:3px}.catalog-list{display:grid;gap:8px}.catalog-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.catalog-row strong,.catalog-row small{display:block}.catalog-row small{margin-top:3px}.catalog-row p{margin:6px 0;font-size:11px}.analog-line{font-size:10px;color:var(--muted);line-height:1.45}.supplier-list{display:grid;gap:9px}.supplier-card{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:12px}.supplier-card.disabled{opacity:.55;background:#f5f6f8}.supplier-mark{width:42px;height:42px;border-radius:11px;background:#e9f0ff;color:#245ec7;display:grid;place-items:center;font-weight:900}.supplier-card strong,.supplier-card small{display:block}.supplier-card p{margin:5px 0 0;font-size:11px}.supplier-score{text-align:center}.supplier-score b,.supplier-score small{display:block}.part-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.offer-list{display:grid;gap:8px;padding:12px}.offer-card{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer}.offer-card input{display:none}.offer-card>span{width:21px;height:21px;border-radius:50%;border:2px solid #bbc5d3}.offer-card:has(input:checked){border-color:#79a5f8;background:#edf4ff}.offer-card:has(input:checked)>span{border:6px solid #246bfd}.offer-card strong,.offer-card small{display:block}.offer-card small{margin-top:3px}.application-list{padding:12px;display:flex;flex-wrap:wrap;gap:6px}.application-list b{font-size:10px;padding:5px 8px;background:#eef3fb;border-radius:999px}.workspace-card>.analog-line{padding:0 12px 12px;margin:0}
tbody tr[data-part]{cursor:pointer}tbody tr[data-part]:hover{background:#f7faff}
@media(max-width:1050px){.service-model-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.part-card-grid{grid-template-columns:1fr}}
@media(max-width:620px){.service-model-grid,.feature-grid{grid-template-columns:1fr}.lookup-result{grid-template-columns:auto 1fr}.lookup-result>div:last-child{grid-column:2;text-align:left}.selected-vehicle{grid-template-columns:28px 1fr}.selected-vehicle .btn{grid-column:2;width:100%}.supplier-card{grid-template-columns:42px 1fr auto}.supplier-score{display:none}.supplier-card .switch{grid-column:3;grid-row:1/3}.quick-lookup{grid-template-columns:1fr}.lookup-icon{display:none}}

/* v5: five service presets and truly simplified solo/partner workspace */
.chip.danger{background:#fff0f0;color:#a62a24}.full-width{width:100%;justify-content:center;margin-top:11px}
.compact-service-strip{display:grid;grid-template-columns:repeat(3,minmax(140px,.6fr)) minmax(320px,1.8fr);gap:10px;margin-bottom:15px}.compact-service-strip>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.compact-service-strip span,.compact-service-strip strong{display:block}.compact-service-strip span{font-size:10px;color:var(--muted);margin-bottom:5px}.compact-service-strip strong{font-size:22px}.compact-service-strip .workflow-preview{background:linear-gradient(135deg,#13203a,#1d3153);color:#fff}.compact-service-strip .workflow-preview span{color:#a9bad1}.compact-service-strip .workflow-preview strong{font-size:13px;line-height:1.55}
.simple-worklist{margin-bottom:14px}.simple-order-list{display:grid;gap:9px}.simple-order-row{border:1px solid var(--line);border-left:4px solid #9eabb9;border-radius:13px;padding:13px;background:#fff;cursor:pointer;transition:.15s}.simple-order-row:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.07)}.simple-order-row.risk-high{border-left-color:var(--danger)}.simple-order-row.risk-medium{border-left-color:#e78a22}.simple-order-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.simple-order-main>div>strong,.simple-order-main>div>small{display:block}.simple-order-main>div>strong{font-size:15px;margin:4px 0}.simple-order-main>div>small{line-height:1.4}.simple-order-bottom{display:grid;grid-template-columns:1.25fr 1fr .8fr auto;gap:12px;align-items:end;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.simple-order-bottom span,.simple-order-bottom b{display:block}.simple-order-bottom span{font-size:9px;color:var(--muted);margin-bottom:4px}.simple-order-bottom b{font-size:11px}.small-service-help{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eaf2ff;border:1px solid #bfd3fb;border-radius:14px;padding:14px 16px}.small-service-help b,.small-service-help p{display:block}.small-service-help p{margin:4px 0 0;color:#53647d;font-size:11px;line-height:1.45}
.service-model-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.service-model-card em{display:block;margin-top:7px;font-style:normal;font-size:9px;font-weight:750;color:#3861a6;line-height:1.4}.workflow-route{border:1px solid #cbd8ef;background:#f5f8fe;border-radius:12px;padding:13px}.workflow-route span,.workflow-route strong{display:block}.workflow-route span{font-size:10px;color:var(--muted);margin-bottom:6px}.workflow-route strong{font-size:12px;line-height:1.55}.preset-matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.preset-matrix{width:100%;min-width:760px;border-collapse:collapse}.preset-matrix th,.preset-matrix td{padding:10px 12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:10px}.preset-matrix th:first-child,.preset-matrix td:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1;font-weight:750}.preset-matrix th{background:#f5f7fa;color:#536173}.preset-matrix .selected{background:#edf4ff}.matrix-mark{width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;font-weight:900}.matrix-mark.on{background:#e9f8ef;color:#17713b}.matrix-mark.off{background:#f1f3f6;color:#9aa4b2}.matrix-note{margin-top:10px;padding:10px 12px;background:#f8fafc;border-radius:10px;color:var(--muted);font-size:10px;line-height:1.5}.matrix-note b{color:var(--text)}.integrations-grid.compact{grid-template-columns:1fr}.integrations-grid.compact .integration-card{padding:9px}
@media(max-width:1250px){.service-model-grid.five{grid-template-columns:repeat(3,1fr)}.compact-service-strip{grid-template-columns:repeat(3,1fr)}.compact-service-strip .workflow-preview{grid-column:1/-1}}
@media(max-width:820px){.service-model-grid.five{grid-template-columns:1fr 1fr}.simple-order-bottom{grid-template-columns:1fr 1fr}.simple-order-bottom .btn{width:100%}.compact-service-strip{grid-template-columns:1fr 1fr}.compact-service-strip .workflow-preview{grid-column:1/-1}.small-service-help{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.service-model-grid.five,.compact-service-strip{grid-template-columns:1fr}.compact-service-strip .workflow-preview{grid-column:auto}.simple-order-main{display:grid}.simple-order-bottom{grid-template-columns:1fr}.simple-order-bottom .btn{width:100%}}

/* v6: движение автомобиля, VIN, редактируемая запись и списки деталей */
.vehicle-id-row{display:flex;align-items:center;gap:6px;margin-top:5px}.vin-copy-mini,.table-vin,.vin-inline,.vin-side,.vin-copy{border:0;font:inherit;cursor:pointer}.vin-copy-mini,.table-vin{background:#eef3fb;color:#315d99;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:800}.vin-copy-mini:hover,.table-vin:hover{background:#dce9fb}.table-vin{display:inline-flex;margin-top:5px}.vin-inline{display:inline-flex;margin:7px 0 3px;background:#eef3fb;color:#315d99;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:800}.vehicle-identity{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#f8fbff,#f3f6fb);border:1px solid #dbe5f3;border-radius:13px;padding:13px;margin-bottom:11px}.vehicle-identity>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.vehicle-identity>div strong{font-size:15px}.vehicle-identity>div small{color:var(--muted)}.vin-copy{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-align:left;min-width:255px}.vin-copy span{font-size:9px;color:var(--muted);font-weight:850}.vin-copy strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.04em}.vin-copy b{font-size:9px;color:var(--brand)}.vin-side{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;background:#f5f7fa;border:1px solid var(--line);border-radius:8px;padding:8px;margin-top:8px;text-align:left}.vin-side small{font-size:8px}.vin-side b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;overflow:hidden;text-overflow:ellipsis}.vin-side em{font-style:normal;color:var(--brand)}.inline-link{border:0;background:transparent;color:var(--brand);padding:4px 0 0;font-size:9px;font-weight:800;cursor:pointer}

.calendar-grid{grid-template-columns:72px repeat(6,minmax(145px,1fr));min-width:1050px}.calendar-cell.header.today{background:#eaf2ff;color:#245aa1}.calendar-drop{position:relative;min-height:92px;transition:.15s}.calendar-drop.drag-over{background:#e8f3ff;box-shadow:inset 0 0 0 2px #5b8def}.calendar-add{position:absolute;right:5px;bottom:4px;width:22px;height:22px;border:0;border-radius:7px;background:transparent;color:#a3adba;opacity:0;cursor:pointer}.calendar-drop:hover .calendar-add{opacity:1}.calendar-add:hover{background:#e8eef7;color:var(--brand)}.appointment{display:flex;justify-content:space-between;gap:5px;margin-bottom:4px;cursor:grab;box-shadow:0 1px 2px rgba(20,40,70,.06)}.appointment[draggable="false"]{cursor:pointer}.appointment.dragging{opacity:.35}.appointment.status-accepted,.appointment.status-diagnostics,.appointment.status-repair,.appointment.status-ready{background:#eaf8ef;border-left-color:#35a267}.appointment.no-show{opacity:.6;text-decoration:line-through;background:#f4f4f5;border-left-color:#9ca3af}.appointment-actions{display:flex;gap:3px;align-items:start}.appointment-actions button{border:0;background:rgba(255,255,255,.75);color:#41689c;border-radius:5px;padding:3px 5px;font-size:8px;font-weight:850;cursor:pointer}.calendar-help{display:flex;gap:10px;align-items:center;background:#eef5ff;border:1px solid #d4e4fb;border-radius:11px;padding:10px 12px;margin-bottom:11px}.calendar-help>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;color:var(--brand);font-size:18px}.calendar-help strong,.calendar-help small{display:block}.calendar-help small{margin-top:2px;color:var(--muted)}

.order-stagebar button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.order-stagebar button:hover span{transform:scale(1.06)}.stage-location-box>span,.stage-location-box>strong,.stage-location-box>small{display:block}.stage-location-box>span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.stage-location-box>strong{font-size:15px;margin-top:4px}.stage-location-box>small{margin:4px 0 10px}.movement-current{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:11px}.movement-current>div span,.movement-current>div strong{display:block}.movement-current>div span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.movement-current>div strong{margin-top:4px}.movement-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.movement-pair>div{background:#f5f7fa;border:1px solid var(--line);border-radius:10px;padding:12px}.movement-pair span,.movement-pair strong{display:block}.movement-pair span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.movement-pair strong{margin-top:5px}.logic-note,.record-warning{background:#fff8e8;border:1px solid #f2dda3;border-radius:10px;padding:11px;margin-top:12px}.logic-note b,.logic-note p{display:block}.logic-note p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#796431}.record-warning{font-size:10px;color:#725d25}

.workspace-actions{display:flex;gap:6px;flex-wrap:wrap}.order-parts-list{display:grid}.order-part-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto 30px;gap:9px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line);cursor:pointer}.order-part-row:last-child{border-bottom:0}.order-part-row:hover{background:#fafbfd}.order-part-row strong,.order-part-row small{display:block}.order-part-row small{margin-top:3px;color:var(--muted)}.part-status-mark{width:7px;height:34px;border-radius:4px;background:#aab3c0}.part-status-mark.ok{background:#35a267}.part-status-mark.warn{background:#e5a124}.part-status-mark.gray{background:#9aa7b8}.icon-btn.tiny{width:27px;height:27px;font-size:10px}.items-footer small{display:block;margin-top:3px;color:var(--muted)}.bulk-parts-layout,.edit-record-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.bulk-parts-layout textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55}.edit-record-grid>section{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:13px}.edit-record-grid h4{margin:0 0 12px}.check-line.full{grid-column:1/-1}.filter-spacer{flex:1}

@media(max-width:980px){.vehicle-identity{align-items:stretch;flex-direction:column}.vin-copy{min-width:0;width:100%}.movement-current{grid-template-columns:1fr 1fr}.movement-current .btn{grid-column:1/-1}.bulk-parts-layout,.edit-record-grid{grid-template-columns:1fr}}
@media(max-width:620px){.vehicle-identity>div{align-items:flex-start;flex-direction:column}.order-part-row{grid-template-columns:7px 1fr auto}.order-part-row>strong{grid-column:2;text-align:right}.order-part-row>.icon-btn{grid-column:3;grid-row:1/3}.movement-current,.movement-pair{grid-template-columns:1fr}.modal-head-actions{flex-wrap:wrap}.vin-copy{grid-template-columns:auto 1fr}.vin-copy b{grid-column:2}.calendar-help{align-items:flex-start}}

/* v7 — сроки, API-поставщики, drag-and-drop, темы и мобильный календарь */
html[data-theme="dark"]{
  --bg:#0b1018;--surface:#111827;--surface-2:#151e2d;--surface-3:#1b2637;
  --text:#eef4ff;--muted:#94a3b8;--line:#273448;--brand:#5b8cff;--brand-dark:#4477eb;
  --success:#45c878;--warning:#f2b452;--danger:#ff6b64;--nav:#080d14;--shadow:0 18px 50px rgba(0,0,0,.34)
}
html[data-theme="dark"] .topbar{background:rgba(17,24,39,.91)}
html[data-theme="dark"] .search input,html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .btn,html[data-theme="dark"] .mobile-nav,html[data-theme="dark"] .mobile-nav button{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .order-card,html[data-theme="dark"] .workspace-card,html[data-theme="dark"] .summary-box,html[data-theme="dark"] .order-summary-grid,html[data-theme="dark"] .preset-matrix th:first-child,html[data-theme="dark"] .preset-matrix td:first-child,html[data-theme="dark"] .modal-foot{background:var(--surface)}
html[data-theme="dark"] .column,html[data-theme="dark"] .order-stagebar,html[data-theme="dark"] .order-workspace,html[data-theme="dark"] .edit-record-grid>section,html[data-theme="dark"] .movement-pair>div{background:var(--surface-2)}
html[data-theme="dark"] .vehicle-identity,html[data-theme="dark"] .calendar-help,html[data-theme="dark"] .small-service-help,html[data-theme="dark"] .quick-lookup,html[data-theme="dark"] .schedule-planner,html[data-theme="dark"] .api-search-note{background:var(--surface-2);border-color:var(--line)}
html[data-theme="dark"] .plate-tag,html[data-theme="dark"] .vin-copy,html[data-theme="dark"] .appointment-actions button{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .attention-panel{background:linear-gradient(90deg,#2b1c10,var(--surface));border-color:#6f4420}
html[data-theme="dark"] .appointment{color:#132238}
html[data-theme="dark"] .appointment.status-accepted,html[data-theme="dark"] .appointment.status-diagnostics,html[data-theme="dark"] .appointment.status-repair,html[data-theme="dark"] .appointment.status-ready{color:#12351f}
.theme-toggle{font-size:17px;background:var(--surface-2)}

.schedule-planner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:stretch;gap:1px;background:#edf2f8;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:13px}
.schedule-planner>div{background:var(--surface);padding:11px 12px;min-width:0}.schedule-planner span,.schedule-planner strong,.schedule-planner em{display:block}.schedule-planner span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.schedule-planner strong{font-size:12px;margin-top:5px}.schedule-planner em{font-style:normal;font-size:9px;margin-top:5px;font-weight:800}.schedule-planner>.btn{border-radius:0;border-width:0 0 0 1px}
.schedule-planner.compact{grid-template-columns:repeat(3,1fr) auto}.deadline-ok{color:var(--success)}.deadline-warn{color:var(--warning)}.deadline-danger{color:var(--danger)}.deadline-gray{color:var(--muted)}
.schedule-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:11px}.schedule-facts>div{padding:11px;border-right:1px solid var(--line)}.schedule-facts span,.schedule-facts strong,.schedule-facts small,.schedule-facts em{display:block}.schedule-facts span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.schedule-facts strong{margin-top:4px;font-size:12px}.schedule-facts small,.schedule-facts em{font-size:9px;margin-top:4px;font-style:normal}.schedule-facts>.btn{border-radius:0;border:0;border-left:1px solid var(--line)}

.desktop-calendar{display:block}.mobile-agenda{display:none}.calendar-scroll{overflow:auto;max-height:calc(100vh - 250px)}.calendar-grid-v7{display:grid;grid-template-columns:62px repeat(7,minmax(165px,1fr));min-width:1220px}.calendar-grid-v7 .calendar-cell{min-height:54px}.calendar-grid-v7 .calendar-cell.half{border-top-style:dashed;min-height:45px}.calendar-grid-v7 .calendar-cell.header{position:sticky;top:0;z-index:4;min-height:54px;background:var(--surface)}.calendar-grid-v7 .calendar-cell.header.corner{left:0;z-index:5}.calendar-grid-v7 .calendar-cell.time{position:sticky;left:0;z-index:3;background:var(--surface);font-size:10px}.calendar-grid-v7 .calendar-cell.header b,.calendar-grid-v7 .calendar-cell.header span{display:block}.calendar-grid-v7 .calendar-cell.header span{font-size:10px;color:var(--muted);margin-top:2px}.appointment{position:relative;align-items:stretch;padding:0;min-height:72px;overflow:hidden}.appointment-drag{flex:0 0 22px;border:0;border-right:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.42);color:#5f7698;cursor:grab;touch-action:none;font-weight:900}.appointment-drag:active{cursor:grabbing}.appointment-info{flex:1;padding:7px 6px;min-width:0}.appointment-info strong,.appointment-info span,.appointment-info small,.appointment-info em{display:block}.appointment-info strong{font-size:10px}.appointment-info span{font-size:9px;margin-top:2px}.appointment-info small{font-size:8px;margin-top:3px;opacity:.8}.appointment-info em{font-style:normal;font-size:8px;font-weight:800;margin-top:4px}.appointment-actions{padding:5px 4px}.calendar-drag-ghost{position:fixed!important;z-index:9999;width:250px;pointer-events:none;opacity:.92;transform:rotate(1deg);box-shadow:0 20px 50px rgba(15,23,42,.28)}
.agenda-head{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line)}.agenda-head b,.agenda-head small{display:block;text-transform:capitalize}.agenda-head small{margin-top:2px}.agenda-list{display:grid}.agenda-item{display:grid;grid-template-columns:50px 1fr auto;gap:10px;padding:13px;border-bottom:1px solid var(--line);align-items:start}.agenda-item:last-child{border-bottom:0}.agenda-item time{font-weight:900;color:var(--brand)}.agenda-item strong,.agenda-item span,.agenda-item small,.agenda-item em{display:block}.agenda-item span{font-size:11px;margin-top:3px}.agenda-item small{font-size:10px;margin-top:5px}.agenda-item em{font-size:9px;font-style:normal;font-weight:800;margin-top:5px}.agenda-actions{display:grid;gap:5px}

.warehouse-tabs{align-items:center}.sync-summary{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.sync-summary i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 15%,transparent)}.procurement-cars{display:grid;gap:12px}.procurement-car{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.procurement-car>header,.procurement-car>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.procurement-car>header{border-bottom:1px solid var(--line)}.procurement-car>footer{border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.procurement-car h3{margin:2px 0}.procurement-car small{color:var(--muted)}.procurement-parts{display:grid}.procurement-part{display:grid;grid-template-columns:8px minmax(220px,1fr) auto 100px auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line)}.procurement-part:last-child{border-bottom:0}.procurement-part strong,.procurement-part small,.procurement-part em{display:block}.procurement-part small{margin-top:3px}.procurement-part em{font-style:normal;color:var(--brand);font-size:9px;margin-top:4px}.order-part-v7{grid-template-columns:8px minmax(0,1fr) auto 95px minmax(145px,auto)}.part-main em{display:block;font-style:normal;color:var(--brand);font-size:9px;margin-top:4px}.part-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.api-search-note{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:10px;margin-bottom:12px}.api-search-note>span{font-size:21px;color:var(--brand)}.api-search-note strong,.api-search-note small{display:block}.supplier-offers{display:grid;gap:8px}.supplier-offer{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:11px;cursor:pointer}.supplier-offer:hover,.supplier-offer.selected{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.supplier-offer input{accent-color:var(--brand)}.supplier-offer strong,.supplier-offer small,.supplier-offer span{display:block}.supplier-offer span{font-size:9px;color:var(--muted);margin-top:4px}.supplier-offer>b{font-size:15px}

@media(max-width:1100px){.schedule-planner{grid-template-columns:repeat(2,1fr)}.schedule-planner>.btn{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.schedule-facts{grid-template-columns:repeat(2,1fr)}.schedule-facts>.btn{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.procurement-part{grid-template-columns:8px 1fr auto}.procurement-part>strong{grid-column:2}.procurement-part>.btn{grid-column:2/-1;width:100%}.order-part-v7{grid-template-columns:8px 1fr auto}.order-part-v7>strong{grid-column:2}.part-row-actions{grid-column:2/-1;justify-content:stretch}.part-row-actions .btn{flex:1}}
@media(max-width:820px){.desktop-calendar{display:none}.mobile-agenda{display:block}.calendar-toolbar{display:none}.calendar-help{margin-top:0}.theme-toggle{display:grid}.topbar .search{display:none}.top-actions{gap:6px}.top-actions .icon-btn{width:37px;height:37px}.modal-body{padding-bottom:20px}.schedule-planner,.schedule-planner.compact{grid-template-columns:1fr 1fr}.schedule-facts{grid-template-columns:1fr 1fr}.warehouse-tabs{position:sticky;top:62px;z-index:5;background:var(--bg);padding:8px 0}.sync-summary{display:none}.procurement-car>header{align-items:flex-start}.procurement-car>header .btn{flex:0 0 auto}.procurement-part{grid-template-columns:7px 1fr}.procurement-part>.chip,.procurement-part>strong,.procurement-part>.btn{grid-column:2}.procurement-part>.btn{width:100%}.order-part-v7{grid-template-columns:7px 1fr}.order-part-v7>.chip,.order-part-v7>strong,.part-row-actions{grid-column:2}.part-row-actions{display:grid;grid-template-columns:1fr auto}.agenda-item{grid-template-columns:42px 1fr}.agenda-actions{grid-column:2;grid-template-columns:1fr 1fr}.agenda-actions .btn{width:100%}}
@media(max-width:520px){.schedule-planner,.schedule-planner.compact,.schedule-facts{grid-template-columns:1fr}.schedule-planner>.btn,.schedule-facts>.btn{grid-column:auto}.agenda-head{grid-template-columns:auto 1fr auto auto}.agenda-item{padding:12px 10px}.procurement-car>header,.procurement-car>footer{align-items:stretch;flex-direction:column}.supplier-offer{grid-template-columns:20px 1fr}.supplier-offer>b{grid-column:2}.modal{max-height:96vh}.modal-body{padding:13px}.modal-foot{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr}.modal-foot .filter-spacer,.modal-foot .form-hint{display:none}.modal-foot .btn.primary:last-child{grid-column:auto}.input-action{flex-wrap:wrap}.input-action input{flex-basis:100%}.input-action .btn{flex:1}}
/* v7 drag reliability */
.appointment[draggable="true"]{cursor:grab}.appointment[draggable="true"]:active,.appointment.is-dragging{cursor:grabbing;opacity:.62}.appointment-drag{touch-action:none;cursor:grab}
html[data-theme="dark"] .segmented button{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .segmented button.active{background:#172a4a;color:#8eb9ff}


/* v8: copy controls and calendar comfort */
.copy-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:6px}
.copy-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px;padding:4px 7px;font:inherit;font-size:9px;font-weight:800;cursor:pointer;line-height:1.1;transition:.15s}
.copy-chip span{color:var(--brand)}
.copy-chip:hover{border-color:#8bb0e5;background:#edf5ff;color:var(--brand);transform:translateY(-1px)}
.header-copy{display:inline-flex;margin-top:5px}.modal-copy-tools{margin-top:9px}.part-main .copy-tools,.procurement-part .copy-tools{margin-top:5px}
.calendar-filters{margin-bottom:10px}.calendar-summary{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.calendar-summary b{color:var(--text);font-size:13px}
.calendar-drop{cursor:cell}.calendar-drop:empty:hover{background:rgba(56,120,214,.045)}
.calendar-density-compact .calendar-cell{min-height:38px}.calendar-density-compact .calendar-cell.half{min-height:30px}.calendar-density-compact .appointment{min-height:50px}
.calendar-density-compact .appointment-info{padding:5px}.calendar-density-compact .appointment-info small:not(.appointment-promise),.calendar-density-compact .appointment-info em{display:none}.calendar-density-compact .appointment-info strong{font-size:9px}.calendar-density-compact .appointment-info span,.calendar-density-compact .appointment-promise{font-size:8px}
.calendar-density-compact .appointment-drag{flex-basis:18px}.appointment-promise{color:var(--text);font-weight:700}
html[data-theme="dark"] .copy-chip{background:var(--surface-2);border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .copy-chip:hover{background:#17243a;color:#9fc2ff;border-color:#3c5d8b}
@media(max-width:820px){.calendar-filters{overflow:auto;white-space:nowrap}.calendar-filters .filter-spacer{min-width:8px}.copy-chip{font-size:10px;padding:6px 8px}.copy-tools{gap:6px}.calendar-summary{display:none}}

/* v9 — партнёры, учётные записи и права */
.partner-access-summary{display:grid;gap:4px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.partner-access-summary span,.partner-access-summary small{color:var(--muted);font-size:12px}.partner-access-summary strong{font-size:17px}
.partner-account-list{display:grid;gap:10px}.partner-account{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:.18s ease}.partner-account.current{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.partner-account.disabled{opacity:.58}.partner-account-main{display:flex;align-items:center;gap:12px;min-width:0}.partner-account-main>div{min-width:0}.partner-account-main small,.partner-account-main p{display:block;color:var(--muted);font-size:12px;margin:3px 0 0}.partner-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.partner-account-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.permission-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px}.permission-list{display:grid;gap:8px}.permission-row,.selected-partners label{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);cursor:pointer}.permission-row input,.selected-partners input{position:absolute;opacity:0}.permission-row>span,.selected-partners label>span:first-of-type{width:20px;height:20px;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface);flex:0 0 auto;position:relative}.permission-row input:checked+span,.selected-partners input:checked+span{background:var(--accent);border-color:var(--accent)}.permission-row input:checked+span:after,.selected-partners input:checked+span:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:12px;font-weight:800}.permission-row strong{display:block}.permission-row small{display:block;color:var(--muted);margin-top:2px;line-height:1.35}.selected-partners{display:grid;gap:8px;margin-top:14px}.selected-partners>strong{font-size:13px}.selected-partners label{align-items:center}.selected-partners label>span:last-child{font-weight:650}.permission-row input:disabled+span,.selected-partners input:disabled+span{opacity:.65}.permission-row:has(input:disabled),.selected-partners label:has(input:disabled){cursor:default}
@media(max-width:760px){.partner-account{align-items:flex-start;flex-direction:column}.partner-account-actions{width:100%}.partner-account-actions .btn{flex:1}.permission-layout{grid-template-columns:1fr}.partner-account-main{width:100%}}

/* v10 — единая система тем, контраст и отсутствие светлых провалов */
:root{
  --accent:var(--brand);--accent-hover:var(--brand-dark);--on-accent:#fff;
  --surface-soft:#f8fafc;--surface-raised:#fff;--surface-inset:#eef2f6;--surface-hover:#f6f9fd;
  --input-bg:#f7f9fc;--topbar-bg:rgba(255,255,255,.92);--line-strong:#cbd5e1;
  --accent-soft:#edf4ff;--accent-soft-strong:#dce9fb;--accent-text:#315d99;
  --success-soft:#eaf8ef;--success-text:#146c36;--warning-soft:#fff7ed;--warning-text:#9a3412;
  --danger-soft:#fff0f0;--danger-text:#a62a24;--neutral-soft:#f0f3f7;--neutral-text:#536173;
  --overlay:rgba(15,23,42,.62);--shadow-soft:0 2px 12px rgba(15,23,42,.04);
}
html[data-theme="dark"]{
  --surface-soft:#151e2d;--surface-raised:#111827;--surface-inset:#1b2637;--surface-hover:#1a2638;
  --input-bg:#111a28;--topbar-bg:rgba(11,16,24,.92);--line-strong:#3b4b63;
  --accent-soft:#172a4a;--accent-soft-strong:#213b63;--accent-text:#a9c8ff;
  --success-soft:#132b20;--success-text:#72d79b;--warning-soft:#2b2115;--warning-text:#f5c57d;
  --danger-soft:#321c20;--danger-text:#ff9a95;--neutral-soft:#1b2637;--neutral-text:#a9b7ca;
  --overlay:rgba(0,0,0,.76);--shadow-soft:0 2px 14px rgba(0,0,0,.22);
}
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
body{transition:background-color .18s ease,color .18s ease}
::selection{background:color-mix(in srgb,var(--brand) 35%,transparent);color:var(--text)}
*{scrollbar-color:var(--line-strong) var(--surface-soft)}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--surface-soft)}*::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--surface-soft);border-radius:999px}

.topbar{background:var(--topbar-bg)}
.search input,.field input,.field select,.field textarea,.quick-lookup input{background:var(--input-bg);color:var(--text)}
.search input::placeholder,.field input::placeholder,.field textarea::placeholder,.quick-lookup input::placeholder{color:color-mix(in srgb,var(--muted) 86%,transparent)}
.icon-btn,.filter,.segmented button,.step,.modal,.modal-foot,.mobile-nav,.mobile-nav button,.compact-service-strip>div,.simple-order-row,.service-model-card,.movement-current,.vin-copy,.calendar-help>span,.active-job,.job-facts>div,.task-card,.order-tabs,.client-profile-hero,.client-stats,.workspace-card,.summary-box,.order-summary-grid,.client-contact-card,.items-footer{background:var(--surface-raised);color:var(--text)}
.column,.order-stagebar,.order-workspace,.edit-record-grid>section,.movement-pair>div,.task-row,.queue-card,.feature-card,.scenario-note,.lookup-empty,.capacity-hint,.client-profile,.message.system,.message.incoming,.schedule-planner,.vin-side,.preset-matrix th,.matrix-note{background:var(--surface-soft);color:var(--text)}
.order-card,.simple-order-row,.task-card,.partner-account{box-shadow:var(--shadow-soft)}
.order-card,.plate-tag,.count,.vin-copy,.movement-current,.compact-service-strip>div,.simple-order-row,.service-model-card,.preset-matrix th:first-child,.preset-matrix td:first-child{background:var(--surface-raised)}
.order-problem,.schedule-row time,.column-head,.small-service-help p,.preset-matrix th,.workflow-route strong{color:var(--text)}
.capacity-bar,.mini-progress,.process-checks span,.approval-choice label>span,.quality-row>span,.service-model-card>span,.order-stagebar span,.order-stagebar>div:before{background:var(--surface-inset)}
.chip,.filter.active,.segmented button.active,.client-avatar,.form-section-title>span,.integration-icon,.duplicate-hint,.quick-lookup,.service-model-card.active,.offer-card:has(input:checked),.payment-methods label:has(input:checked),.approval-choice label:has(input:checked),.issue-types label:has(input:checked),.workflow-route,.small-service-help,.calendar-help,.vin-copy-mini,.table-vin,.vin-inline,.application-list b{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb,var(--brand) 28%,var(--line))}
.vin-copy-mini:hover,.table-vin:hover,.calendar-add:hover{background:var(--accent-soft-strong)}
.chip.ok,.step.done b:first-child,.task-row.checked,.draft-banner,.selected-vehicle,.vin-result,.process-checks .done,.quality-row:has(input:checked),.matrix-mark.on,.appointment.status-accepted,.appointment.status-diagnostics,.appointment.status-repair,.appointment.status-ready{background:var(--success-soft);color:var(--success-text)}
.chip.warn,.status-approval,.status-parts,.order-alert,.inline-alert,.logic-note,.record-warning,.notification-icon,.attention-panel{background:var(--warning-soft);color:var(--warning-text);border-color:color-mix(in srgb,var(--warning) 38%,var(--line))}
.chip.danger,.inline-field-error{background:var(--danger-soft);color:var(--danger-text);border-color:color-mix(in srgb,var(--danger) 34%,var(--line))}
.chip.gray,.status-pill,.status-delivered,.matrix-mark.off,.role-box>span{background:var(--neutral-soft);color:var(--neutral-text)}
.status-repair,.status-diagnostics,.appointment{background:var(--accent-soft);color:var(--accent-text)}
.status-ready{background:var(--success-soft);color:var(--success-text)}
.calendar-cell.header.today,.calendar-drop.drag-over{background:var(--accent-soft);color:var(--accent-text)}
.calendar-drop:empty:hover,.lookup-result:hover,tbody tr:hover,tbody tr[data-part]:hover,.order-part-row:hover{background:var(--surface-hover)}
.appointment-actions button,.appointment-drag{background:color-mix(in srgb,var(--surface-raised) 74%,transparent);color:var(--accent-text);border-color:color-mix(in srgb,var(--line) 75%,transparent)}
.attention-counter{background:color-mix(in srgb,var(--warning-soft) 72%,var(--warning));color:var(--warning-text)}
.attention-panel span{color:var(--warning-text)}
.attention-button{color:var(--warning-text);border-color:color-mix(in srgb,var(--warning) 45%,var(--line))}
.order-alert,.inline-alert,.logic-note,.record-warning{color:var(--warning-text)}
.order-alert *, .inline-alert *, .logic-note *, .record-warning *{color:inherit}
.message.outgoing{background:var(--accent-soft);color:var(--text)}
.draft-banner>span,.selected-vehicle>span,.vin-result>span,.process-checks .done span,.quality-row:has(input:checked)>span,.line-item.rich label span{background:var(--success)}
.modal-backdrop{background:var(--overlay);backdrop-filter:blur(4px)}
.modal,.modal-foot{border-color:var(--line);box-shadow:var(--shadow)}
.toast{background:color-mix(in srgb,var(--nav) 94%,transparent);color:#fff;border:1px solid color-mix(in srgb,#fff 14%,transparent)}
.partner-access-summary,.permission-row,.selected-partners label{background:var(--surface-soft)}
.partner-account.current{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}
.permission-row input:checked+span,.selected-partners input:checked+span{background:var(--brand);border-color:var(--brand)}
.permission-row>span,.selected-partners label>span:first-of-type{border-color:var(--line-strong);background:var(--surface-raised)}

html[data-theme="dark"] img{filter:saturate(.94) brightness(.92)}
html[data-theme="dark"] .sidebar{box-shadow:10px 0 34px rgba(0,0,0,.18)}
html[data-theme="dark"] .topbar{background:var(--topbar-bg)}
html[data-theme="dark"] .attention-panel{background:linear-gradient(90deg,var(--warning-soft),var(--surface-raised))}
html[data-theme="dark"] .compact-service-strip .workflow-preview,html[data-theme="dark"] .mechanic-hero{background:linear-gradient(135deg,#0a1220,#15243b)}
html[data-theme="dark"] .appointment,html[data-theme="dark"] .appointment.status-accepted,html[data-theme="dark"] .appointment.status-diagnostics,html[data-theme="dark"] .appointment.status-repair,html[data-theme="dark"] .appointment.status-ready{color:var(--text)}
html[data-theme="dark"] .appointment.no-show{background:var(--neutral-soft);color:var(--muted)}
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,html[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.75)}
html[data-theme="dark"] select option{background:var(--surface-raised);color:var(--text)}
html[data-theme="dark"] .copy-chip:hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--line-strong)}

@media(max-width:820px){
  .topbar{background:var(--topbar-bg)}
  .mobile-nav{background:color-mix(in srgb,var(--surface-raised) 94%,transparent);backdrop-filter:blur(14px)}
  .mobile-nav button.active{background:var(--accent-soft);color:var(--accent-text)}
  .modal{background:var(--surface-raised)}
  .modal-foot{background:color-mix(in srgb,var(--surface-raised) 96%,transparent);backdrop-filter:blur(10px)}
}
/* v10.1 — исправления, найденные визуальным аудитом */
.feature-card.enabled{background:var(--surface-raised);color:var(--text)}
.preset-matrix .selected{background:var(--accent-soft);color:var(--text)}
.funnel>div{background:var(--accent-soft);color:var(--text)}
.funnel>div:nth-child(4){background:var(--success-soft);color:var(--success-text)}
html[data-theme="dark"] .feature-card.enabled{background:var(--surface-raised);border-color:var(--line)}
html[data-theme="dark"] .preset-matrix .selected{background:var(--accent-soft)}
html[data-theme="dark"] .funnel>div{background:var(--accent-soft);color:var(--text)}
html[data-theme="dark"] .funnel>div:nth-child(4){background:var(--success-soft);color:var(--success-text)}
.theme-choice{display:grid;gap:8px}.theme-choice-card{width:100%;display:grid;grid-template-columns:32px 1fr 22px;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--surface-soft);color:var(--text)}
.theme-choice-card>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--surface-inset);font-size:16px}.theme-choice-card strong,.theme-choice-card small{display:block}.theme-choice-card small{margin-top:3px;line-height:1.35}.theme-choice-card>b{text-align:center;color:var(--brand)}
.theme-choice-card:hover{border-color:var(--line-strong);background:var(--surface-hover)}.theme-choice-card.active{border-color:var(--brand);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.theme-choice-card.active>span{background:var(--brand);color:#fff}
.supplier-mark{background:var(--accent-soft);color:var(--accent-text)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px}
button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
@media(max-width:820px){.btn,.icon-btn,.filter,.segmented button,.copy-chip{min-height:42px}.appointment-actions button{min-width:32px;min-height:32px}.theme-choice-card{min-height:58px}}


/* v11: фирменные документы и рекламации */
.document-tabs{margin-bottom:16px}.document-settings-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:linear-gradient(135deg,var(--surface-raised),var(--surface));border:1px solid var(--border);border-radius:20px;padding:22px;margin-bottom:16px}.brand-paper{display:flex;align-items:center;gap:12px;padding:13px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.brand-paper>span,.brand-preview>span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900}.brand-paper>div,.brand-preview>div{display:grid}.brand-paper small,.brand-preview small{color:var(--muted)}.document-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.document-template-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:17px}.document-template-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.document-icon{width:52px;height:64px;border-radius:10px 10px 4px 4px;background:var(--accent-soft);color:var(--accent);font-weight:900;display:grid;place-items:center;position:relative}.document-icon:after{content:'';position:absolute;right:0;top:0;border-left:12px solid transparent;border-bottom:12px solid var(--border)}.document-template-card p{margin:4px 0;color:var(--text-secondary)}.document-template-card small{color:var(--muted)}.document-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.claim-list{display:grid;gap:12px}.claim-list.compact{gap:8px}.claim-card{display:grid;grid-template-columns:5px 1fr auto;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px}.claim-status-strip{min-height:100%}.claim-status-strip.ok{background:var(--success)}.claim-status-strip.warn{background:var(--warning)}.claim-status-strip.danger{background:var(--danger)}.claim-status-strip.gray{background:var(--muted)}.claim-main{padding:16px;display:grid;gap:8px}.claim-main>div{display:grid;gap:5px}.claim-main p{margin:0;color:var(--text-secondary)}.claim-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px}.claim-side{padding:16px;display:grid;align-content:space-between;justify-items:end;gap:14px}.document-editor-layout,.claim-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.template-terms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brand-preview{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;border:1px dashed var(--border);border-radius:14px}.document-create-hint{display:grid;gap:5px;background:var(--accent-soft);color:var(--text);border-radius:14px;padding:14px}.modal-document-preview{width:min(1180px,96vw);height:min(94vh,1000px)}.document-preview-scroll{overflow:auto;background:#cbd5e1;padding:20px}.document-preview-scroll .paper{width:210mm;min-height:297mm;margin:auto;background:#fff;color:#111827;padding:14mm 15mm;box-shadow:0 8px 30px #0003;font:12px/1.45 Arial,sans-serif}.document-preview-scroll .print-header{display:grid;grid-template-columns:18mm 1fr auto;gap:5mm;align-items:start;border-bottom:2px solid #111827;padding-bottom:5mm}.document-preview-scroll .print-logo{width:16mm;height:16mm;border-radius:4mm;color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}.document-preview-scroll .print-company{display:grid;gap:1mm}.document-preview-scroll .print-company>b{font-size:18px}.document-preview-scroll .print-company small{color:#4b5563}.document-preview-scroll .print-number{text-align:right;display:grid}.document-preview-scroll h1{text-align:center;text-transform:uppercase;font-size:19px;margin:8mm 0 5mm}.document-preview-scroll h2{font-size:12px;text-transform:uppercase;margin:6mm 0 2mm}.document-preview-scroll .print-facts{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;border:1px solid #cbd5e1}.document-preview-scroll .print-facts>div{padding:3mm;border-right:1px solid #cbd5e1;display:grid;gap:1mm}.document-preview-scroll .print-facts>div:last-child{border:0}.document-preview-scroll .print-facts span,.document-preview-scroll .print-signatures span{font-size:9px;color:#64748b;text-transform:uppercase}.document-preview-scroll .print-note{border:1px solid #cbd5e1;padding:3mm;min-height:14mm;white-space:pre-wrap}.document-preview-scroll .print-two{display:grid;grid-template-columns:1fr 1fr;gap:5mm}.document-preview-scroll .print-two>div{border:1px solid #cbd5e1;padding:3mm}.document-preview-scroll table{width:100%;border-collapse:collapse}.document-preview-scroll th,.document-preview-scroll td{border:1px solid #94a3b8;padding:2mm;vertical-align:top}.document-preview-scroll th{background:#eef2f7;font-size:10px;text-align:left}.document-preview-scroll td small{display:block;color:#64748b}.document-preview-scroll .print-total{display:flex;justify-content:flex-end;gap:8mm;border:2px solid #111827;padding:3mm;margin-top:4mm;font-size:15px}.document-preview-scroll .warranty-box,.document-preview-scroll .print-terms{display:grid;gap:1mm;background:#f8fafc;border:1px solid #cbd5e1;padding:3mm;margin-top:4mm}.document-preview-scroll .vehicle-scheme{height:55mm;border:1px dashed #94a3b8;display:grid;place-items:center;text-align:center;color:#64748b}.document-preview-scroll .print-signatures{display:grid;grid-template-columns:1fr 1fr;gap:15mm;margin-top:12mm}.document-preview-scroll .print-signatures>div{display:grid;gap:2mm;border-top:1px solid #111827;padding-top:2mm}.document-preview-scroll footer{margin-top:10mm;padding-top:3mm;border-top:1px solid #cbd5e1;color:#64748b;text-align:center;font-size:10px}.order-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-document-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:12px}.order-document-grid article>span{width:42px;height:48px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:900}.order-document-grid article div{display:grid;gap:3px}.order-document-grid small{color:var(--muted)}.claim-wizard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.claim-wizard-grid .span-2{grid-column:1/-1}.claim-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-tile{border:1px dashed var(--accent);background:var(--accent-soft);border-radius:16px;padding:24px;display:grid;place-items:center;text-align:center;cursor:pointer}.upload-tile input{display:none}.upload-tile>span{font-size:28px}.evidence-checklist{display:grid;align-content:center;gap:10px}.evidence-checklist label{display:flex;gap:8px;align-items:center}.claim-description{white-space:pre-wrap;color:var(--text-secondary)}.attachment-list{display:grid;gap:8px}.attachment-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px}.document-action-stack{display:grid;gap:8px}
@media(max-width:1000px){.document-template-grid,.order-document-grid{grid-template-columns:1fr}.document-editor-layout,.claim-detail-grid{grid-template-columns:1fr}.template-terms-grid{grid-template-columns:1fr}}
@media(max-width:820px){.document-settings-hero{grid-template-columns:1fr}.document-template-card{grid-template-columns:auto 1fr}.document-card-actions{grid-column:1/-1;justify-content:stretch}.document-card-actions .btn{flex:1}.claim-card{grid-template-columns:5px 1fr}.claim-side{grid-column:2;padding-top:0;display:flex;justify-content:space-between;align-items:center}.claim-wizard-grid,.claim-evidence-grid{grid-template-columns:1fr}.claim-wizard-grid .span-2{grid-column:auto}.document-preview-scroll{padding:8px}.document-preview-scroll .paper{width:210mm;transform-origin:top left}.modal-document-preview{width:100vw;height:100dvh;border-radius:0}.order-document-grid article{grid-template-columns:auto 1fr}.order-document-grid article .btn{grid-column:1/-1}.template-terms-grid{grid-template-columns:1fr}}

/* v12 — фирменный логотип, палитра и ровные документы */
:root{--accent-soft:rgba(36,107,253,.12);--accent-soft-2:rgba(36,107,253,.2);--brand-contrast:#fff}
.brand-mark,.brand-paper-logo,.brand-preview-logo{display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--brand),var(--brand-dark));color:var(--brand-contrast)}
.brand-mark{box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 32%, transparent)}
.brand-mark img,.brand-paper-logo img,.brand-preview-logo img,.print-logo img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.brand-paper-logo,.brand-preview-logo{width:46px;height:46px;border-radius:12px;border:1px solid var(--border, var(--line));flex:0 0 auto}
.brand-paper-logo.has-image,.brand-preview-logo.has-image{background:#fff}
.logo-upload-panel{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;padding:12px;border:1px dashed var(--line);border-radius:14px;background:var(--surface-2)}
.logo-upload-preview{display:grid;place-items:center}
.logo-upload-preview .brand-preview-logo{width:72px;height:72px;border-radius:18px}
.logo-upload-actions{display:grid;gap:8px}
.logo-upload-actions small{color:var(--muted);line-height:1.45}
.accent-swatches{display:flex;flex-wrap:wrap;gap:10px}
.accent-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.accent-swatch.active{border-color:var(--text);transform:scale(1.06)}
.accent-density-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.accent-density-card{display:grid;gap:5px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;cursor:pointer}
.accent-density-card.active,.accent-density-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-soft)}
.accent-density-card input{position:absolute;opacity:0;pointer-events:none}
.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.appearance-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface-2);display:grid;gap:12px}
.appearance-card-head{display:grid;gap:3px}
.appearance-card-head small{color:var(--muted)}
.appearance-brand-preview{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.appearance-brand-preview>div{display:grid;gap:3px}
.appearance-brand-preview span{color:var(--muted);font-size:12px}
.appearance-actions{display:flex;gap:10px;flex-wrap:wrap}
.document-preview-scroll{background:linear-gradient(180deg,#d8e0eb,#c8d2e2)}
.document-preview-scroll .paper{border-radius:4px}
.document-preview-scroll .paper h1,.document-preview-scroll .paper h2,.document-preview-scroll .paper p,.document-preview-scroll .paper b,.document-preview-scroll .paper small,.document-preview-scroll .paper td,.document-preview-scroll .paper th,.document-preview-scroll .paper span{overflow-wrap:anywhere;word-break:break-word}
.document-preview-scroll .print-header{grid-template-columns:20mm minmax(0,1fr) auto}
.document-preview-scroll .print-company{min-width:0}
.document-preview-scroll .print-company b,.document-preview-scroll .print-company span,.document-preview-scroll .print-company small{line-height:1.35}
.document-preview-scroll .print-number{text-align:right;align-self:stretch;justify-content:space-between;min-width:26mm}
.document-preview-scroll .print-facts>div b{line-height:1.35}
.document-preview-scroll .print-note p{margin:0}
.document-preview-scroll .print-total{border-radius:0 0 2px 2px}
.document-preview-scroll .print-terms p{margin:0}
.document-preview-scroll .vehicle-scheme{background:repeating-linear-gradient(45deg,#fff,#fff 10px,#f8fafc 10px,#f8fafc 20px)}
@media(max-width:1024px){.appearance-grid,.accent-density-grid{grid-template-columns:1fr}.logo-upload-panel{grid-template-columns:1fr}.logo-upload-preview{justify-content:flex-start}}
@media(max-width:820px){.appearance-grid{grid-template-columns:1fr}.document-preview-scroll .paper{padding:10mm 9mm}.document-preview-scroll .print-facts,.document-preview-scroll .print-two,.document-preview-scroll .print-signatures{grid-template-columns:1fr}.document-preview-scroll .print-facts>div{border-right:0;border-bottom:1px solid #cbd5e1}.document-preview-scroll .print-facts>div:last-child{border-bottom:0}.document-preview-scroll .print-header{grid-template-columns:16mm 1fr}.document-preview-scroll .print-number{grid-column:1/-1;text-align:left;padding-top:2mm;border-top:1px solid #cbd5e1}.logo-upload-panel{grid-template-columns:1fr}}

/* v13 — responsive polish and finished mobile workspace */
/* Prevent grid/flex children from forcing overflow */
.main,.content,.card,.workspace-card,.settings-grid>*,.appearance-grid>*,.appearance-card,.theme-choice-card>div,.accent-density-card,.modal,.modal form,.modal-body,.form-grid>*,.lookup-result>*,.selected-vehicle>*{min-width:0}
.card,.workspace-card,.appearance-card,.theme-choice-card,.accent-density-card,.lookup-result,.selected-vehicle{overflow-wrap:anywhere}
.appearance-settings{grid-column:1/-1}
.appearance-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:stretch}
.appearance-card{align-content:start}
.accent-density-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.accent-density-card{width:100%;min-height:96px}
.accent-density-card strong,.accent-density-card small{display:block;max-width:100%}
.accent-density-card small{line-height:1.35}
.accent-swatches{align-items:center}
.appearance-brand-preview>div{min-width:0}
.appearance-brand-preview strong,.appearance-brand-preview small,.appearance-brand-preview span{display:block;max-width:100%;overflow-wrap:anywhere}

/* Make generic modal anatomy deterministic on every viewport */
.modal{display:flex;flex-direction:column;overflow:hidden;background:var(--surface-raised,var(--surface));color:var(--text)}
.modal>form{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}
.modal-head{flex:0 0 auto;background:var(--surface-raised,var(--surface));position:relative;z-index:2}
.modal-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.modal-foot{flex:0 0 auto;position:relative;z-index:3;background:var(--surface-raised,var(--surface));box-shadow:0 -8px 20px rgba(15,23,42,.04)}
.modal-order .order-workspace{overflow:auto;min-height:0}

/* Search result cards must respect the active theme */
.lookup-result{background:var(--surface-raised,var(--surface));color:var(--text);border-color:var(--line)}
.lookup-result:hover{background:var(--surface-hover,var(--surface-2));border-color:var(--brand)}
.lookup-empty{background:var(--surface-soft,var(--surface-2));border-color:var(--line);color:var(--muted)}
.selected-vehicle,.vin-result{background:var(--success-soft,#ecfdf3);border-color:color-mix(in srgb,var(--success) 35%,var(--line));color:var(--text)}
html[data-theme="dark"] .selected-vehicle,html[data-theme="dark"] .vin-result{background:color-mix(in srgb,var(--success) 13%,var(--surface));border-color:color-mix(in srgb,var(--success) 38%,var(--line))}

/* Better medium desktop/tablet behavior before the mobile breakpoint */
@media(max-width:1380px){
  .appearance-grid{grid-template-columns:1fr}
  .accent-density-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .settings-grid{grid-template-columns:1fr}
  .settings-grid .span-2,.appearance-settings{grid-column:auto}
  .appearance-grid{grid-template-columns:1fr}
  .accent-density-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
  .document-settings-hero{grid-template-columns:1fr auto}
  .document-settings-hero .brand-paper{grid-column:1/-1}
}

/* Full mobile layout */
@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:env(safe-area-inset-bottom)}
  .app-shell{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;min-width:0}
  .mobile-brand{min-width:36px}
  .top-actions{min-width:0;margin-left:0;justify-content:flex-end}
  .top-actions .theme-toggle{display:none}
  .top-actions .btn.primary{width:40px;min-width:40px;padding:0}
  .top-actions .btn.primary .desktop-label{display:none}
  .content{width:100%;max-width:100%;overflow:hidden;padding-bottom:26px}
  .page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .head-actions{min-width:0;overflow:auto;justify-content:flex-end}
  .head-actions .btn{flex:0 0 auto}
  .settings-grid,.appearance-grid,.theme-choice,.document-template-grid,.document-editor-layout,.template-terms-grid,.claim-detail-grid{width:100%;min-width:0}
  .card-head{align-items:flex-start;flex-wrap:wrap}
  .card-head>.btn,.card-head>.chip{flex:0 0 auto}
  .appearance-settings .card-body{padding:12px}
  .appearance-grid{grid-template-columns:1fr}
  .appearance-card{padding:12px}
  .accent-density-grid{grid-template-columns:1fr}
  .accent-density-card{min-height:auto;padding:12px}
  .accent-swatches{gap:12px}
  .accent-swatch{width:38px;height:38px}
  .appearance-brand-preview{grid-template-columns:48px minmax(0,1fr);padding:10px}
  .appearance-brand-preview .brand-preview-logo{width:48px;height:48px}
  .appearance-actions .btn{width:100%}

  .modal-backdrop{display:flex;align-items:stretch;justify-content:stretch;height:100dvh;padding:0;overflow:hidden}
  .modal,.modal-wide,.modal-order,.modal-document-preview{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;margin:0}
  .modal-head{padding:13px 14px;align-items:flex-start;gap:10px;border-radius:0}
  .modal-head>div:first-child{min-width:0}
  .modal-head h3{font-size:18px;line-height:1.2;overflow-wrap:anywhere}
  .modal-head p{font-size:12px;line-height:1.4;max-width:100%}
  .modal-head .icon-btn{flex:0 0 42px}
  .modal-head-actions{width:100%;display:flex;flex-wrap:wrap}
  .modal-head-actions .btn{flex:1 1 135px}
  .modal-body{padding:14px 13px 24px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
  .modal-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-radius:0;box-shadow:0 -10px 24px rgba(0,0,0,.12)}
  .modal-foot>.filter-spacer,.modal-foot>.form-hint{display:none}
  .modal-foot .btn{width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.2;padding:11px 9px}
  .modal-foot .btn:only-child{grid-column:1/-1}
  .modal-foot .btn.primary:last-child:nth-child(odd){grid-column:1/-1}
  .modal>form>.modal-body{padding-bottom:24px}
  .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px}
  .field.full,.check-line.full{grid-column:auto}
  .field input,.field select,.field textarea,.payment-amount input{width:100%;max-width:100%;font-size:16px}
  .field textarea{resize:vertical}
  .field label{line-height:1.25}
  .step{min-width:0}
  .schedule-planner,.schedule-planner.compact,.schedule-facts{grid-template-columns:1fr}
  .schedule-planner>.btn,.schedule-facts>.btn{grid-column:auto;border-left:0;border-top:1px solid var(--line)}

  .lookup-results{max-height:none;overflow:visible;margin-bottom:12px}
  .lookup-result{grid-template-columns:auto minmax(0,1fr);gap:9px;padding:12px;align-items:start}
  .lookup-result>.plate-tag{grid-row:1/3}
  .lookup-result>div:last-child{grid-column:2;text-align:left;display:grid;gap:2px}
  .lookup-result strong,.lookup-result b,.lookup-result small{overflow-wrap:anywhere}
  .selected-vehicle{grid-template-columns:30px minmax(0,1fr);padding:12px}
  .selected-vehicle .btn{grid-column:1/-1;width:100%}
  .duplicate-hint{grid-template-columns:30px minmax(0,1fr)}
  .duplicate-hint .btn{grid-column:1/-1;width:100%}

  .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 4px calc(6px + env(safe-area-inset-bottom));min-height:64px}
  .mobile-nav button{min-width:0;border-radius:10px;padding:5px 2px;font-size:9px;line-height:1.1}
  .mobile-nav button span{font-size:17px}
  .toast{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center}

  /* Lists/tables become scrollable or stacked instead of overflowing */
  .table-wrap,.preset-matrix-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-summary-grid,.job-facts,.client-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-document-grid article,.document-template-card{grid-template-columns:auto minmax(0,1fr)}
  .document-card-actions,.order-document-grid article .btn{grid-column:1/-1;width:100%}
  .claim-card{grid-template-columns:5px minmax(0,1fr)}
  .claim-side{grid-column:2;justify-items:stretch;width:100%}
  .claim-side .btn{width:100%}

  /* A4 preview: fit page to phone while keeping printable source unchanged */
  .modal-document-preview .document-preview-scroll{padding:10px;overflow:auto;display:block}
  .modal-document-preview .paper{width:210mm;min-height:297mm;transform:scale(.43);transform-origin:top left;margin:0;box-shadow:0 6px 22px rgba(0,0,0,.28)}
  .modal-document-preview .document-preview-scroll{height:calc(100dvh - 132px)}
  .modal-document-preview .document-preview-scroll:after{content:"";display:block;width:90mm;height:1px}
}

@media(max-width:520px){
  .topbar{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:10px}
  .top-actions .top-bell{display:none}
  .content{padding-inline:10px}
  .page-head{grid-template-columns:1fr;gap:10px}
  .head-actions{justify-content:stretch;overflow:visible}
  .head-actions .btn{width:100%}
  .kpi-grid,.order-summary-grid,.job-facts,.client-stats{grid-template-columns:1fr 1fr}
  .modal-head{padding:12px}
  .modal-body{padding:12px 11px 22px}
  .modal-foot{padding-inline:10px}
  .modal-foot{grid-template-columns:1fr 1fr}
  .modal-foot .btn{font-size:13px}
  .payment-methods,.issue-types,.contact-actions,.mechanic-actions{grid-template-columns:1fr}
  .document-settings-hero{padding:14px;gap:12px}
  .brand-paper{width:100%;min-width:0}
  .brand-paper>div{min-width:0}
  .brand-paper strong,.brand-paper small{overflow-wrap:anywhere}
  .document-template-card{padding:13px}
  .document-icon{width:44px;height:54px}
  .order-card,.simple-order-row,.task-card,.client-contact-card{border-radius:14px}
  .modal-document-preview .paper{transform:scale(.365)}
  .modal-document-preview .document-preview-scroll:after{width:77mm}
}

@media(max-width:380px){
  .kpi-grid,.order-summary-grid,.job-facts,.client-stats{grid-template-columns:1fr}
  .modal-foot{grid-template-columns:1fr}
  .modal-foot .btn.primary:last-child:nth-child(odd){grid-column:auto}
  .mobile-nav button{font-size:8px}
  .modal-document-preview .paper{transform:scale(.335)}
}

/* v13 mobile navigation hub */
.mobile-more{display:none;font-size:13px;letter-spacing:1px;font-weight:900}
.mobile-menu-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.mobile-menu-profile>div{min-width:0;display:grid;gap:3px}.mobile-menu-profile strong,.mobile-menu-profile small{overflow-wrap:anywhere}
.mobile-menu-grid{display:grid;gap:8px;margin-top:14px}
.mobile-menu-link,.mobile-account-link{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:left}
.mobile-menu-link>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);font-size:20px}
.mobile-menu-link>div,.mobile-account-link>div{min-width:0;display:grid;gap:3px}
.mobile-menu-link strong,.mobile-menu-link small,.mobile-account-link strong,.mobile-account-link small{display:block;overflow-wrap:anywhere}
.mobile-menu-link small,.mobile-account-link small{color:var(--muted)}
.mobile-menu-link>b,.mobile-account-link>b{font-size:22px;color:var(--muted);text-align:right}
.mobile-menu-link.active{border-color:var(--brand);background:var(--accent-soft)}
.mobile-account-link{margin-top:14px}
@media(max-width:820px){.mobile-more{display:grid}.modal-mobile-menu .modal-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.modal-mobile-menu{height:100dvh}.mobile-menu-profile{grid-template-columns:auto minmax(0,1fr)}.mobile-menu-profile>.btn{grid-column:1/-1;width:100%}}
@media(max-width:520px){.mobile-menu-link,.mobile-account-link{padding:10px}.mobile-menu-link>span{width:38px;height:38px}.mobile-menu-profile{padding:12px}}

/* v14 — document containment, archive compatibility and adaptive preview */
.modal-document-preview .modal-head{align-items:center}
.document-zoom-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.document-preview-scroll{overflow:auto;display:block;overscroll-behavior:contain}
.document-preview-stage{position:relative;margin:0 auto;max-width:none;min-width:0;transition:width .14s ease,height .14s ease}
.document-preview-stage>.paper{transform:scale(var(--doc-scale,1))!important;transform-origin:top left!important;margin:0!important}

/* Critical reset: app tables have min-width:820px; printable tables must never inherit it. */
.document-preview-scroll .paper table,
.document-preview-scroll .paper .print-table{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.document-preview-scroll .paper main,
.document-preview-scroll .paper section,
.document-preview-scroll .paper header,
.document-preview-scroll .paper footer,
.document-preview-scroll .paper .print-note,
.document-preview-scroll .paper .print-two,
.document-preview-scroll .paper .print-facts{
  width:100%;max-width:100%;min-width:0;
}
.document-preview-scroll .paper th,
.document-preview-scroll .paper td{
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto;
}
.document-preview-scroll .paper td>*{max-width:100%}

/* Old archived snapshots did not have colgroups. Type-specific rules keep them inside A4. */
.document-type-defect_report .paper table th:nth-child(1),
.document-type-defect_report .paper table td:nth-child(1){width:6%}
.document-type-defect_report .paper table th:nth-child(2),
.document-type-defect_report .paper table td:nth-child(2){width:18%}
.document-type-defect_report .paper table th:nth-child(3),
.document-type-defect_report .paper table td:nth-child(3){width:29%}
.document-type-defect_report .paper table th:nth-child(4),
.document-type-defect_report .paper table td:nth-child(4){width:17%}
.document-type-defect_report .paper table th:nth-child(5),
.document-type-defect_report .paper table td:nth-child(5){width:30%}

.document-type-work_order .paper .works-table th:nth-child(1),
.document-type-work_order .paper .works-table td:nth-child(1),
.document-type-completion_act .paper .works-table th:nth-child(1),
.document-type-completion_act .paper .works-table td:nth-child(1){width:6%}
.document-type-work_order .paper .works-table th:nth-child(3),
.document-type-work_order .paper .works-table td:nth-child(3),
.document-type-completion_act .paper .works-table th:nth-child(3),
.document-type-completion_act .paper .works-table td:nth-child(3){width:16%}
.document-type-work_order .paper .works-table th:nth-child(4),
.document-type-work_order .paper .works-table td:nth-child(4),
.document-type-work_order .paper .works-table th:nth-child(5),
.document-type-work_order .paper .works-table td:nth-child(5),
.document-type-completion_act .paper .works-table th:nth-child(4),
.document-type-completion_act .paper .works-table td:nth-child(4),
.document-type-completion_act .paper .works-table th:nth-child(5),
.document-type-completion_act .paper .works-table td:nth-child(5){width:15%}

.document-type-work_order .paper .parts-table th:nth-child(1),
.document-type-work_order .paper .parts-table td:nth-child(1),
.document-type-completion_act .paper .parts-table th:nth-child(1),
.document-type-completion_act .paper .parts-table td:nth-child(1){width:6%}
.document-type-work_order .paper .parts-table th:nth-child(3),
.document-type-work_order .paper .parts-table td:nth-child(3),
.document-type-completion_act .paper .parts-table th:nth-child(3),
.document-type-completion_act .paper .parts-table td:nth-child(3){width:17%}
.document-type-work_order .paper .parts-table th:nth-child(4),
.document-type-work_order .paper .parts-table td:nth-child(4),
.document-type-completion_act .paper .parts-table th:nth-child(4),
.document-type-completion_act .paper .parts-table td:nth-child(4){width:11%}
.document-type-work_order .paper .parts-table th:nth-child(5),
.document-type-work_order .paper .parts-table td:nth-child(5),
.document-type-work_order .paper .parts-table th:nth-child(6),
.document-type-work_order .paper .parts-table td:nth-child(6),
.document-type-completion_act .paper .parts-table th:nth-child(5),
.document-type-completion_act .paper .parts-table td:nth-child(5),
.document-type-completion_act .paper .parts-table th:nth-child(6),
.document-type-completion_act .paper .parts-table td:nth-child(6){width:14%}

/* Compact wide documents slightly so even long Russian text stays legible. */
.document-type-defect_report .paper table,
.document-type-installation_act .paper table{font-size:10.5px;line-height:1.32}
.document-type-defect_report .paper th,
.document-type-defect_report .paper td,
.document-type-installation_act .paper th,
.document-type-installation_act .paper td{padding:1.6mm}

@media(max-width:820px){
  .modal-document-preview .modal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .document-zoom-controls{gap:5px;flex-wrap:wrap;justify-content:flex-end}
  .document-zoom-controls .btn{padding:7px 8px;font-size:11px}
  .document-zoom-controls .icon-btn{width:38px;height:38px}
  .modal-document-preview .document-preview-scroll{height:auto;padding:10px;overflow:auto!important}
  .modal-document-preview .document-preview-stage{margin:0 auto}
  .modal-document-preview .paper{transform:scale(var(--doc-scale,1))!important}
  .modal-document-preview .document-preview-scroll:after{display:none!important}
}
@media(max-width:520px){
  .modal-document-preview .modal-head{grid-template-columns:1fr}
  .document-zoom-controls{width:100%;justify-content:stretch}
  .document-zoom-controls .btn{flex:1}
  .document-zoom-controls .icon-btn{flex:0 0 40px}
  .document-preview-scroll .paper{font-size:11.5px}
}

/* v15 — быстрый старт работ, ровная рекламация и адаптивный логотип */
.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn.success:hover{filter:brightness(.96);border-color:var(--success)}
.procurement-footer-actions{display:flex;gap:8px;flex-wrap:wrap}
.quick-start-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.quick-start-summary>div{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.quick-start-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.quick-start-summary strong{font-size:15px}.quick-start-summary small{line-height:1.35}
.quick-start-card{display:grid;gap:13px;padding:15px;margin-top:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.quick-start-card-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center}.quick-start-card-head>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand);font-weight:900}.quick-start-card-head>div{display:grid;gap:3px}.quick-start-card-head small{line-height:1.4}
.quick-confirm-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid color-mix(in srgb,var(--success) 45%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--success) 10%,var(--surface))}.quick-confirm-line input{margin-top:3px}.quick-confirm-line span{display:grid;gap:3px}.quick-confirm-line small{line-height:1.35}
.quick-scope{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-scope label{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.quick-scope span{display:grid;gap:2px}.quick-scope input{margin-top:3px}.quick-scope label:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-soft)}
.quick-time-buttons{display:flex;gap:7px;flex-wrap:wrap}.quick-empty-note{padding:12px;border-radius:12px;background:var(--surface-2);color:var(--muted)}.required-confirm{padding:10px;border-radius:11px;background:color-mix(in srgb,var(--warning) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--warning) 45%,var(--line))}

.modal-claim-form{width:min(980px,calc(100vw - 32px))}.claim-form-layout{display:grid;gap:14px}.claim-step-card{min-width:0;display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.claim-step-card>header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.claim-step-card>header>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand);font-weight:900}.claim-step-card h4,.claim-step-card p{margin:0}.claim-step-card header div{display:grid;gap:3px}.claim-step-card header p{color:var(--muted);font-size:12px;line-height:1.4}.claim-basis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-requirement-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:13px;align-items:stretch}.claim-deadline-box{display:grid;gap:11px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.claim-deadline-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start}.claim-deadline-toggle input{margin-top:3px}.claim-deadline-toggle span{display:grid;gap:3px}.claim-deadline-toggle small{line-height:1.35}.claim-deadline-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:10px;border-top:1px solid var(--line);transition:.15s}.claim-deadline-fields.disabled{opacity:.45;filter:grayscale(.3)}.claim-deadline-fields.disabled *{pointer-events:none}.claim-evidence-grid{align-items:stretch}.upload-tile{min-height:150px}.evidence-checklist{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}

/* Uploaded logos are classified as wide, square or tall and fitted per context. */
.brand-mark.has-image,.brand-paper-logo.has-image,.brand-preview-logo.has-image{background:color-mix(in srgb,var(--surface) 92%,var(--brand));border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line))}
.brand-mark.has-image img,.brand-paper-logo.has-image img,.brand-preview-logo.has-image img{object-fit:contain;background:transparent;display:block;margin:auto}
.brand-mark.logo-square img,.brand-paper-logo.logo-square img,.brand-preview-logo.logo-square img{width:88%;height:88%}
.brand-mark.logo-wide img,.brand-paper-logo.logo-wide img,.brand-preview-logo.logo-wide img{width:96%;height:68%}
.brand-mark.logo-tall img,.brand-paper-logo.logo-tall img,.brand-preview-logo.logo-tall img{width:64%;height:94%}
.document-preview-scroll .print-header{grid-template-columns:auto minmax(0,1fr) auto}
.document-preview-scroll .print-logo.logo-wide{width:28mm;height:14mm}.document-preview-scroll .print-logo.logo-tall{width:13mm;height:18mm}.document-preview-scroll .print-logo.logo-square{width:16mm;height:16mm}.document-preview-scroll .print-logo img{object-fit:contain;background:transparent}.document-preview-scroll .print-logo.logo-wide img{padding:1mm}.document-preview-scroll .print-logo.logo-tall img{padding:.7mm}

@media(max-width:820px){
  .quick-start-summary{grid-template-columns:1fr}.quick-scope{grid-template-columns:1fr}.quick-time-buttons .btn{flex:1 1 120px}.claim-basis-grid,.claim-requirement-grid,.claim-evidence-grid{grid-template-columns:1fr}.modal-claim-form{width:100vw}.claim-step-card{padding:13px}.claim-step-card>header{grid-template-columns:34px minmax(0,1fr)}.claim-step-card>header>span{width:34px;height:34px}.procurement-footer-actions{width:100%}.procurement-footer-actions .btn{flex:1 1 150px}
}
@media(max-width:520px){
  .quick-start-card{padding:12px}.quick-time-buttons{display:grid;grid-template-columns:1fr}.modal-quick-start .modal-foot,.modal-claim-form .modal-foot{grid-template-columns:1fr}.claim-step-card{border-radius:14px;padding:12px}.claim-deadline-box{padding:11px}.upload-tile{min-height:120px;padding:18px}.brand-mark.logo-wide img{width:98%;height:62%}
}
.quick-batch-banner{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--success) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--success) 10%,var(--surface))}.quick-batch-banner>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--success);color:#fff;font-weight:900}.quick-batch-banner>div{display:grid;gap:3px}.quick-batch-banner small{line-height:1.35}

/* v16 — рабочий чек-лист и фотографии на любом этапе */
.task-row{position:relative;grid-template-columns:32px minmax(0,1fr);cursor:pointer;user-select:none;min-height:54px}
.task-row input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.task-row:focus-within,.task-row:focus{outline:3px solid var(--accent-soft-2);outline-offset:2px}
.task-row strong{display:grid;gap:2px;min-width:0}
.task-row strong small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-decoration:none}
.task-row.checked strong small{color:var(--success-text)}
.mechanic-missing,.mechanic-ready{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px;padding:11px 12px;border-radius:12px}
.mechanic-missing{background:var(--warning-soft);color:var(--warning-text);border:1px solid color-mix(in srgb,var(--warning) 28%,var(--line))}
.mechanic-ready{background:var(--success-soft);color:var(--success-text);border:1px solid color-mix(in srgb,var(--success) 28%,var(--line))}
.mechanic-missing>span,.mechanic-ready>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--surface);font-weight:900}
.mechanic-missing strong,.mechanic-missing small,.mechanic-ready strong,.mechanic-ready small{display:block}
.mechanic-missing small,.mechanic-ready small{margin-top:3px;color:inherit;opacity:.8}
.mechanic-photo-strip{padding:0 19px 18px}
.mechanic-photo-strip .workspace-title{margin-bottom:10px}
.order-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.order-media-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));max-height:280px;overflow:auto;padding:2px}
.order-media-card{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);display:grid;grid-template-rows:150px auto}
.order-media-grid.compact .order-media-card{grid-template-rows:92px auto}
.media-image-button{border:0;padding:0;background:var(--surface-3);overflow:hidden}
.media-image-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s}
.media-image-button:hover img{transform:scale(1.025)}
.media-card-body{padding:11px;display:grid;gap:8px;min-width:0}
.media-card-body>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.media-card-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-card-body>strong{overflow-wrap:anywhere;line-height:1.35}
.media-card-actions{display:flex;gap:6px;flex-wrap:wrap}
.media-category-summary{display:flex;gap:7px;flex-wrap:wrap}
.media-empty{margin-top:12px;border:1px dashed var(--line);border-radius:14px;padding:25px}
.media-upload-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:15px}
.media-dropzone{min-height:300px;border:2px dashed color-mix(in srgb,var(--brand) 50%,var(--line));border-radius:18px;background:var(--accent-soft);display:grid;place-items:center;align-content:center;text-align:center;padding:24px;gap:8px;cursor:pointer}
.media-dropzone:hover{background:var(--accent-soft-2)}
.media-dropzone input{position:absolute;opacity:0;width:1px;height:1px}
.media-dropzone>span{font-size:40px;color:var(--brand)}
.media-dropzone small{max-width:320px;line-height:1.5}
.media-upload-preview{display:grid;gap:6px;max-height:150px;overflow:auto;padding:10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.media-upload-preview span{font-size:11px;overflow-wrap:anywhere}
.modal-media-view{width:min(1100px,96vw)}
.modal-media-view .modal-body{display:grid;place-items:center;background:#070b12;padding:12px}
.modal-media-view .modal-body img{display:block;max-width:100%;max-height:72vh;object-fit:contain;border-radius:8px}
@media(max-width:1100px){.order-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-media-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.media-upload-layout{grid-template-columns:1fr}.media-dropzone{min-height:210px}.order-media-grid,.order-media-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.mechanic-photo-strip{padding:0 14px 14px}}
@media(max-width:520px){.order-media-grid,.order-media-grid.compact{grid-template-columns:1fr}.order-media-card,.order-media-grid.compact .order-media-card{grid-template-rows:180px auto}.modal-media-upload .modal-foot .form-hint{display:none}.media-dropzone{min-height:180px}.mechanic-actions .btn{width:100%;margin-left:0}.mechanic-actions .primary{margin-left:0}}
.task-row input{left:11px;top:11px;width:32px;height:32px;z-index:3;cursor:pointer;pointer-events:auto}

/* v17 — безопасный откат состояния и аудит маршрута */
.movement-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.workflow-history{display:grid;gap:9px}
.workflow-history-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:11px}
.workflow-history-row>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand);font-weight:900}
.workflow-history-row.rollback{border-color:color-mix(in srgb,var(--danger) 38%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface))}
.workflow-history-row.rollback>span{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.workflow-history-row strong,.workflow-history-row small,.workflow-history-row p{display:block;overflow-wrap:anywhere}
.workflow-history-row small{margin-top:3px;color:var(--muted)}
.workflow-history-row p{margin:5px 0 0;color:var(--text-secondary);font-size:11px}
.modal-rollback{width:min(760px,94vw)}
.rollback-current{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:15px;border-radius:16px;background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--line);margin-bottom:14px}
.rollback-current>span{font-size:26px;color:var(--danger);font-weight:900}
.rollback-current>div{display:grid;gap:4px;min-width:0}
.rollback-current>div:last-child{text-align:right}
.rollback-current span:not(.rollback-current>span){font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.rollback-current strong{font-size:16px;overflow-wrap:anywhere}
.rollback-current small{color:var(--muted)}
.rollback-card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:14px;margin-bottom:12px}
.rollback-card h4{margin:0 0 10px}
.rollback-preserve{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;padding:13px;border-radius:14px;background:color-mix(in srgb,var(--success) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 30%,var(--line));margin-bottom:12px}
.rollback-preserve>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--success) 14%,transparent)}
.rollback-preserve strong,.rollback-preserve p{display:block}
.rollback-preserve p{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}
@media(max-width:720px){.movement-current{grid-template-columns:1fr}.movement-actions{justify-content:stretch}.movement-actions .btn{width:100%}.rollback-current{grid-template-columns:1fr;text-align:left}.rollback-current>span{transform:rotate(90deg);justify-self:start}.rollback-current>div:last-child{text-align:left}.modal-rollback .modal-foot .btn{width:100%}}

/* v18 — регулируемый запас и ручная обещанная готовность */
.promise-control{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.promise-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.promise-mode-choice>label{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;min-width:0}
.promise-mode-choice>label:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-soft);background:var(--accent-soft)}
.promise-mode-choice input{margin-top:3px;accent-color:var(--brand)}
.promise-mode-choice span,.promise-mode-choice b,.promise-mode-choice small{display:block;min-width:0}
.promise-mode-choice small{margin-top:3px;line-height:1.35;color:var(--muted)}
.buffer-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}
.buffer-input input{border:0!important;border-radius:0!important;background:transparent!important;min-width:0}
.buffer-input span{padding:0 12px;color:var(--muted);font-weight:750;border-left:1px solid var(--line);align-self:stretch;display:grid;place-items:center}
.buffer-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mini-preset{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:6px 8px;border-radius:999px;font-size:10px;font-weight:800;cursor:pointer}
.mini-preset:hover,.mini-preset.active{border-color:var(--brand);background:var(--accent-soft);color:var(--brand)}
#promiseBufferField.is-disabled{opacity:.58}
#promiseBufferField.is-disabled .buffer-presets{pointer-events:none}
#schedulePromise[readonly]{background:var(--surface-3);color:var(--text-secondary);cursor:not-allowed}
#schedulePromise.manual-promise{border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-soft)}
.settings-presets{margin:12px 0}
@media(max-width:620px){.promise-mode-choice{grid-template-columns:1fr}.buffer-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mini-preset{white-space:normal;line-height:1.2}.schedule-planner{grid-template-columns:1fr!important}.schedule-planner .btn{width:100%}}

/* v18 — потребность в детали, API и ручной заказ */
.part-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.part-title-line .chip{font-size:9px;padding:3px 7px}.part-main>em,.procurement-part>div>em{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-style:normal;line-height:1.4}.procurement-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.procurement-actions .btn{white-space:nowrap}.part-editor-grid,.part-need-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:16px}.manual-order-toggle{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:start;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:13px;cursor:pointer}.manual-order-toggle>input{margin-top:4px}.manual-order-toggle>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand);font-weight:900}.manual-order-toggle>div{display:grid;gap:3px}.manual-order-toggle small{line-height:1.4}.manual-order-toggle:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-soft)}.manual-order-toggle.always{margin-bottom:14px}.manual-order-fields{margin-top:12px;transition:.16s}.manual-order-fields.disabled{opacity:.45;pointer-events:none;filter:grayscale(.25)}.procurement-explain{margin-top:14px;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--surface-2)}.procurement-explain b,.procurement-explain p{display:block}.procurement-explain p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.procurement-choice{display:grid;gap:9px}.procurement-choice>label{display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer}.procurement-choice>label>input{margin-top:5px}.procurement-choice>label>span{width:32px;height:32px;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;color:var(--brand);font-weight:900}.procurement-choice>label>div{display:grid;gap:3px}.procurement-choice>label:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-soft);background:var(--accent-soft)}.procurement-flow-panel{margin-top:13px}.procurement-flow-panel.hidden{display:none}.source-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.source-choice label{display:flex;gap:9px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer}.source-choice label:has(input:checked){border-color:var(--brand);background:var(--accent-soft)}.source-choice span{display:grid;gap:3px}.source-choice small{color:var(--muted)}
@media(max-width:1050px){.part-editor-grid,.part-need-layout{grid-template-columns:1fr}.procurement-actions{justify-content:flex-start}}
@media(max-width:620px){.procurement-actions{display:grid;grid-template-columns:1fr}.procurement-actions .btn{width:100%}.source-choice{grid-template-columns:1fr}.manual-order-toggle{grid-template-columns:auto 1fr}.manual-order-toggle>input{grid-row:1/3}.manual-order-toggle>span{display:none}.part-title-line{align-items:flex-start}.part-title-line .chip{width:max-content}.part-editor-grid,.part-need-layout{gap:12px}}

/* v19 — аналоги и несколько кабинетов поставщика */
.chip.blue{background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand);border-color:color-mix(in srgb,var(--brand) 26%,var(--line))}
.offer-policy-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin-bottom:12px}.offer-policy-bar>div:first-child{display:grid;gap:3px}.offer-policy-bar span{font-size:10px;color:var(--muted)}.offer-filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.analog-product-list{display:grid;gap:12px}.analog-product-group{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.analog-product-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:var(--surface-2);border-bottom:1px solid var(--line)}.analog-product-group>header strong,.analog-product-group>header small{display:block}.analog-product-group>header small{margin-top:3px;color:var(--muted)}.analog-product-group .supplier-offers{padding:10px}.supplier-offer.analog-offer{grid-template-columns:62px minmax(0,1fr) auto;padding:10px 12px}.supplier-offer.analog-offer>input{position:absolute;opacity:0;pointer-events:none}.supplier-offer.analog-offer:has(input:checked){border-color:var(--brand);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.analog-product-mark{width:54px;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:grid;place-items:center;align-content:center;text-align:center}.analog-product-mark b{font-size:11px;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analog-product-mark span{margin:1px 0 0!important;font-size:8px!important;text-transform:uppercase}.analog-offer-main{min-width:0}.analog-offer-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.analog-offer-title strong{overflow-wrap:anywhere}.analog-offer-main>small,.analog-offer-main>span{line-height:1.4}.analog-offer-price{text-align:right;display:grid;gap:3px}.analog-offer-price b{font-size:16px}.analog-offer-price small{color:var(--muted);white-space:nowrap}.supplier-card-v19{display:block;padding:0;overflow:hidden}.supplier-card-head{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:11px;padding:12px}.supplier-account-list{display:grid;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2)}.supplier-account-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.supplier-account-row:last-child{border-bottom:0}.supplier-account-row.disabled{opacity:.55}.supplier-account-row strong,.supplier-account-row small,.supplier-account-row span{display:block}.supplier-account-row small{margin-top:3px}.supplier-account-row>div:first-child>span{font-size:10px;color:var(--muted);margin-top:4px}.supplier-account-actions{display:flex;align-items:center;gap:8px}.supplier-card-v19>.btn{margin:10px 12px}.part-title-line{flex-wrap:wrap}.part-title-line .chip{flex:0 0 auto}
html[data-theme="dark"] .analog-product-mark,html[data-theme="dark"] .supplier-account-list{background:var(--surface-2)}
@media(max-width:760px){.offer-policy-bar{align-items:stretch;flex-direction:column}.offer-filter-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.supplier-card-head{grid-template-columns:42px minmax(0,1fr) auto}.supplier-card-head .supplier-score{display:none}.supplier-account-row{grid-template-columns:1fr}.supplier-account-actions{justify-content:space-between}.supplier-offer.analog-offer{grid-template-columns:48px minmax(0,1fr)}.analog-product-mark{width:44px;height:44px}.analog-offer-price{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px}.analog-offer-price small{white-space:normal}.analog-product-group>header{align-items:flex-start}.analog-product-group>header .chip{white-space:nowrap}}
@media(max-width:430px){.offer-filter-buttons{grid-template-columns:1fr 1fr}.supplier-offer.analog-offer{grid-template-columns:1fr}.analog-product-mark{width:100%;height:auto;min-height:38px;display:flex;gap:6px}.analog-offer-price{grid-column:1}.supplier-account-actions{flex-wrap:wrap}.supplier-card-head{grid-template-columns:38px 1fr}.supplier-card-head>.switch{grid-column:2;justify-self:end}.supplier-card-v19>.btn{width:calc(100% - 24px)}}

/* v20 — мастер-партнёр и дополнительные работы */
.chip.master{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f3c453}
html[data-theme="dark"] .chip.master{background:rgba(245,158,11,.16);color:#fbbf24;border-color:rgba(245,158,11,.35)}
.master-partner-row{border:1px solid color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--surface))}
.work-item-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.work-item-row{grid-template-columns:30px minmax(0,1fr) auto auto 30px;cursor:pointer}
.work-item-row.additional{background:color-mix(in srgb,var(--brand) 4%,var(--surface))}
.work-kind-mark{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-weight:900;background:var(--surface-3);color:var(--muted)}
.work-kind-mark.additional{background:var(--accent-soft);color:var(--brand)}
.work-item-row p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.mechanic-work-items{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:13px}
.mechanic-work-row{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:10px 4px}
.mechanic-work-row:last-child{border-bottom:0}.mechanic-work-row:hover{background:var(--surface-2)}
.mechanic-work-row>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand);font-weight:900}
.mechanic-work-row.done>span{background:rgba(22,128,60,.13);color:var(--success)}
.mechanic-work-row strong,.mechanic-work-row small{display:block}.mechanic-work-row small{margin-top:3px}.mechanic-work-row>b{white-space:nowrap}
@media(max-width:820px){.work-item-editor{grid-template-columns:1fr}.work-item-row{grid-template-columns:26px minmax(0,1fr) auto}.work-item-row>strong{grid-column:2;text-align:left}.work-item-row>.icon-btn{grid-column:3;grid-row:1/3}.work-item-row>.chip{grid-column:2;justify-self:start}.modal-work-item .modal-foot{display:grid;grid-template-columns:1fr 1fr}.modal-work-item .modal-foot .filter-spacer{display:none}.modal-work-item .modal-foot .btn{width:100%}.modal-work-item .modal-foot .danger{grid-column:1/-1}}
@media(max-width:480px){.modal-work-item .modal-foot{grid-template-columns:1fr}.modal-work-item .modal-foot .danger{grid-column:auto}.mechanic-work-row{grid-template-columns:26px minmax(0,1fr)}.mechanic-work-row>b{grid-column:2}}

/* v21 — редактор сформированных документов */
.modal-document-editor{width:min(1180px,96vw)}
.document-editor-body{display:grid;gap:14px;background:var(--surface-2)}
.document-editor-section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;min-width:0}
.document-edit-list{display:grid;gap:10px}
.document-edit-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(82px,.4fr) minmax(82px,.45fr) minmax(110px,.55fr) 34px;gap:9px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);min-width:0}
.document-edit-row.doc-editor-part-row{grid-template-columns:minmax(210px,1.35fr) minmax(140px,.8fr) minmax(82px,.4fr) minmax(110px,.55fr) 34px}
.document-edit-row.doc-editor-defect-row{grid-template-columns:minmax(130px,.7fr) minmax(220px,1.4fr) minmax(120px,.65fr) minmax(200px,1.2fr) 34px}
.document-edit-row .field{min-width:0;margin:0}.document-edit-row .field input{width:100%}
.document-edit-row .row-comment{grid-column:1/-1}.document-edit-row .icon-btn{align-self:end;margin-bottom:1px}
.document-editor-total{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px}.document-editor-total b{font-size:15px}
.document-editor-grand-total{margin-right:auto;display:flex;gap:10px;align-items:center}.document-editor-grand-total b{font-size:16px}
.document-lock-note{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warning) 42%,var(--line));background:color-mix(in srgb,var(--warning) 10%,var(--surface));border-radius:13px}.document-lock-note b,.document-lock-note span{display:block}.document-lock-note span{font-size:12px;color:var(--muted);margin-top:2px}
.table-actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:900px){.document-edit-row,.document-edit-row.doc-editor-part-row,.document-edit-row.doc-editor-defect-row{grid-template-columns:1fr 1fr}.document-edit-row .grow,.document-edit-row .row-comment{grid-column:1/-1}.document-edit-row .icon-btn{grid-column:2;justify-self:end}.document-editor-grand-total{width:100%;margin:0 0 6px;justify-content:space-between}}
@media(max-width:560px){.modal-document-editor{width:100vw}.document-editor-section{padding:11px;border-radius:13px}.document-edit-row,.document-edit-row.doc-editor-part-row,.document-edit-row.doc-editor-defect-row{grid-template-columns:1fr}.document-edit-row .grow,.document-edit-row .row-comment,.document-edit-row .icon-btn{grid-column:1}.document-edit-row .icon-btn{justify-self:end}.document-editor-grand-total{font-size:11px}.modal-document-editor .modal-foot{align-items:stretch}.modal-document-editor .modal-foot>.btn{flex:1}.document-lock-note{display:grid}}

/* v22 — interactive onboarding / learning mode */
.top-help{font-weight:900;font-size:18px;color:var(--brand);background:var(--accent-soft);border-color:color-mix(in srgb,var(--brand) 28%,var(--line))}
.onboarding-backdrop{background:rgba(4,10,20,.72);backdrop-filter:blur(7px)}
.onboarding-welcome{max-width:720px;overflow:hidden}
.onboarding-welcome-visual{height:116px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2));border-bottom:1px solid var(--line)}
.onboarding-welcome-visual span,.onboarding-welcome-visual b{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-size:18px;box-shadow:0 8px 25px rgba(15,23,42,.08)}
.onboarding-welcome-visual b{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}
.onboarding-welcome .modal-body{padding:26px 28px}.onboarding-welcome h2{font-size:27px;letter-spacing:-.03em;margin:7px 0 9px}.onboarding-welcome .modal-body>p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 20px}
.onboarding-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.onboarding-benefits>div{padding:13px;border:1px solid var(--line);background:var(--surface-2);border-radius:13px}.onboarding-benefits b,.onboarding-benefits small{display:block}.onboarding-benefits small{margin-top:3px;line-height:1.4;color:var(--muted)}
.onboarding-welcome-actions{justify-content:flex-end}
.learning-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.learning-choice-grid>button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:17px;text-align:left;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.learning-choice-grid>button:hover{border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-soft)}.learning-choice-grid>button>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand);font-size:20px;font-weight:900}.learning-choice-grid strong,.learning-choice-grid small{display:block}.learning-choice-grid small{margin-top:5px;line-height:1.45;color:var(--muted)}
.learning-status{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.cheatsheet-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cheatsheet-flow article{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.cheatsheet-flow article>span{width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--brand);display:grid;place-items:center;font-weight:900}.cheatsheet-flow strong,.cheatsheet-flow p{display:block}.cheatsheet-flow p{margin:4px 0 0;color:var(--muted);line-height:1.5;font-size:12px}.cheatsheet-tip{margin-top:14px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));background:var(--accent-soft);border-radius:13px;display:flex;gap:8px;align-items:flex-start}.cheatsheet-tip span{line-height:1.5}
.onboarding-settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:18px;align-items:center}.onboarding-settings-copy p{color:var(--muted);line-height:1.55;margin:6px 0 12px}.onboarding-mini-flow{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.onboarding-mini-flow span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750}.onboarding-mini-flow b{color:var(--muted)}.onboarding-settings-actions{display:grid;gap:8px;min-width:220px}
.product-tour-layer{position:fixed;inset:0;z-index:2200;pointer-events:none;background:rgba(2,6,12,.34)}
.product-tour-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(2,6,12,.64),0 0 0 3px var(--brand),0 12px 40px rgba(0,0,0,.22);transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease;z-index:2201;pointer-events:none;background:rgba(255,255,255,.01)}
.product-tour-tooltip{position:fixed;z-index:2202;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:0 24px 70px rgba(0,0,0,.3);pointer-events:auto;max-width:calc(100vw - 24px)}.product-tour-tooltip.centered{left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 24px))!important}.product-tour-tooltip h3{font-size:18px;margin:12px 0 7px}.product-tour-tooltip p{margin:0;color:var(--muted);line-height:1.55}.tour-progress>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.tour-progress>div{height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-top:7px}.tour-progress i{display:block;height:100%;background:var(--brand);border-radius:999px}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.tour-actions>div{display:flex;gap:7px}
html[data-theme="dark"] .onboarding-backdrop{background:rgba(0,0,0,.76)}
html[data-theme="dark"] .product-tour-layer{background:rgba(0,0,0,.18)}
html[data-theme="dark"] .product-tour-spotlight{box-shadow:0 0 0 9999px rgba(0,0,0,.72),0 0 0 3px var(--brand),0 16px 50px rgba(0,0,0,.5)}
@media(max-width:820px){.top-help{display:none}.onboarding-settings-grid{grid-template-columns:1fr}.onboarding-settings-actions{grid-template-columns:1fr 1fr;min-width:0}.onboarding-settings-actions .btn:first-child{grid-column:1/-1}.cheatsheet-flow{grid-template-columns:1fr}.learning-choice-grid{grid-template-columns:1fr}}
@media(max-width:640px){.onboarding-welcome{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.onboarding-welcome-visual{height:82px}.onboarding-welcome-visual span,.onboarding-welcome-visual b{width:38px;height:38px;border-radius:12px}.onboarding-welcome .modal-body{padding:19px 17px}.onboarding-welcome h2{font-size:23px}.onboarding-benefits{grid-template-columns:1fr}.onboarding-welcome-actions{display:grid;grid-template-columns:1fr 1fr}.onboarding-welcome-actions .btn.primary{grid-column:1/-1;grid-row:1}.product-tour-tooltip{left:10px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-width:none}.product-tour-tooltip.centered{transform:none;left:10px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important}.tour-actions{align-items:stretch}.tour-actions .btn{min-height:42px}.cheatsheet-tip{display:grid}.onboarding-settings-actions{grid-template-columns:1fr}.onboarding-settings-actions .btn:first-child{grid-column:auto}}

/* v22 — регистрация, безопасность аккаунтов и first-run onboarding */
.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);background:var(--bg);color:var(--text)}
.auth-brand-panel{position:relative;overflow:hidden;padding:clamp(30px,6vw,74px);background:linear-gradient(145deg,var(--nav),color-mix(in srgb,var(--nav) 72%,var(--brand)));color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:38px}
.auth-brand-panel:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-170px;bottom:-170px;background:color-mix(in srgb,var(--brand) 34%,transparent);filter:blur(2px)}
.auth-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.auth-logo{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:var(--brand);font-weight:900}.auth-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:17px}.auth-brand small{color:#aab7ca;margin-top:3px}
.auth-brand-copy{position:relative;z-index:1;max-width:620px}.auth-brand-copy .eyebrow{color:#91a6c4}.auth-brand-copy h1{font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 18px}.auth-brand-copy p{font-size:16px;line-height:1.65;color:#c7d2e3;max-width:540px;margin:0}
.auth-trust-grid{position:relative;z-index:1;display:grid;gap:10px}.auth-trust-grid>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;color:#dbe5f4;font-size:13px}.auth-trust-grid b{width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#7ee2a8}
.auth-card{width:min(580px,calc(100% - 48px));margin:auto;padding:clamp(24px,4vw,46px);background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.auth-card-head{margin-bottom:24px}.auth-card-head h2{font-size:30px;letter-spacing:-.03em;margin:7px 0 9px}.auth-card-head p{margin:0;color:var(--muted);line-height:1.55}.auth-back{border:0;background:transparent;color:var(--muted);font-weight:800;padding:0;margin:0 0 22px;cursor:pointer}.auth-back:hover{color:var(--brand)}
.auth-choice-grid{display:grid;gap:11px}.auth-choice-grid>button{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:12px;align-items:center;width:100%;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--text);text-align:left}.auth-choice-grid>button:hover{border-color:var(--brand);background:var(--accent-soft);transform:translateY(-1px)}.auth-choice-grid>button>span{width:46px;height:46px;border-radius:13px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:22px;color:var(--brand)}.auth-choice-grid strong,.auth-choice-grid small{display:block}.auth-choice-grid small{color:var(--muted);margin-top:3px;line-height:1.4}.auth-choice-grid>button>b{font-size:21px;color:var(--muted)}
.auth-form{display:grid;gap:14px}.auth-form .field{margin:0}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto}.password-field input{border-radius:11px 0 0 11px}.password-field button{border:1px solid var(--line);border-left:0;border-radius:0 11px 11px 0;background:var(--surface-2);color:var(--brand);padding:0 12px;font-size:11px;font-weight:800}.auth-consent{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;color:var(--muted);font-size:11px;line-height:1.5}.auth-submit{min-height:48px;margin-top:4px}.auth-error{min-height:18px;color:var(--danger);font-size:11px;font-weight:700}.auth-login-help{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;display:grid;gap:4px}.auth-login-help span{font-weight:800}.auth-login-help small{color:var(--muted);line-height:1.5}.auth-backend-state{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:20px;padding:12px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}.auth-backend-state strong,.auth-backend-state small{display:block}.auth-backend-state small{color:var(--muted);margin-top:2px}
.account-security-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.account-security-card>div{display:grid;gap:3px}.account-security-card small{color:var(--muted)}
.account-action-list{display:grid;gap:8px;margin-top:13px}.account-action-list>button{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:left}.account-action-list>button>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--surface-3);font-weight:900;color:var(--brand)}.account-action-list strong,.account-action-list small{display:block}.account-action-list small{color:var(--muted);margin-top:2px}.account-action-list>b{color:var(--muted)}
.password-generator{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.security-warning{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border-radius:13px;background:#fff8e8;border:1px solid #f1d792;color:#735b20}.security-warning b{font-size:10px;text-transform:uppercase}.security-warning span{font-size:11px;line-height:1.45}.force-password-backdrop{z-index:3000}.force-password-backdrop .modal{box-shadow:0 30px 100px rgba(0,0,0,.45)}
@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{padding:26px 22px;min-height:250px}.auth-brand-copy h1{font-size:34px}.auth-trust-grid{grid-template-columns:1fr 1fr}.auth-card{margin:-28px auto 24px;position:relative;z-index:2;width:min(580px,calc(100% - 24px));padding:24px;border-radius:20px}.auth-brand-copy p{font-size:14px}}
@media(max-width:560px){.auth-brand-panel{min-height:210px;gap:20px}.auth-brand-copy h1{font-size:29px}.auth-brand-copy p{display:none}.auth-trust-grid{display:none}.auth-card{margin:-20px auto 14px;padding:19px 16px}.auth-card-head h2{font-size:24px}.auth-choice-grid>button{grid-template-columns:42px minmax(0,1fr) 18px;padding:12px}.auth-choice-grid>button>span{width:42px;height:42px}.password-generator{grid-template-columns:1fr 1fr}.password-generator input{grid-column:1/-1}.account-security-card{grid-template-columns:auto 1fr}.account-security-card>.chip{grid-column:1/-1;justify-self:start}}
html[data-theme="dark"] .security-warning{background:#2a2416;border-color:#5d4c22;color:#f1d68b}
.task-row input[data-mechanic-check]{pointer-events:none!important}

/* v22 recovery / registration security */
.auth-consent a{color:var(--brand);font-weight:700}.auth-registration-note{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.auth-registration-note span{font-size:12px;color:var(--muted);line-height:1.45}.auth-login-help{display:grid;gap:8px}.auth-login-help .btn{justify-self:start}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recovery-code-grid code{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font:700 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;text-align:center}.security-warning{margin-top:12px}
@media(max-width:520px){.recovery-code-grid{grid-template-columns:1fr}.recovery-code-grid code{font-size:12px}}

/* v24 — Supplier Gateway, VIN catalogs and live supplier accounts */
.integration-gateway-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));background:var(--accent-soft);border-radius:14px;margin-bottom:12px}.integration-gateway-banner>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand);color:var(--brand-contrast);font-weight:900}.integration-gateway-banner strong,.integration-gateway-banner small{display:block}.integration-gateway-banner small{color:var(--muted);margin-top:3px}.integration-gateway-banner.error{border-color:color-mix(in srgb,var(--danger) 42%,var(--line));background:var(--danger-soft)}.integration-gateway-banner.demo{border-color:var(--line);background:var(--surface-soft)}
.supplier-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.supplier-account-title{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.supplier-connect-layout,.catalog-pick-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.provider-credential-panels>[data-provider-panel].hidden{display:none}.security-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft);margin-top:12px}.security-note>span{font-size:18px}.security-note strong,.security-note small{display:block}.security-note small{color:var(--muted);margin-top:3px}.catalog-strategy-note{padding:11px 12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:12px;margin-bottom:12px}.catalog-source-list{display:grid;gap:9px}.catalog-source-card{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);display:grid;gap:5px}.catalog-source-card small,.catalog-source-card span{color:var(--muted)}.api-search-note{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);margin-top:10px}.api-search-note>span{font-size:10px;font-weight:900;background:var(--brand);color:var(--brand-contrast);border-radius:7px;padding:6px 8px}.api-search-note strong,.api-search-note small{display:block}.api-search-note small{color:var(--muted);margin-top:2px}.gateway-live-offer{box-shadow:inset 3px 0 0 var(--brand)}
@media(max-width:820px){.integration-gateway-banner{grid-template-columns:auto 1fr}.integration-gateway-banner>.btn{grid-column:1/-1;width:100%}.supplier-connect-layout,.catalog-pick-layout{grid-template-columns:1fr}.supplier-toolbar{display:grid;grid-template-columns:1fr 1fr}.supplier-toolbar .btn{width:100%}}
@media(max-width:480px){.supplier-toolbar{grid-template-columns:1fr}.integration-gateway-banner{grid-template-columns:1fr}.integration-gateway-banner>span{display:none}}


/* v24.2: partner toggles, VIN feedback and vehicle history */
.check-row{display:grid!important;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:start;width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);cursor:pointer;font-size:13px!important;font-weight:400!important;line-height:1.35}
.check-row input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.check-row>span{width:20px;height:20px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-raised);display:grid;place-items:center;position:relative;margin-top:1px}
.check-row input:checked+span{background:var(--brand);border-color:var(--brand)}
.check-row input:checked+span:after{content:'✓';color:#fff;font-size:12px;font-weight:900;line-height:1}
.check-row>div{min-width:0}.check-row strong{display:block;color:var(--text);font-size:13px;line-height:1.25}.check-row small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:3px}
.check-row:has(input:disabled){opacity:.66;cursor:default}.master-partner-row{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--surface-soft))}
.inline-field-warning{margin-top:8px;padding:9px 11px;border:1px solid color-mix(in srgb,#f59e0b 48%,var(--line));border-radius:10px;background:color-mix(in srgb,#f59e0b 10%,var(--surface));color:var(--text);font-size:11px;line-height:1.45}
.vin-result.partial{border-color:color-mix(in srgb,#f59e0b 42%,var(--line));background:color-mix(in srgb,#f59e0b 7%,var(--surface))}
.vehicle-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.vehicle-history-summary>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.vehicle-history-summary span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.vehicle-history-summary strong{display:block;margin-top:5px;font-size:18px}
.vehicle-history-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:14px}.vehicle-history-layout>aside{display:grid;gap:12px;align-content:start}.vehicle-history-timeline{display:grid;gap:9px}.vehicle-history-visit{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.vehicle-history-date{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.vehicle-history-date strong{font-size:12px}.vehicle-history-visit-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px}.vehicle-history-visit-main>div{min-width:0}.vehicle-history-visit-main b,.vehicle-history-visit-main small,.vehicle-history-visit-main p{display:block}.vehicle-history-visit-main small{color:var(--muted);margin-top:3px}.vehicle-history-visit-main p{margin:6px 0 0;font-size:11px;color:var(--muted);line-height:1.4}.vehicle-history-recommendations{margin:0;padding-left:18px;display:grid;gap:8px;font-size:12px;line-height:1.45}.vehicle-history-warranty{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vehicle-history-warranty span{padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:11px}.vehicle-history-warranty b{display:block;margin-top:3px}.vehicle-history-warranty small{grid-column:1/-1;color:var(--muted);line-height:1.4}.vehicle-history-claim{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}.vehicle-history-claim:last-child{border-bottom:0}.vehicle-history-claim small{color:var(--muted)}
@media(max-width:760px){.vehicle-history-summary{grid-template-columns:1fr 1fr}.vehicle-history-layout{grid-template-columns:1fr}.vehicle-history-visit-main{flex-direction:column}.vehicle-history-visit-main .btn{width:100%}}