.document-page { max-width: 1500px; }
.document-actions { display:flex;flex-wrap:wrap;gap:10px;align-items:center; }
.document-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(335px,30%);gap:18px;align-items:start;margin-top:22px; }
.document-main { min-width:0; }
.document-tabs { display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--border, #d5dfeb);padding:4px 2px 0;margin-bottom:16px;scrollbar-width:thin; }
.document-tabs a { white-space:nowrap;display:inline-block;padding:12px 15px;text-decoration:none;color:var(--text-muted,#51637b);border-bottom:3px solid transparent;font-weight:650; }
.document-tabs a[aria-current=page] { color:var(--primary,#1554a8);border-bottom-color:currentColor;background:rgba(70,130,200,.07); }
.document-summary { position:sticky;top:16px;padding:24px; }
.document-amount { display:block;font-size:clamp(26px,3vw,38px);margin:10px 0 18px;white-space:nowrap; }
.document-summary dl { margin:0; }
.document-summary dl div { display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(80,110,145,.15); }
.document-summary dt { color:var(--text-muted,#607185); }
.document-summary dd { margin:0;text-align:right;font-weight:650; }
.document-summary .document-due { font-size:18px;font-weight:750; }
.workspace .client-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:13px;overflow-wrap:anywhere}
.workspace .client-panel h2{font-size:17px;margin:0 0 8px}.workspace .client-panel h3{font-size:14px;margin:16px 0 8px}
.workspace .client-panel-tabs a{font-size:11px;padding:9px 7px}
.workspace .client-panel-row{border-top:1px solid var(--line);padding:11px 0}
.workspace .client-panel-row small{display:block;color:var(--muted);margin-top:4px}
.workspace .client-panel-row p{margin:6px 0 0}
.document-facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:16px 0 22px; }
.document-facts div { padding:12px;border:1px solid rgba(80,110,145,.2);border-radius:10px; }
.document-facts dt { color:var(--text-muted,#607185);font-size:13px;margin-bottom:5px; }
.document-facts dd { margin:0;overflow-wrap:anywhere; }
.document-page .card-section { margin-bottom:16px; }
.document-page select,.document-page textarea { max-width:100%; }
.diagnostic-checks { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.diagnostic-check { border:1px solid var(--border,#d5dfeb);border-radius:14px;padding:20px;min-width:0; }
.diagnostic-check h3 { margin:5px 0 14px; }
.diagnostic-check-title small { color:var(--primary,#1554a8);font-weight:700; }
.diagnostic-check .field { margin-bottom:12px; }
.diagnostic-check .field label { display:block;margin-bottom:5px; }
.diagnostic-check select,.diagnostic-check textarea { box-sizing:border-box;width:100%; }
@media(max-width:800px) { .diagnostic-checks { grid-template-columns:1fr; } }
@media(max-width:960px) { .document-layout { display:flex;flex-direction:column; }.document-summary { position:static;width:100%;box-sizing:border-box; }.document-main { width:100%; }.document-facts { grid-template-columns:1fr; } }
.procurement-inline-form { display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:12px;min-width:260px; }
.procurement-inline-form .field { flex:1 1 125px;margin:0; }
.procurement-inline-form .field label { display:block;font-size:12px;margin-bottom:4px; }
.procurement-inline-form select,.procurement-inline-form input { width:100%;box-sizing:border-box; }
.procurement-inline-form .button { width:100%; }
/* Документы диагностики используют существующие переменные четырёх тем Victory. */
.workspace .diagnostic-workspace{max-width:none}
.workspace .diagnostic-permissions{display:flex;flex-wrap:wrap;gap:18px;padding:12px 18px 20px;border-bottom:1px solid var(--line);background:var(--accent-soft);font-size:13px}
.workspace .diagnostic-permissions label{display:flex;align-items:center;gap:6px}
.workspace .diagnostic-workspace [data-diagnostic-panel][hidden]{display:none!important}
.workspace .diagnostic-form-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font:inherit;font-weight:700;white-space:nowrap;padding:12px 15px;cursor:pointer}
.workspace .diagnostic-form-tabs button[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-soft)}
.workspace .document-page{max-width:none}
.workspace .diagnostic-order-issue{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.workspace .diagnostic-order-issue small{display:block;margin-top:5px;color:var(--muted)}
.workspace .diagnostic-order-issue form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.workspace .diagnostic-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.workspace .diagnostic-main{min-width:0}
.workspace .diagnostic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.workspace .diagnostic-fields .field,.workspace .diagnostic-settings label{min-width:0}
.workspace .diagnostic-fields input,.workspace .diagnostic-fields select,.workspace .diagnostic-settings input,.workspace .diagnostic-settings select{width:100%;box-sizing:border-box}
.workspace .diagnostic-context{position:sticky;top:15px;padding:22px;min-width:0}
.workspace .diagnostic-context h2{font-size:18px;margin:0 0 15px}
.workspace .diagnostic-context h3{font-size:14px;margin:20px 0 8px}
.workspace .diagnostic-prior{padding:12px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.workspace .diagnostic-prior b,.workspace .diagnostic-prior small{display:block}
.workspace .diagnostic-prior small{color:var(--muted);margin-top:5px}
.workspace .diagnostic-prior-badge{font-size:11px;font-weight:750;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:5px 9px}
.workspace .diagnostic-group{border:1px solid var(--line);border-radius:12px;margin:14px 0;background:var(--panel);overflow:hidden}
.workspace .diagnostic-group>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;font-weight:750;background:var(--accent-soft)}
.workspace .diagnostic-group>summary label{display:flex;gap:9px;align-items:center;cursor:pointer}
.workspace .diagnostic-group>summary span{font-size:12px;color:var(--muted);font-weight:600}
.workspace .diagnostic-group-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px}
.workspace .diagnostic-entry{min-width:0;border:1px solid var(--line);border-radius:10px;padding:16px}
.workspace .diagnostic-entry h3{font-size:15px;margin:0 0 14px}
.workspace .diagnostic-entry-title{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:7px}
.workspace .diagnostic-entry .field{margin-bottom:12px}
.workspace .diagnostic-entry .field label{display:block;margin-bottom:5px}
.workspace .diagnostic-entry textarea,.workspace .diagnostic-entry select{box-sizing:border-box;width:100%}
.workspace .diagnostic-prior-note{font-size:13px;color:var(--muted);margin:0 0 12px;white-space:pre-line}
.workspace .diagnostic-state{border:0;margin:0 0 15px;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.workspace .diagnostic-state legend{font-size:13px;font-weight:700;margin-bottom:8px}
.workspace .diagnostic-state label{cursor:pointer;position:relative}
.workspace .diagnostic-state input{position:absolute;opacity:0;width:1px;height:1px}
.workspace .diagnostic-state span{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;background:var(--panel)}
.workspace .diagnostic-state input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:750}
.workspace .diagnostic-state input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.workspace .diagnostic-state input:disabled+span{cursor:default}
.workspace .diagnostic-deal-choice{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.workspace .diagnostic-workspace [data-diagnostic-search]{box-sizing:border-box;width:100%;max-width:620px}
.workspace .diagnostic-mileage-warning:not([hidden]){border:1px solid var(--accent);background:var(--accent-soft);border-radius:10px;padding:12px 16px;margin:12px 0}
.workspace .diagnostic-mileage-warning p{margin:0 0 8px}
.workspace .diagnostic-mileage-warning label{display:flex;align-items:center;gap:8px}
.workspace .diagnostic-deal-choice>label{display:flex;align-items:center;gap:8px;font-weight:700}
.workspace .diagnostic-snippets{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:18px 0}
.workspace .diagnostic-snippets>label{flex-basis:100%;font-weight:700}
.workspace .diagnostic-snippets select{min-width:230px;max-width:100%;min-height:42px;flex:1 1 260px}
.workspace .diagnostic-text-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(170px,.9fr) minmax(230px,2fr) auto auto;gap:10px;align-items:end;border-top:1px solid var(--line);padding:14px 0}
.workspace .diagnostic-text-row>label:not(.diagnostic-check-label){display:grid;gap:6px;font-size:13px;font-weight:700}
.workspace .diagnostic-text-row textarea,.workspace .diagnostic-text-row input,.workspace .diagnostic-text-row select{box-sizing:border-box;width:100%}
.workspace .diagnostic-text-row .diagnostic-check-label{white-space:nowrap}
.workspace .diagnostic-settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;border-top:1px solid var(--line);padding:12px 0}
.workspace .diagnostic-settings-row>form:first-child,.workspace .diagnostic-settings-add{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(90px,.5fr) minmax(130px,.65fr) auto;gap:10px;align-items:end}
.workspace .diagnostic-settings label{display:grid;gap:5px;font-weight:700;font-size:12px}
.workspace .diagnostic-settings .diagnostic-check-label{display:flex;align-items:center;gap:8px;padding:9px 0}
.workspace .diagnostic-settings .diagnostic-check-label input{width:auto}
.workspace .diagnostic-settings h3{margin:24px 0 12px}
.workspace .diagnostic-settings .is-archived{opacity:.65}
.workspace .diagnostic-settings-add{margin-top:15px}
.workspace .diagnostic-settings input,.workspace .diagnostic-settings select{min-height:42px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}
@media(max-width:1050px){.workspace .diagnostic-workspace-grid{grid-template-columns:minmax(0,1fr)}.workspace .diagnostic-context{position:static}}
@media(max-width:760px){.workspace .diagnostic-fields,.workspace .diagnostic-group-entries{grid-template-columns:1fr}.workspace .diagnostic-settings-row,.workspace .diagnostic-settings-row>form:first-child,.workspace .diagnostic-settings-add{grid-template-columns:1fr}.workspace .diagnostic-entry{padding:13px}}
@media(max-width:850px){.workspace .diagnostic-text-row{grid-template-columns:1fr 1fr}.workspace .diagnostic-text-row>label:nth-child(4){grid-column:1/-1}}
@media(max-width:560px){.workspace .diagnostic-text-row{grid-template-columns:1fr}.workspace .diagnostic-text-row>label:nth-child(4){grid-column:auto}}
/* Схема осмотра использует оттенки текущей темы рабочего пространства. */
.workspace .inspection-layout{display:grid;grid-template-columns:minmax(240px,360px) minmax(240px,1fr);align-items:start;gap:24px;margin:22px 0}
.workspace .inspection-map{position:relative;width:100%;max-width:360px;aspect-ratio:360/620;background:var(--accent-soft) url('images/inspection-car.svg') center/contain no-repeat;border:1px solid var(--line);border-radius:18px}
.workspace .inspection-map[data-vehicle-type=suv]{background-image:url('images/inspection-suv.svg')}
.workspace .inspection-map[data-vehicle-type=van]{background-image:url('images/inspection-van.svg')}
.workspace .inspection-zone{position:absolute;display:flex;align-items:center;gap:4px;width:27%;min-height:38px;box-sizing:border-box;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-family:inherit;font-size:10px;font-weight:700;line-height:1.15;box-shadow:0 2px 9px rgba(15,40,70,.12);cursor:pointer;padding:5px}
.workspace .inspection-zone:has(input:disabled){cursor:default;opacity:.9}
.workspace .inspection-zone input{width:16px;height:16px;flex:none;margin:0;accent-color:var(--accent);cursor:inherit}
.workspace .inspection-zone span{flex:1;min-width:0}
.workspace .inspection-zone:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.workspace .inspection-zone.has-mark{border:2px solid var(--accent);background:var(--accent-soft)}
.workspace .inspection-zone b{display:inline-block;margin-left:3px;color:var(--accent)}
.workspace .inspection-zone-front{left:50%;top:3%}.workspace .inspection-zone-hood{left:50%;top:18%}.workspace .inspection-zone-windshield{left:50%;top:30%}.workspace .inspection-zone-roof{left:50%;top:52%}.workspace .inspection-zone-rear_window{left:50%;top:74%}.workspace .inspection-zone-rear{left:50%;top:95%}
.workspace .inspection-zone-left_front{left:17%;top:26%}.workspace .inspection-zone-left_mirror{left:17%;top:39%}.workspace .inspection-zone-left_doors{left:17%;top:54%}.workspace .inspection-zone-left_rear{left:17%;top:78%}
.workspace .inspection-zone-right_front{left:83%;top:26%}.workspace .inspection-zone-right_mirror{left:83%;top:39%}.workspace .inspection-zone-right_doors{left:83%;top:54%}.workspace .inspection-zone-right_rear{left:83%;top:78%}
.workspace .inspection-controls{min-width:0}.workspace .inspection-controls h3{margin:16px 0 12px}
.workspace .inspection-marks{list-style:none;padding:0;margin:0}.workspace .inspection-marks li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.workspace .inspection-marks li>span:last-child{display:flex;gap:10px;flex-wrap:wrap}
.workspace .inspection-form .diagnostic-fields{margin:18px 0}.workspace .inspection-form textarea{width:100%;box-sizing:border-box}
.workspace .inspection-dialog{width:min(460px,calc(100% - 36px));max-height:85vh;overflow:auto;box-sizing:border-box;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--panel);color:var(--ink);box-shadow:0 18px 54px rgba(15,40,70,.28)}
.workspace .inspection-dialog::backdrop{background:rgba(10,25,43,.55)}
.workspace .inspection-dialog .field{margin:15px 0}.workspace .inspection-dialog textarea{width:100%;box-sizing:border-box}
.workspace .inspection-dialog .document-actions{display:flex;flex-wrap:wrap;gap:8px}
.workspace .inspection-dialog [hidden]{display:none}
@media(max-width:800px){.workspace .inspection-layout{grid-template-columns:1fr}.workspace .inspection-map{margin:auto}.workspace .inspection-zone{font-size:9px}}