/* K5 dizajnu administrácie (V7, rozhodnutie K9-ORCH-8): obrazovka Výroba.
   Načítava sa za admin-v7-dispatch.css, teda aj za operations.css a admin-v7-production.css, odkiaľ berie pruh aw-tile-bar.
   Karty-pohľady sú pôvodné tlačidlá denných pohľadov v novom vzhľade; riadok fronty dostáva počty ako malé dlaždice s pruhom
   a číslo objednávky písmom s pevnou šírkou. operations.css sa nemení. Bez !important, bez ID selektorov, bez vlastných tokenov. */

/* Karty-pohľady: päť rovnakých kariet, vybraná je svetlomodrá s počtom prípadov zo summary. */
.queue-views>.queue-cards{flex:1 1 auto}
.queue-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);min-width:0}
.queue-cards>.queue-card{justify-content:space-between;gap:var(--space-2);min-width:0;min-height:48px;padding:9px 12px;
 border-color:var(--line);background:var(--surface);color:var(--ink-2);font-weight:500;line-height:1.3;text-align:left;white-space:normal}
.queue-cards>.queue-card:hover{border-color:#c8d8f2;background:var(--surface-2);color:var(--ink)}
.queue-cards>.queue-card[aria-pressed="true"]{border-color:#c8d8f2;background:var(--accent-soft);color:var(--accent);
 box-shadow:inset 0 -2px var(--accent)}
.queue-card-label{min-width:0;overflow-wrap:anywhere}
.queue-card-count{display:grid;place-items:center;flex:0 0 auto;min-width:26px;min-height:25px;padding:0 6px;border-radius:var(--radius-sm);
 background:var(--surface);color:var(--accent);font-size:var(--text-md);font-weight:650;font-variant-numeric:tabular-nums}
.queue-card-unit{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Užší panel: dve karty v prvom riadku, tri v druhom (ako V7 na mobile); bez vodorovného posunu. */
@container (max-width:719px){
 .queue-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
 .queue-cards>.queue-card{grid-column:span 2}
 .queue-cards>.queue-card:nth-child(-n+2){grid-column:span 3}
}

/* Riadok fronty: číslo objednávky písmom s pevnou šírkou. */
.queue-name>[data-order-primary]{font-family:var(--mono);font-size:var(--text-sm);font-weight:600;letter-spacing:-.1px}

/* Riadok fronty: šesť počtov v troch stĺpcoch; popis, číslo a pod ním pruh do počtu objednaných (Objednané pruh nemá).
   Obsah dlaždice sedí dole, aby čísla a pruhy v riadku ostali v jednej línii aj pri zalomenom popise (Voľné dokončené). */
.queue-table .queue-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.queue-table .queue-count-tile{display:grid;align-content:end;gap:2px;min-width:0}
.queue-table .queue-count-tile>.queue-count-label{line-height:1.3}
.queue-table .queue-count-tile>strong{margin-left:0;font-size:var(--text-xl);font-weight:650;line-height:1.2;letter-spacing:-.3px}
.queue-table .queue-counts>[data-count="ordered"]>strong{color:var(--ink-2)}
/* Objednané pruh nemá: odsadenie 8 px (medzera 2, okraj 2 a výška pruhu 4) drží jeho číslo v línii so susednými. */
.queue-table .queue-counts>[data-count="ordered"]{padding-bottom:8px}
.queue-table .queue-count-tile>.aw-tile-bar{height:4px;margin:2px 0 0}
/* V9-50: independent series panel, including long source IDs and part names on a narrow screen. */
[data-screen-id="operations.build-series"]{min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-screen-id="operations.build-series"] fieldset{min-width:0;max-width:100%}
[data-screen-id="operations.build-series"] select{min-width:0;max-width:100%;width:100%}

/* Zákazky a kapacita, A4e-2a (REDIZAJN-V6-2/PLAN.md:124, K9-ORCH-515): panel pred filtrami fronty (web/production-capacity-view.js);
   riadky fronty podľa technológie sa zalomia, pri 375 px bez vodorovného posunu stránky. */
.production-capacity>.panel-body{display:grid;gap:var(--space-4)}
.production-capacity .capacity-subtitle{margin:0;font-size:var(--text-sm);font-weight:650;color:var(--ink)}
.capacity-tech{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--line-soft)}
.capacity-tech>li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--space-4);min-width:0;padding:var(--space-2) 0;
 border-bottom:1px solid var(--line-soft);font-size:var(--text-sm);color:var(--ink-2)}
