/* W08a: ponukový editor a história verzií (web/admin-offer-editor-view.js, web/admin-offer-history-view.js) v okne offer-modal.
   A3 redizajn V6.2 (3D_V3/PLAN-DALSIA-FAZA/REDIZAJN-V6-2/PLAN.md riadok A3, snimky/v62-08): iba vzhľad dnešného okna so 4 krokmi.
   Farby iba z tokenov design.css a tokens-v62.css (ANALYZA.md časť 5.1), sumy tabuľkovými číslicami; kroky ako pás krokov detailu. */
.offer-workspace{display:grid;gap:var(--space-3);min-width:0}
.offer-workspace [hidden]{display:none}
.offer-workspace-head h3{margin:0 0 2px;font-size:var(--text-xl);font-weight:700;letter-spacing:-.2px;overflow-wrap:anywhere}
.offer-workspace-head>p.muted{margin:0;font-size:var(--text-sm)}
.offer-transient{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--accent-line);border-radius:var(--radius-control);
 background:var(--blue-bg);color:var(--blue);font-size:var(--text-sm);line-height:1.5}
/* Pás 4 krokov: políčka v jednom rámčeku, aktuálne podfarbené s linkou akcentu, hotové so zeleným číslom (ako pás krokov v62-07). */
.offer-steps{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.offer-step{flex:1 1 0;min-width:0}
.offer-step+.offer-step{border-left:1px solid var(--line-soft)}
.offer-step-button{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:48px;padding:var(--space-2) var(--space-3);border:0;border-radius:0;
 background:transparent;color:var(--ink-2);font:inherit;font-size:var(--text-sm);font-weight:600;text-align:left;cursor:pointer}
.offer-step-button:hover:not(:disabled){background:var(--surface-2)}
.offer-step-button[aria-current="step"]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}
.offer-step-number{display:inline-grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid var(--line);border-radius:50%;background:var(--surface);
 color:var(--muted);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}
.offer-step-button[aria-current="step"] .offer-step-number{border-color:var(--accent);background:var(--accent);color:var(--surface)}
.offer-step.is-done .offer-step-number{border-color:var(--green);background:var(--green);color:var(--surface)}
/* Vypnutý krok bez priesvitnosti z design.css (button:disabled), aby text muted ostal čitateľný. */
.offer-step-button:disabled{cursor:not-allowed;color:var(--muted);opacity:1}
.offer-step-button:focus-visible,.offer-workspace .btn:focus-visible,.offer-step-heading:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Pás krokov má overflow-x:auto; rámik fokusu kroku je vnútri políčka, inak ho pás oreže. */
.offer-step-button:focus-visible{outline-offset:-2px}
.offer-workspace-form{display:grid;gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.offer-step-body{margin:0;padding:0;border:0;min-width:0}
.offer-step-heading{margin:0;font-size:var(--text-lg);font-weight:700}
.offer-workspace-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line-soft)}
.offer-workspace-nav .btn:last-child{margin-left:auto}
.offer-workspace-parts h4{margin:var(--space-3) 0 6px;font-size:var(--text-md);font-weight:700}
.offer-workspace-part-list,.offer-workspace-excluded{margin:0;padding-left:18px;font-size:var(--text-sm)}
.offer-workspace-excluded li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:4px 0}
.offer-exclude{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}
.offer-exclude summary{cursor:pointer;font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}
.offer-workspace-line h5{margin:10px 0 4px;font-size:var(--text-md);overflow-wrap:anywhere}
.offer-review h4{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-md);font-weight:700}
.offer-review ul{padding-left:18px}
.offer-review-terms dd{margin:2px 0 10px;overflow-wrap:anywhere}
.offer-terms-preview{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
/* Kontrola: rozpis ceny 13 px s tabuľkovými číslicami, Spolu ako dlaždica akcentu (ANALYZA.md 5.1 Celková suma). */
.offer-diff-table.offer-review-price td{text-align:right;font-variant-numeric:tabular-nums}
.offer-review-price tr:last-child>*{border-bottom:0;background:var(--accent);color:var(--surface);vertical-align:middle}
.offer-review-price tr:last-child>td{font-size:var(--text-3xl);letter-spacing:-.4px}
.offer-review-price tr:last-child strong{font-weight:700}
.offer-issue{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--accent-line);border-radius:var(--radius-control);background:var(--accent-soft)}
.offer-issue>p{margin:0}
.offer-history{display:grid;gap:10px;min-width:0;padding-top:var(--space-3);border-top:1px solid var(--line)}
.offer-history h3{margin:0;font-size:var(--text-lg);font-weight:700}
.offer-history-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}
.offer-history-item{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-width:0}
.offer-history-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}
.offer-history-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 12px;margin:8px 0 0;font-size:var(--text-sm)}
.offer-history-meta dt{color:var(--muted)}
.offer-history-meta dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.offer-history-compare{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}
.offer-hash{font-size:.85em;overflow-wrap:anywhere;word-break:break-all}
.offer-diff{display:grid;gap:10px;min-width:0}
.offer-diff-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--text-sm)}
.offer-diff-table caption{text-align:left;font-weight:700;padding:4px 0}
.offer-diff-table th,.offer-diff-table td{padding:6px 8px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.offer-diff-table tbody th{font-weight:400;color:var(--ink-2)}
.offer-diff-table tr[data-changed="true"]{background:var(--amber-bg)}
.offer-diff-text{white-space:pre-wrap}
.offer-diff-part{padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-control)}
.offer-diff-part summary{display:flex;flex-wrap:wrap;gap:var(--space-2);cursor:pointer;overflow-wrap:anywhere}
/* Štítky stavu verzie a rozdielu: tóny V6.2 (tokens-v62.css), text tónu na podfarbení. */
.offer-diff-chip{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);background:var(--gray-bg);color:var(--gray);font-size:var(--text-xs);font-weight:600}
.offer-diff-added,.offer-status-current{background:var(--green-bg);color:var(--green)}.offer-diff-changed,.offer-status-expired{background:var(--amber-bg);color:var(--amber)}
.offer-diff-excluded,.offer-status-mismatch,.offer-status-newer{background:var(--red-bg);color:var(--red)}.offer-status-accepted{background:var(--blue-bg);color:var(--blue)}
.offer-diff-hashes{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 12px;margin:0}
.offer-diff-hashes dd{margin:0}
@media(max-width:640px){
 .offer-steps{flex-direction:column}
 .offer-step+.offer-step{border-left:0;border-top:1px solid var(--line-soft)}
 .offer-workspace-form{padding:var(--space-3)}
 .offer-workspace .grid-2{grid-template-columns:minmax(0,1fr)}
 .offer-workspace-nav{flex-direction:column-reverse}.offer-workspace-nav .btn{width:100%;margin-left:0}
 .offer-diff-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .offer-diff-table,.offer-diff-table tbody,.offer-diff-table tr,.offer-diff-table th,.offer-diff-table td{display:block;width:auto}
 .offer-diff-table tr{padding:6px 0;border-bottom:1px solid var(--line-soft)}
 .offer-diff-table th,.offer-diff-table td{border:0;padding:2px 0}
 .offer-diff-table td[data-label]::before{content:attr(data-label) ": ";font-weight:600}
 .offer-review-price tr:last-child{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--accent)}
 .offer-review-price tr:last-child>*{background:transparent}
 .offer-history-meta,.offer-diff-hashes{grid-template-columns:minmax(0,1fr)}
}