/* A2a redizajn V6.2 (3D_V3/PLAN-DALSIA-FAZA/REDIZAJN-V6-2/PLAN.md časť 5): detail zákazky tímu (hlavička, pás krokov, ďalší krok s hlavnou akciou).
   Súbor založil a v web/index.html pripojil R1 iba s touto hlavičkou; pravidlá píše vlastník balíka, tokeny sú v tokens-v62.css. */
/* A2a podľa snimky/v62-07: načíta sa za order-detail.css a admin-v7-detail.css a mení iba rozloženie ich prvkov. Hlavička je mriežka:
   identita so štítkami a termíny vľavo, cena a pod ňou Zmeniť stav vpravo; pod ňou pás 5 krokov ako rad políčok a pás Ďalší krok
   (admin-workspace.js renderAdminCaseHeader). Tóny štítku stavu sú tie isté ako v admin-v7-detail.css, iba pri čísle objednávky. */
.aw-workspace .aw-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity price" "status tools";align-items:start;
 gap:var(--space-2) var(--space-5)}
.aw-workspace .aw-header>.aw-identity{grid-area:identity;max-width:none}
.aw-workspace .aw-header>.aw-header-status{grid-area:status;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-4)}
.aw-workspace .aw-header>.aw-header-price{grid-area:price;justify-items:end;min-width:0;text-align:right}
.aw-workspace .aw-header>.aw-header-tools{grid-area:tools;justify-content:flex-end}
.aw-id-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);min-width:0}
.aw-id-line>strong{font-size:var(--text-2xl);font-weight:700;line-height:1.2;letter-spacing:-.4px;overflow-wrap:anywhere}
.aw-id-line .order-stage{display:inline-flex}
.aw-id-line .order-stage-label{padding:2px 10px 2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:var(--text-sm)}
.aw-id-line .order-stage:is([data-order-stage=review],[data-order-stage=quote]) .order-stage-label{background:#e9f0fd;color:#1f55b0}
.aw-id-line .order-stage:is([data-order-stage=queue],[data-order-stage=production],[data-order-stage=finishing],
 [data-order-stage=dispatch]) .order-stage-label{background:#f0ecfb;color:#5a43a0}
.aw-id-line .order-stage:is([data-order-stage=partial],[data-order-stage=dispatched],
 [data-order-stage=delivered]) .order-stage-label{background:#e3f4ea;color:#1b6a45}
.aw-id-line .order-stage[data-order-stage=hold] .order-stage-label{background:#fff0d4;color:#7f5000}
.aw-id-line .order-stage:is([data-order-stage=cancelled],[data-order-stage=archived]) .order-stage-label{background:#edf1f5;color:#4f6174}
.aw-id-line .order-stage[data-order-stage=unknown] .order-stage-label{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:#925b08}
/* Pás 5 krokov: políčka v jednom rade, aktuálny krok podfarbený; spojovacie čiary nahradí okraj medzi políčkami. */
.aw-workspace .aw-process{padding:0;overflow:hidden}
.aw-workspace .aw-step::after{display:none}
.aw-workspace .aw-step{padding:var(--space-2) var(--space-3);border-left:1px solid var(--line-soft)}
.aw-workspace .aw-step:first-child{border-left:0}
.aw-workspace .aw-step[aria-current="step"]{background:var(--accent-soft)}
.aw-workspace .aw-process-caption{margin:0;padding:var(--space-2) var(--space-4)}
@container aw-process (min-width:960px){.aw-workspace .aw-step{grid-template-columns:26px minmax(0,1fr)}}
@container aw-process (max-width:439px){
 .aw-workspace .aw-timeline{gap:0}
 .aw-workspace .aw-step{border-left:0;border-top:1px solid var(--line-soft)}
 .aw-workspace .aw-step:first-child{border-top:0}
}
/* Pás Ďalší krok: šípka, veta a vpravo hlavná akcia (sekcia ďalšieho kroku alebo Pripraviť presnú ponuku) a Napísať zákazníkovi. */
.aw-next-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);min-width:0;padding:var(--space-2) var(--space-4);
 border:1px solid #cbdcf5;border-radius:var(--radius);background:#f7faff}
.aw-next-bar>.order-next-steps{flex:1 1 320px;padding:0;border:0;border-radius:0;background:transparent}
.aw-next-bar .order-next-steps-copy h2::before{content:"→";content:"→"/"";margin-right:var(--space-2)}
.aw-next-bar>.aw-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}
/* Testovací deň bez výroby odstráni sekciu ďalšieho kroku; bez nej a bez tlačidiel sa prázdny pás nekreslí. */
.aw-next-bar:empty{display:none}
@container aw-case (max-width:599px){
 .aw-workspace .aw-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "status" "price" "tools"}
 .aw-workspace .aw-header>.aw-header-price{justify-items:start;text-align:left}
 .aw-workspace .aw-header>.aw-header-tools{display:flex;justify-content:flex-start}
 .aw-next-bar{padding:var(--space-2) var(--space-3) var(--space-3)}
 .aw-next-bar>.aw-next{flex:1 1 100%;justify-content:flex-start}
 .aw-next-bar>.aw-next>.btn{flex:1 1 auto;min-height:44px}
}