.capacity-tech>li>*{min-width:0;overflow-wrap:anywhere}
.capacity-tech>li>strong{flex:0 0 8rem;color:var(--ink)}
.capacity-notes{margin:0;font-size:var(--text-xs);line-height:1.5;color:var(--muted)}
[data-production-capacity-mount]>.production-capacity{margin-bottom:var(--space-section)}
/* Dlaždice kapacity ako štatistiky (statistics.css): popis sa zalomí, na telefóne dve vedľa seba namiesto posuvného pásu kitu. */
.production-capacity .v62-tile :is(.v62-tile-label,.v62-tile-sub){white-space:normal;overflow-wrap:anywhere}
@media(max-width:560px){
 .production-capacity .v62-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:0}
 .production-capacity .v62-tiles>.v62-tile{flex:none}
}
/* Zákazky a kapacita, A4e-2b: kapacita strojov iba pri zapnutom plánovaní; podiel kategórie servera z okna stroja cez data-css-vars (--capacity-w). */
.capacity-machines{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--line-soft)}
.capacity-machines>li{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;align-items:center;gap:6px var(--space-4);min-width:0;
 padding:var(--space-2) 0;border-bottom:1px solid var(--line-soft);font-size:var(--text-sm)}
.capacity-machine{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;overflow-wrap:anywhere}
.capacity-machine>small{color:var(--muted);font-size:var(--text-xs)}
.capacity-bar{display:flex;height:10px;min-width:0;overflow:hidden;border-radius:5px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.capacity-seg{flex:none;width:calc(var(--capacity-w) * 1%)}
.capacity-free{grid-column:-2/-1;grid-row:1;color:var(--ink-2);font-variant-numeric:tabular-nums}
:is(.capacity-seg,.capacity-key).is-print{background:var(--blue)}
:is(.capacity-seg,.capacity-key).is-cooling{background:#a9c3f0}
:is(.capacity-seg,.capacity-key).is-service{background:repeating-linear-gradient(135deg,#cfc8ec 0 3px,#f3f1fb 3px 6px)}
:is(.capacity-seg,.capacity-key).is-unknown{background:repeating-linear-gradient(135deg,#c78a21 0 4px,#fbe7c0 4px 8px)}
.capacity-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:var(--text-xs)}
.capacity-legend>li{display:inline-flex;align-items:center;gap:6px}
.capacity-key{display:inline-block;width:14px;height:10px;border-radius:2px}
@media(max-width:599px){.capacity-machines>li{grid-template-columns:minmax(0,1fr) auto}.capacity-bar{grid-column:1/-1;grid-row:2}}

/* PR-32b (E43, nález 1 a 2 z K7 PR-32): Doklady a platby (web/finance-grid-view.js) pri 1440 px. Tabuľka sa zmestí vedľa pravého
   stĺpca 300 px bez skrytia údajov: hlavička sumy, čip a text Stav úhrady a názov firmy sa zalomia do dvoch riadkov, dni po splatnosti
   idú pod dátum, riadok ostáva 48 px. Súbor sa načíta pred data-grid.css a finance-workspace.css, preto selektor .fin-v62 [data-grid].
   Panel Vek pohľadávok (web/finance-overview-view.js): suma s počtom faktúr ostane v jednom riadku, zalomí sa popis pásma. */
.fin-v62 [data-grid=finance] .dg-th{white-space:normal;line-height:1.2}
.fin-v62 [data-grid=finance] .dg-th.dg-num{width:4.25rem}
.fin-v62 [data-grid=finance] .dg-th.dg-num:has(>[data-sort=total]){width:5rem}
.fin-v62 [data-grid=finance] .dg-th:has(>[data-sort=status]){width:8rem}
.fin-v62 [data-grid=finance] .dg-cell>:is(.badge,.dg-muted){white-space:normal}
.fin-v62 [data-grid=finance] .dg-cell>.badge{line-height:15px}
.fin-v62 [data-grid=finance] .dg-firm{max-width:6.5rem}
.fin-v62 [data-grid=finance] .dg-firm>.dg-clip{display:-webkit-box;max-width:none;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.fin-v62 [data-grid=finance] .dg-late{display:inline-grid;grid-template-columns:auto auto;gap:0 4px}
.fin-v62 [data-grid=finance] .dg-late-days{grid-column:2;justify-self:start}
.fin-v62 [data-screen-id="admin.finance.aging"] .v62-kv{grid-template-columns:minmax(0,1fr) auto}
/* PR-45a2 (C65, D64): riadok exportu pod popisom tabuľky (web/finance-export.js) mal tlačidlá a dôvod vypnutia pri ľavom
   okraji panela; odsadenie ako popis tabuľky (.admin-orders-panel>.admin-list-caption v lists.css). */
.fin-v62 .finance-grid>.fin-export{padding:var(--space-2) var(--space-4)}
/* PR-32c (E43): Doklady a platby pod 1440 px. Číslo faktúry v riadku dobropisu (.fin-v62-docno z web/finance-grid-view.js) sa nezalomí
   za spojovníkom. Pod 1440 px majú bunky odsadenie 5 px, dátum sa zalomí pred rokom a „+N d“ ide za rok, firma má najviac 5.75rem
   a Stav úhrady šírku čipu. Od 1100 do 1439 px má pravý stĺpec 15rem a medzeru 8 px a Vek pohľadávok sumu pod pásmom.
   Pri 1280 px sa tabuľka zmestí, pri 1100 a 375 px posúva menej; riadok ostáva 48 px. */
.fin-v62 [data-grid=finance] .fin-v62-docno{display:inline-block;width:max-content}
@media(max-width:1439px){
 .fin-v62[data-screen-id] .fin-v62-cols{grid-template-columns:minmax(0,1fr) 15rem;gap:var(--space-2)}
 .fin-v62 [data-grid=finance] .dg-table :is(.dg-th,.dg-cell){padding:6px 5px}
 .fin-v62 [data-grid=finance] .dg-cell:not(.dg-num,.dg-sticky){white-space:normal}
 .fin-v62 [data-grid=finance] :is(.dg-link,.dg-late-days){display:inline-block;width:max-content}
 .fin-v62 [data-grid=finance] .dg-late{display:inline}
 .fin-v62 [data-grid=finance] .dg-late>.icon{margin-right:4px;vertical-align:-2px}
 .fin-v62 [data-grid=finance] .dg-late-days{margin-left:3px;padding:0 3px}
 .fin-v62 [data-grid=finance] .dg-firm{max-width:5.75rem}
 .fin-v62 [data-grid=finance] .dg-cell>.badge{padding:2px 6px}
 .fin-v62 [data-grid=finance] .dg-th:has(>[data-sort=issued]){width:4.75rem}
 .fin-v62 [data-grid=finance] .dg-th:has(>[data-sort=maturity]){width:5.5rem}
 .fin-v62 [data-grid=finance] .dg-th:has(>[data-sort=status]){width:6rem}
 .fin-v62 [data-screen-id="admin.finance.aging"] .v62-kv{grid-template-columns:minmax(0,1fr);row-gap:0}
 .fin-v62 [data-screen-id="admin.finance.aging"] .v62-kv>dd{margin-bottom:6px;text-align:left}
}
/* Pod 1100 px je pravý stĺpec pod tabuľkou celou šírkou: jeden stĺpec, medzera a Vek pohľadávok ako pri 1440 px (PR-32b). */
@media(max-width:1099px){
 .fin-v62[data-screen-id] .fin-v62-cols{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
 .fin-v62 [data-screen-id="admin.finance.aging"] .v62-kv{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
 .fin-v62 [data-screen-id="admin.finance.aging"] .v62-kv>dd{margin-bottom:0;text-align:right}
}
/* PR-05 detail zákazníka (web/customer-order-head.js): Sledovať zásielku v páse Ďalší krok a na karte Expedícia, panel Potrebujete pomoc?. */
.customer-detail-next:has(>.customer-track-link){flex-wrap:wrap}
.customer-detail-next>.customer-track-link{flex:0 0 auto;margin-left:auto}
.customer-shipment-track{margin:var(--space-2) 0 0}
.customer-detail-help .panel-body>p{margin:0 0 var(--space-2)}
.customer-detail-help .panel-body>p:last-child{margin-bottom:0}
/* PR-04 detail tímu (web/admin-workspace.js): blok Klient ako riadky popis a hodnota s Kopírovať pri telefóne (záplata G12 t4; pravidlá
   .aw-contact-name a .aw-contact-lines v order-detail.css už nič nekreslí) a veta pre operátora a financie namiesto editora správy. */
[data-screen-id="admin.contact"] .aw-contact .aw-phone{justify-content:flex-end}
.aw-copy-feedback+.aw-caption{margin-top:4px}
.aw-read-only{display:flex;align-items:flex-start;gap:var(--space-2)}
.aw-read-only>.icon{flex:0 0 auto;margin-top:2px}
/* PR-06 okno Upraviť dopyt zákazníka (web/customer-case-edit.js): skupiny polí a zamknuté údaje s dôvodom. */
.customer-edit-group{display:grid;gap:var(--space-2);margin:0;padding:var(--space-3) 0 0;border:0;border-top:1px solid var(--line-soft)}
.customer-edit-group>legend{padding:0;font-weight:600;color:var(--ink)}
.customer-edit-group>h3{margin:var(--space-2) 0 0;font-size:var(--text-sm)}
.customer-edit-locked{padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}
.customer-edit-locked>p{margin:0}
.customer-edit-locked-label{display:flex;align-items:center;gap:6px;font-weight:600}
/* PR-09 nové správy od tímu (web/customer-case-reads.js): odznaky pri čísle, pás nad zoznamom a pás v detaile mimo Súhrnu. */
.admin-order-reference>.customer-order-badge{margin-left:6px}
.customer-orders-unread{display:grid;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4)}
.customer-orders-unread{border:1px solid var(--accent-line);border-radius:var(--radius-control);background:var(--blue-bg)}
.customer-orders-unread>p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.customer-orders-unread>ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.customer-orders-unread li{display:flex;flex-wrap:wrap;gap:4px 10px;min-width:0}
.customer-orders-unread li>.muted{overflow-wrap:anywhere}
.customer-orders-unread>.btn{justify-self:start}
.customer-detail-unread{flex-wrap:wrap}
.customer-detail-unread>.btn{margin-left:auto}
.customer-messages-button{position:relative}
.customer-messages-count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px}
.customer-messages-count{background:var(--violet);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.customer-messages-list{display:grid;gap:6px;margin:var(--space-2) 0;padding:0;list-style:none}
.customer-messages-item{display:grid;gap:2px;color:inherit;text-decoration:none}
.customer-messages-item>.muted{font-size:var(--text-sm);overflow-wrap:anywhere}
/* PR-13 doplnenie 3D modelu (web/case-model-request.js): značka vyžiadania v páse tímu a panel v detaile zákazníka. */
.aw-next>.aw-model-requested{align-self:center}
.customer-model-add{margin-bottom:var(--space-3)}
/* PR-18a poznámka pre výrobu (web/case-production-note.js): panel v Súhrne zákazníka a v pravom stĺpci tímu. */
.production-note textarea{min-height:96px;resize:vertical}
.production-note-text{margin:0;white-space:pre-line;overflow-wrap:anywhere}
/* PR-12 veta Kde sú kusy nad položkami Súhrnu zákazníka (web/customer-piece-where.js). */
.customer-detail-where{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0 0 var(--space-3);border-bottom:1px solid var(--line-soft)}
.customer-detail-where{color:var(--ink-2);font-size:var(--text-sm);line-height:1.45}
.customer-detail-where>.icon{flex:0 0 auto;margin-top:2px;color:var(--blue)}
.customer-detail-where>span{min-width:0;overflow-wrap:anywhere}
/* PR-63 hromadné akcie v lište výberu Tabuľky (web/case-bulk-actions.js), vedľa priradenia .dg-assign. */
.dg-bulk{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:100%;min-width:0}
/* PR-23 Expedícia V6.5 (prototyp riadky 7139 až 7169 a 12823 až 12854): prepínač Všetky a Moje v hlavičke, pás so stavom GLS a miestom
   odberu, siedma dlaždica Doručené za 7 dní, adresa v stĺpci Doprava, krok riadku a varovanie bez doručenia po 72 h. dispatch-v7.css
   sa načíta neskôr, preto pravidlá mriežky nesú [data-dispatch-read] (vyššia špecificita) a široká mriežka platí iba od 1100 px. */
.page-actions>.dispatch-read-mine{display:flex;justify-content:flex-end;min-width:0}
.dispatch-read>.dispatch-read-site{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;min-width:0;margin:-6px 0 0;padding:8px 14px;
 border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:var(--text-xs);line-height:1.45;color:var(--ink-2)}
.dispatch-read .dispatch-read-site>span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.dispatch-read .dispatch-read-site .icon{flex:none;color:var(--muted)}
.dispatch-read[data-dispatch-read]>.v62-tiles{grid-template-columns:repeat(7,minmax(0,1fr))}
@container dispatch-read (max-width:1099px){.dispatch-read[data-dispatch-read]>.v62-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container dispatch-read (max-width:479px){.dispatch-read[data-dispatch-read]>.v62-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container dispatch-read (width >= 1100px){
 .dispatch-read[data-dispatch-read] .dispatch-list .dispatch-row,.dispatch-read[data-dispatch-read] .dispatch-read-head{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,1.8fr) 176px}
}
.dispatch-read[data-dispatch-read] .dispatch-row>.btn{max-width:100%;white-space:normal;text-align:left}
.dispatch-read .dispatch-row>.dispatch-method{flex-wrap:wrap;align-content:flex-start}
.dispatch-read .dispatch-read-address{flex-basis:100%;min-width:0;font-size:var(--text-xs);line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.dispatch-read .dispatch-read-late{flex:0 0 auto;max-width:100%;padding:1px 8px;border-radius:999px;background:var(--red-bg);color:var(--red);
 font-size:var(--text-xs);font-weight:600}
.dispatch-read .dispatch-read-shipment[data-shipment-state=delivered]{border-left-color:var(--green)}
/* QV8 (K9-G23-79): výrobné bloky D3 od PR-11 po PR-95b sú v operations-v7-vyroba.css, načítanom hneď za dispatch-v7.css. */
/* PR-64 hromadné akcie Expedície (web/dispatch-bulk-view.js, prototyp z98b_admin.js bkBox a bkBar): checkbox pred číslom objednávky
   a lišta nad zoznamom s počtom, akciami, potvrdením a výsledkom každého riadku. Všetko sa zalomí, pri 375 px bez vodorovného posunu. */
.dispatch-read .dispatch-name:has(>.dispatch-bulk-pick){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:6px;align-items:start}
.dispatch-read .dispatch-name>.dispatch-bulk-pick{grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;min-width:32px;
 min-height:32px;margin:-7px 0 0 -7px;cursor:pointer}
.dispatch-read .dispatch-bulk-check{width:18px;height:18px;margin:0;accent-color:var(--blue);cursor:pointer}
.dispatch-read>.dispatch-bulk{display:grid;gap:var(--space-2);min-width:0;padding:10px 14px;border:1px solid var(--blue);border-radius:var(--radius);
 background:var(--blue-bg);font-size:var(--text-sm);color:var(--ink)}
.dispatch-read .dispatch-bulk p{margin:0;overflow-wrap:anywhere}
.dispatch-read .dispatch-bulk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}
.dispatch-read .dispatch-bulk-tools>.btn{max-width:100%;height:auto;white-space:normal;text-align:left}
.dispatch-read .dispatch-bulk :is(.dispatch-bulk-notes,.dispatch-bulk-items){display:grid;gap:2px;margin:0;padding:0 0 0 18px;font-size:var(--text-xs);
 line-height:1.45;color:var(--ink-2);overflow-wrap:anywhere}
.dispatch-read .dispatch-bulk-items>li[data-bulk-status=done]{color:var(--green)}
.dispatch-read .dispatch-bulk-items>li[data-bulk-status=error]{color:var(--red)}
.dispatch-read .dispatch-bulk-items>li[data-bulk-status=unknown]{color:var(--amber)}
.dispatch-read .dispatch-bulk-result,.dispatch-read .dispatch-bulk-confirm{display:grid;gap:6px;min-width:0}
.dispatch-read .dispatch-bulk-result:not(:last-child){padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}
.dispatch-read .dispatch-bulk-left{font-size:var(--text-xs);color:var(--ink-2)}
/* Bloky A4b (builds-*) a A4e (finishing-*) nižšie testy BV05 a FB03 čítajú až po koniec súboru, preto Zákazky a kapacita stoja pred nimi. */

/* A4b redizajn V6.2 (3D_V3/PLAN-DALSIA-FAZA/REDIZAJN-V6-2/PLAN.md riadok A4b, snimky/v62-09): Plnenie komôr na tabuli Spoločné dávky
   (build-queue-view.js). Prototyp OTVORIT-PROTOTYP-V6.2.html: .flow a .stg riadky 113 až 123, .qrow 131 až 139, .mcardp a .gauge 141 až 148,
   .kpis 159 až 162. Iba triedy builds-*, farby sú iba tokeny design.css a tokens-v62.css. */
.builds-flow{display:flex;align-items:stretch;margin:0;padding:0 4px;overflow-x:auto;list-style:none;border:1px solid var(--line);
 border-radius:var(--radius);background:var(--surface);scrollbar-width:thin}
.builds-flow>li{position:relative;display:grid;flex:0 0 auto;gap:2px;padding:8px 14px}
.builds-flow>li+li{padding-left:28px}
.builds-flow>li+li::before{content:"›";content:"›"/"";position:absolute;top:50%;left:8px;color:var(--subtle);font-size:var(--text-xl);line-height:1;
 transform:translateY(-50%)}
.builds-flow-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-xs);font-weight:600;white-space:nowrap}
.builds-flow-value{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.builds-flow-value>strong{font-size:var(--text-xl);line-height:22px;font-variant-numeric:tabular-nums}
.builds-flow-value>span{color:var(--muted);font-size:var(--text-xs)}
/* Pod 600 px sa stupne zalomia, aby bol každý viditeľný bez posúvania pásu. */
@media(max-width:599px){.builds-flow{flex-wrap:wrap}}
/* Fronta kusov úzka vľavo (prototyp .c-q najviac 340 px) a stroje vpravo; pod 1100 px pod sebou. */
.builds-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start}
@media(min-width:1100px){.builds-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}
.builds-machine-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-3);align-items:start}
/* Dlaždica kusu: farebná kocka zákazky, názov a čakajúce kusy, riadok údajov, štítky a ovládanie. */
.builds-piece-body{display:flex;align-items:flex-start;gap:10px}
.builds-cube{flex:0 0 auto;width:22px;height:22px;margin-top:1px;border-radius:5px;background:currentColor}
.builds-piece-main{flex:1 1 auto;min-width:0}
.builds-piece-title{display:flex;align-items:baseline;gap:8px;min-width:0}
.builds-piece-title>strong{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.builds-piece-title>span{flex:0 0 auto;font-weight:700;font-variant-numeric:tabular-nums}
/* Ovládanie v jednom riadku ako tlačidlo + v prototype: Kusy vedľa poľa, pole na šesť číslic. */
.builds-piece .cluster>.field{flex-direction:row;align-items:center;gap:6px;margin:0}
.builds-piece .cluster>.field>.input{width:72px}
/* Karta stroja: zvislý ukazovateľ výšky dávky (SVG bez štýlu v atribúte), názov s percentom, stav s bodkou a detail. */
.builds-machine-head{display:flex;align-items:center;gap:10px;min-width:0}
.builds-gauge{flex:0 0 auto;width:10px;height:44px;border-radius:3px;overflow:hidden}
.builds-gauge-track{fill:var(--line)}
.builds-gauge-fill{fill:currentColor}
.builds-machine-text{display:grid;flex:1 1 auto;gap:1px;min-width:0}
.builds-machine-title{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.builds-machine-title>h4{margin:0;font-size:var(--text-md)}
.builds-machine-title>span{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}
.builds-state{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600}
.builds-state::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:currentColor}
/* Ukazovatele dávky: Kusy, Výška stavby, Tlač a Hustota uloženia po dvoch (karta dávky je úzka); čiary sú medzera mriežky na tóne okraja. */
.builds-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;
 border:1px solid var(--line-soft);border-radius:var(--radius-control);background:var(--line-soft)}
.builds-kpis>div{display:grid;gap:2px;min-width:0;padding:8px 10px;background:var(--surface)}
.builds-kpis dt{color:var(--muted);font-size:var(--text-xs)}
.builds-kpis dd{display:grid;margin:0}
.builds-kpis dd>strong{font-size:var(--text-lg);font-variant-numeric:tabular-nums}
.builds-kpis dd>span{color:var(--muted);font-size:var(--text-xs);overflow-wrap:anywhere}
/* Tóny kocky zákazky, ukazovateľa a stavu stroja (currentColor). */
.builds-tone-blue{color:var(--blue)}.builds-tone-green{color:var(--green)}.builds-tone-amber{color:var(--amber)}
.builds-tone-violet{color:var(--violet)}.builds-tone-gray{color:var(--gray)}

/* A4e redizajn V6.2 (PLAN.md riadok A4e, prototyp Povrchy a kontrola, OTVORIT-PROTOTYP-V6.2.html:4245 až :4275): fronta dokončovania
   (finishing-queue-view.js) ako tabuľa staníc s kartami lotov; kocka zákazky je .builds-cube z bloku A4b. Iba triedy finishing-* a tokeny. */
.finishing-board{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-items:start}
@media(min-width:900px){.finishing-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
.finishing-col{background:var(--surface-2)}
.finishing-cards{display:grid;gap:var(--space-2)}
.finishing-card{display:grid;gap:6px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}
.finishing-card-head{display:flex;align-items:flex-start;gap:8px;min-width:0}
.finishing-card-head>strong{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.finishing-card-qty{flex:0 0 auto;font-weight:700;font-variant-numeric:tabular-nums}
.finishing-card>.cell-secondary{overflow-wrap:anywhere}
.finishing-steps{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.finishing-steps>li{padding:1px 8px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-xs)}
.finishing-steps>li.is-now{border-color:currentColor;color:var(--amber);font-weight:600}
.finishing-card>.btn{justify-self:start}