@charset "UTF-8";
/* Dátová mriežka (F-06). Iba triedy dg-, tokeny z design.css, vlastný --dg-danger (F-10) a 5 tónov čipu Stav (F-95), iba svetlý
   režim (portál tmavý režim nemá). Text používa iba --ink, --muted, --accent a --dg-danger na --surface, --surface-2 a --accent-soft,
   text tónu iba na pozadí toho istého tónu (kontrast aspoň 4,5:1 overuje DG-08 vo web-tests/data-grid.test.mjs). */
.dg-wrap{--dg-danger:#b42318;position:relative;overflow:auto;max-height:calc(100vh - var(--topbar-height) - var(--space-6));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overscroll-behavior:contain}
.dg-wrap:focus-visible{outline:3px solid #93b4ff;outline-offset:2px}
.dg-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--ink);background:var(--surface)}
.dg-caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dg-table :is(.dg-th,.dg-cell,.dg-foot){height:40px;padding:6px 10px;border-bottom:1px solid var(--line-soft);background:var(--surface);color:var(--ink);text-align:left;white-space:nowrap;vertical-align:middle}
.dg-table .dg-th{position:sticky;top:0;z-index:3;border-bottom-color:var(--line);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600}
.dg-table .dg-sticky{position:sticky;left:0;z-index:2;box-shadow:1px 0 var(--line)}
.dg-table .dg-th.dg-sticky{z-index:4}
.dg-table .dg-foot{position:sticky;bottom:0;z-index:3;border-top:1px solid var(--line);border-bottom:0;background:var(--surface-2);color:var(--ink);font-weight:600}
.dg-table .dg-foot.dg-sticky{z-index:4}
.dg-table .dg-num{text-align:right;font-variant-numeric:tabular-nums}
.dg-table .dg-center{text-align:center}
.dg-sort{display:inline-flex;align-items:center;gap:4px;min-height:24px;margin:0;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-weight:600;text-align:inherit;cursor:pointer}
.dg-sort:hover{color:var(--accent)}
/* Šípka triedenia leží v odsadení bunky (F-12), hlavička tak nie je širšia ako jej text. */
.dg-sort{position:relative}
.dg-sort-icon{position:absolute;top:50%;right:-10px;width:8px;font-size:10px;line-height:1;transform:translateY(-50%)}
.dg-num .dg-sort-icon{right:auto;left:-10px}
.dg-th[aria-sort=ascending] .dg-sort,.dg-th[aria-sort=descending] .dg-sort{color:var(--accent)}
.dg-th[aria-sort=ascending] .dg-sort-icon::after{content:"\25B2"}
.dg-th[aria-sort=descending] .dg-sort-icon::after{content:"\25BC"}
.dg-table .dg-row:hover>.dg-cell{background:var(--accent-soft)}
.dg-table .dg-empty>.dg-cell{height:auto;padding:var(--space-6) var(--space-4);color:var(--muted);text-align:center;white-space:normal}
/* Skupiny (F-09): hlavička skupiny je jeden riadok cez všetky stĺpce, text drží pri ľavom okraji aj po posune. */
.dg-table .dg-group-head{height:auto;padding:8px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-weight:400;text-align:left;white-space:normal;vertical-align:middle}
.dg-group-label{position:sticky;left:10px;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.dg-group-name{color:var(--accent);font-weight:600}
.dg-group-meta{color:var(--muted)}
.dg-group-sum>strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.dg-group-slot:empty{display:none}
/* Rýchle pohľady (F-08): jeden riadok čipov a menu Ďalšie. */
.dg-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.dg-quick-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:var(--text-sm);font-weight:500}
.dg-quick-chip:hover{border-color:var(--accent);color:var(--accent)}
.dg-quick-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}
.dg-quick-count{color:var(--muted);font-variant-numeric:tabular-nums}
.dg-quick-chip[aria-pressed=true] .dg-quick-count{color:var(--accent)}
.dg-quick-more{position:relative}
.dg-quick-more>summary{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:var(--text-sm)}
.dg-quick-menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;display:grid;gap:4px;min-width:200px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow)}
.dg-quick-menu>.dg-quick-chip{justify-content:space-between;border-radius:var(--radius-sm)}
/* Bunky tabuľky prípadov (F-07): odkaz s vlajkou, náhľad 32 px v stĺpci Diely, štítky, etapa so šírkou 170 px.
   Diely (F-93): tlačidlo bez vlastného rámu a pozadia okolo náhľadu, +N v pravom dolnom rohu rámu ako na návrhu 9. */
.dg-number{display:flex;align-items:center;gap:6px}
.dg-preview{position:relative;display:inline-flex;margin:0;padding:0;border:0;border-radius:var(--radius-sm);background:none;vertical-align:middle}
.dg-preview>.dg-more{position:absolute;right:-6px;bottom:-6px}
.dg-preview:hover>.model-visual{border-color:var(--accent)}
.dg-preview .model-visual.product-thumbnail{width:32px;height:32px;border-radius:var(--radius-sm)}
.dg-preview .model-visual>svg.icon{width:60%;height:60%}
/* Nenačítaný náhľad: app.js nahradí obrázok textom; v 32 px bunke ho skryjeme, aria-label ostáva. */
.dg-preview .model-visual{font-size:0}
/* Náhľady N1 (F-79): obrázok 64 px vždy vyplní rám bez orezania, aj bez product.css (nález K4), rovnako v okne dg-peek.
   Prepínač dg-previews-on na paneli zväčší iba rám náhľadu prvého dielu na 56 px; výška bunky 40 px ostáva ako minimum. */
.dg-preview .model-visual img,.dg-peek .model-visual img{display:block;width:100%;height:100%;object-fit:contain}
.dg-previews-on .dg-preview .model-visual.product-thumbnail{width:56px;height:56px}
/* L-112 (voľba A z K9, F-112): obrázok Dielov bez src (adresa čaká v data-grid-src, web/order-grid-lazy.js) sa nekreslí, inak
   Chromium pri texte alt ukáže ikonu rozbitého obrázka. Iba visibility: obrázok 30 × 30 px (54 × 54 px) aj prienik ostávajú. */
.dg-preview img[data-grid-src]{visibility:hidden}
.dg-link{color:var(--accent);font-weight:600}
.dg-more,.dg-badge{display:inline-flex;align-items:center;min-height:18px;padding:0 5px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600}
.dg-badge{margin-left:6px}
.dg-priority,.dg-reason{display:inline-flex;color:var(--accent)}
.dg-priority[data-priority=urgent]{color:var(--dg-danger)}
.dg-reason{margin-left:4px}
/* F-95 (návrh 9): čip Stav v 5 tónoch návrhu nad data-category a data-stage z web/order-grid-columns.js, bez zmeny bunky.
   čaká modrá (ponuka), v realizácii fialová (výroba, povrch, Na expedíciu), odoslané zelená, pozastavené jantárová, uzavreté sivá.
   Na overenie (unknown) ostáva bez tónu s obrysom. Najviac 170 px (stĺpec nie je širší ako s min-width z F-07), dlhý text sa skráti. */
.dg-stage{display:inline-flex;align-items:center;gap:6px;max-width:170px;padding:0 8px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--accent);font-size:12px;font-weight:600;line-height:22px}
.dg-stage>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.dg-stage[data-category=unknown]{box-shadow:inset 0 0 0 1px var(--line)}
.dg-stage[data-category=offer]{background:var(--dg-blue-bg);color:var(--dg-blue)}
.dg-stage[data-category=dispatch],.dg-stage[data-category=done]{background:var(--dg-green-bg);color:var(--dg-green)}
.dg-stage[data-category=production],.dg-stage[data-stage=dispatch]{background:var(--dg-violet-bg);color:var(--dg-violet)}
.dg-stage[data-category=hold]{background:var(--dg-amber-bg);color:var(--dg-amber)}
.dg-stage[data-category=closed]{background:var(--dg-gray-bg);color:var(--dg-gray)}
.dg-muted{color:var(--muted)}
.dg-late{display:inline-flex;align-items:center;gap:4px;color:var(--dg-danger);font-weight:600}
/* F-94 (návrh 9): štítok „+N d“ po termíne iba povolenými tokenmi (farbu dedí z .dg-late, DG-08), Zodpovedný iniciály a meno. */
.dg-late-days{padding:0 5px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:12px;line-height:18px}
.dg-owner{display:inline-flex;align-items:center;gap:6px}
.dg-initials{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600}
/* F-95: 5 tónov z research/navrh-firma-tabulky-20261005/index.html:21-26 (iba svetlé hodnoty) pre čip Stav v mriežke
   aj pre legendu v popise nad ňou, preto na paneli Tabuľky. Červená návrhu je --dg-danger z :5. F-98: ten istý čip je v hlavičke
   okna #dg-peek mimo panelu, preto tokeny platia jedným pravidlom pre panel aj okno (bez druhej kópie hodnôt).
   Hodnoty z jedného pravidla overuje DG-08, výnimku okna DG-11. */
.dg-panel,.dg-peek{--dg-blue:#1f55b0;--dg-blue-bg:#e9f0fd;--dg-violet:#5a43a0;--dg-violet-bg:#f0ecfb;--dg-green:#1b6a45;--dg-green-bg:#e3f4ea;--dg-amber:#7f5000;--dg-amber-bg:#fff0d4;--dg-gray:#4f6174;--dg-gray-bg:#edf1f5}
/* Popis „Zobrazené N z M prípadov“ a legenda 5 tónov (F-95). Bodka je iba značka (aria-hidden), význam nesie text. */
.dg-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;padding:0;list-style:none}
.dg-legend>li{display:inline-flex;align-items:center;gap:5px}
.dg-legend-dot{width:8px;height:8px;border-radius:50%}
.dg-legend-dot[data-tone=blue]{background:var(--dg-blue)}
.dg-legend-dot[data-tone=violet]{background:var(--dg-violet)}
.dg-legend-dot[data-tone=green]{background:var(--dg-green)}
.dg-legend-dot[data-tone=amber]{background:var(--dg-amber)}
.dg-legend-dot[data-tone=gray]{background:var(--dg-gray)}
/* A1a (V6.2, snimky/v62-06): pás dlaždíc nad Zoznamom aj Tabuľkou (web/order-grid-metrics.js). Vzhľad dlaždíc je z kitu
   (components-v62.css), tu iba rozloženie: obal sa v mriežke pracovnej plochy (.admin-workspace) nesmie roztiahnuť na šírku obsahu,
   pod 561 px sa pás posúva vnútri (kit), stránka nie. Veta o rozsahu pod pásom ako pod pôvodným pásom (lists.css:16). */
.dg-tiles{min-width:0}
.dg-tiles+p.muted{margin:-4px 0 0;font-size:var(--text-xs)}
/* Stĺpec dlaždice najmenej 112 px (kit 136 px) a popis sa radšej zalomí, ako oreže: 9 dlaždíc admina je v jednom rade od 1180 px
   (pri 1280 px kit dal 8 a 1), na 1440 px v jednom riadku ako v62-06. Pod 561 px je pás flex z kitu, stĺpce mriežky tam neplatia
   a dlaždica 136 px zmestí každý popis do riadku. Číslo drží pri spodku dlaždice, takže pri zalomenom popise sú čísla v rade v jednej
   výške. Bez vlastného media bloku (DG-11). */
.dg-tiles>.v62-tiles{grid-template-columns:repeat(auto-fit,minmax(min(112px,100%),1fr))}
.dg-tiles .v62-tile-label{white-space:normal}
.dg-tiles .v62-tile-value{margin-top:auto}
/* Obrazovka Tabuľka (F-10): prepínač režimu, nástroje, päta, stránkovanie a prázdny stav. */
/* A1a: prepínač v hlavičke ako segment V6.2 (prototyp .seg, kit .v62-seg): sivá dráha, zvolená voľba biela s tieňom a textom --ink.
   Trieda dg-view-switch ostáva (order-list-customer-scope.test.mjs:109), farby iba povolenými tokenmi (DG-08). */
.dg-view-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}
.dg-view-option{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 11px;border:0;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font-size:var(--text-xs);font-weight:600;white-space:nowrap}
.dg-view-option:hover{color:var(--ink)}
.dg-view-option[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(21,36,56,.14)}
.dg-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;padding:var(--space-3) var(--space-4)}
.dg-toolbar-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.dg-tool{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}
.dg-tool[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}
/* F-95 (návrh 9): Náhľady 3D modelov ako jazdec iba v CSS. Ostáva button s aria-pressed, dráha je ::before a bežec ::after,
   obe aspoň 3:1 voči pozadiu tlačidla (DG-08). */
.dg-tool[data-action=grid-previews]{position:relative}
.dg-tool[data-action=grid-previews]::before{content:"";flex:none;width:28px;height:16px;border-radius:999px;background:var(--muted)}
.dg-tool[data-action=grid-previews]::after{content:"";position:absolute;top:50%;left:12px;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--surface)}
.dg-tool[data-action=grid-previews][aria-pressed=true]::before{background:var(--accent)}
.dg-tool[data-action=grid-previews][aria-pressed=true]::after{left:24px}
.dg-columns .dg-quick-menu{right:0;left:auto;max-height:320px;overflow:auto}
.dg-foot-note{display:block;color:var(--muted);font-size:12px;font-weight:400}
/* L-65 (K9 7. 10., variant a80+b): súčty päty Bez DPH najviac 80 px, každý na dva riadky (popis a suma), zarovnané vpravo,
   aby stĺpec Ďalší krok zmestil predvolené stĺpce pri 1440 px. Suma s menou sa nezalomí (nedeliteľné medzery z money()). */
.dg-foot-sum{display:block;max-width:80px;margin-left:auto;font-size:12px;white-space:normal}
.dg-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:var(--space-3) var(--space-4);color:var(--muted);font-size:var(--text-sm)}
.dg-pager-sizes{display:inline-flex;gap:4px}
.dg-empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--muted);text-align:center}
.dg-status-lock{min-width:0;margin:0;padding:0;border:0}
/* Označovanie riadkov (F-52): stĺpec výberu 36 px, Číslo prilepené za ním, zvýraznenie a prilepená lišta. */
.dg-check{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}
.dg-table .dg-sticky:has(>.dg-check){width:36px;min-width:36px;max-width:36px}
.dg-table .dg-sticky-2{left:36px}
.dg-table .dg-row.dg-selected>.dg-cell{background:var(--accent-soft)}
/* F-95 (návrh 9): riadok po termíne má červený pruh vľavo na prvej bunke aj pri označení a prechode myšou (tie menia iba
   pozadie). Pruh drží aj čiaru prilepeného stĺpca. */
.dg-table .dg-row.dg-overdue>.dg-cell:first-child{box-shadow:inset 3px 0 0 var(--dg-danger),1px 0 var(--line)}
.dg-selection{position:sticky;top:var(--topbar-height);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 var(--space-4) var(--space-3);padding:8px 12px;border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--accent-soft);color:var(--ink);font-size:var(--text-sm)}
/* G7: hromadné priradenie v lište výberu, iba v Tabuľke (od 1280 px, pri 375 px je Zoznam bez lišty); prvky sa zalomia a nepretečú. */
.dg-selection-status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0}
.dg-assign,.dg-assign-field{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:100%;min-width:0}
.dg-assign select,.dg-assign input{min-width:0;max-width:100%}
.dg-assign input{width:16em}
/* ARCH-01: tlačidlo Archivovať alebo Obnoviť označené s poznámkou sa zalomí rovnako ako priradenie. */
.dg-archive{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:100%;min-width:0}
/* Meranie F-12: dlhé texty sa skrátia s celým znením v title bunky, aby predvolené stĺpce zmestili pri 1440 px.
   F-94 (návrh 9): Firma so štítkom FO a Názov s referenciou 130 px. L-65 (variant a80+b): meno zodpovedného 60 px, iniciály
   a „Tibor S.“ ostávajú ako na návrhu 9. */
.dg-clip{display:inline-block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.dg-firm{display:inline-flex;align-items:center;max-width:130px;vertical-align:bottom}
.dg-firm>.dg-clip{min-width:0}
.dg-firm>.dg-badge{flex:none}
.dg-clip-title{max-width:130px}
.dg-clip-owner{max-width:60px}
/* Okno pri riadku N2 (F-85), obsah podľa návrhu 10 (F-98). Ovládač F-84 vloží obsah web/order-peek-content.js do #dg-peek
   s triedou dg-peek mimo .dg-wrap, preto okno nesie vlastnú kópiu --dg-danger s hodnotou z :5. Text a pozadie iba povolenými
   tokenmi, okraj a tieň iba tokenmi z design.css. Rozmery podľa plánu N1 a N2, časť 2.3: šírka 400 px, výška najviac
   min(70vh,560px) s vnútorným posunom, vrstva 40 nad lištou 30 (design.css:92). Prázdne okno sa nezobrazí. F-98: obrázok
   48 px pri prvom dieli, okno pri prejdení 2 diely a pripnuté (role=dialog z web/order-grid-peek-pin.js) 6, strany
   dokladov 78 × 110 px v jednom vodorovnom páse. */
.dg-peek{--dg-danger:#b42318;position:fixed;z-index:40;top:0;left:0;width:400px;max-width:calc(100vw - 16px);max-height:min(70vh,560px);overflow:auto;overscroll-behavior:contain;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 18px 60px color-mix(in srgb,var(--navy) 20%,transparent),var(--shadow);color:var(--ink);font-size:var(--text-sm);line-height:var(--leading-tight);text-align:left;scrollbar-width:thin}
.dg-peek:empty{display:none}
.dg-peek:not([role=dialog]) .dg-peek-pinned-only,.dg-peek[role=dialog] .dg-peek-hover-only{display:none}
.dg-peek-head{display:flex;align-items:flex-start;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--line-soft)}
.dg-peek .model-visual.product-thumbnail{width:48px;height:48px;border-radius:var(--radius-control)}
.dg-peek .model-visual>svg.icon{width:40%;height:40%}
.dg-peek-heading{display:grid;flex:1 1 auto;gap:2px;min-width:0;overflow-wrap:anywhere}
.dg-peek-heading>p{margin:0}
.dg-peek-number{font-size:var(--text-md);font-weight:600;font-variant-numeric:tabular-nums}
.dg-peek-customer{font-weight:600}
.dg-peek-type{color:var(--muted);font-weight:400}
.dg-peek-name{color:var(--muted)}
.dg-peek-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.dg-peek-priority,.dg-peek-detail{color:var(--muted);font-size:12px}
.dg-peek-priority{color:var(--accent);font-weight:600}
.dg-peek-priority[data-priority=urgent]{color:var(--dg-danger)}
.dg-peek-late{display:inline-flex;align-items:center;gap:4px;color:var(--dg-danger);font-size:12px;font-weight:600}
.dg-peek-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;margin:0;padding:6px 0;border-bottom:1px solid var(--line-soft)}
.dg-peek-fact{min-width:0}
.dg-peek-fact[data-fact=qty]{grid-column:span 2}
.dg-peek-fact>dt{color:var(--muted);font-size:12px}
.dg-peek-fact>dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dg-peek-section{padding-top:6px}
.dg-peek-section+.dg-peek-section{margin-top:6px;border-top:1px solid var(--line-soft)}
.dg-peek-bar{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.dg-peek-label{display:flex;align-items:center;gap:6px;margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:700;line-height:var(--leading-tight);text-transform:uppercase;letter-spacing:.06em}
.dg-peek-count{padding:0 5px;border-radius:var(--radius-sm);background:var(--surface-2);line-height:18px;font-variant-numeric:tabular-nums}
.dg-peek-note,.dg-peek-bar>.dg-peek-more{margin:0 0 4px auto;color:var(--muted);font-size:12px}
.dg-peek-parts{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.dg-peek-part{display:flex;align-items:flex-start;gap:10px;min-width:0}
.dg-peek-part-body{display:grid;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.dg-peek-part-name,.dg-peek-part-qty,.dg-peek-doc-kind{font-weight:600}
.dg-peek-part-meta,.dg-peek-part-progress,.dg-peek-part-price{color:var(--muted);font-size:12px}
.dg-peek-part-side{display:grid;flex:none;max-width:40%;text-align:right;font-variant-numeric:tabular-nums}
.dg-peek-docs{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none}
.dg-peek-doc{width:78px;min-width:0;font-size:12px;line-height:15px;overflow-wrap:anywhere}
.dg-peek-doc>p{margin:0}
.dg-peek-sheet{position:relative;width:78px;height:110px;margin:0 0 3px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}
.dg-peek-sheet>.dg-page{transform:scale(.3095);transform-origin:top left}
.dg-peek-tag{position:absolute;top:92px;left:3px;width:72px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--dg-danger);font-size:9px;font-weight:600;line-height:14px;text-align:center}
.dg-peek-doc-number,.dg-peek-doc-meta,.dg-peek-doc-state{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.dg-peek-doc-amount{font-variant-numeric:tabular-nums}
.dg-peek-doc-state[data-pdf=true]{color:var(--ink)}
.dg-peek-more,.dg-peek-empty{margin:4px 0 0;color:var(--muted);font-size:12px}
/* Strana dokladu F-97 (web/order-peek-page.js) v plnej veľkosti 252 × 357 px (F-106). Okno pri riadku ju iba zmenší
   v .dg-peek-sheet na 78 × 110 px. Strana je súhrn z údajov, text a pozadie iba povolenými tokenmi (DG-08). */
.dg-page{display:grid;align-content:start;gap:8px;width:252px;height:357px;overflow:hidden;padding:14px 16px;background:var(--surface);color:var(--ink);font-size:8px;line-height:1.3;text-align:left}
.dg-page p,.dg-page dl,.dg-page dd{margin:0}
.dg-page-head{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.dg-page-brand{grid-row:span 2;font-size:11px;font-weight:700}
.dg-page-brand-sub{display:block;color:var(--muted);font-size:7px;font-weight:400}
.dg-page-title{font-size:9px;font-weight:700;text-align:right}
.dg-page-number{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.dg-page-meta,.dg-page-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
.dg-page dt{color:var(--muted)}
.dg-page dd{font-weight:600;overflow-wrap:anywhere}
.dg-page-ico{display:block;color:var(--muted);font-weight:400}
.dg-page-items{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.dg-page-caption{padding-bottom:2px;color:var(--muted);text-align:left}
.dg-page-items th,.dg-page-cell{padding:2px 4px 2px 0;border-bottom:1px solid var(--line-soft);font-weight:400;text-align:left}
.dg-page-items th{color:var(--muted)}
.dg-page-cell[data-col="1"],.dg-page-cell[data-col="2"],.dg-page-cell[data-col="3"]{text-align:right}
.dg-page-totals{display:grid;gap:2px;margin-left:40%}
.dg-page-total{display:flex;justify-content:space-between;gap:8px}
.dg-page-sum{padding-top:2px;border-top:1px solid var(--line);font-weight:700}
.dg-page-note,.dg-page-more,.dg-page-foot{color:var(--muted)}
/* Okno dokladu F-106 (návrh 11, web/finance-peek.js) je to isté okno .dg-peek (vrstva, rám, tlač, pripnutie F-111), iba užšie:
   strana F-97 v plnej veľkosti 252 × 357 px bez zmenšenia v ráme na --surface-2, pod ňou popis a sumy z payment_summary vo
   faktoch okna bez spodnej čiary. Šírka 300 px je strana 252 px, rám 2 × 9 px, odsadenie okna 2 × 14 px a okraj 2 × 1 px.
   Výška najviac 620 px a vždy v okne prehliadača: pripnuté okno s dlhou firmou (2 riadky vedľa Zavrieť) ukáže celú stranu bez posunu.
   Odkaz na prípad sa nezalomí uprostred čísla, celý ide na ďalší riadok za firmou. */
.dg-peek.dg-fpeek{width:300px;max-height:min(calc(100vh - 16px),620px)}
.dg-fpeek .dg-peek-facts{border-bottom:0}
.dg-fpeek-case{white-space:nowrap}
.dg-fpeek-sheet{display:flex;justify-content:center;margin:8px 0 6px;padding:6px 0;border-radius:var(--radius-sm);background:var(--surface-2)}
.dg-fpeek-sheet>.dg-page{flex:none;border:1px solid var(--line)}
.dg-fpeek-note{margin:0;color:var(--muted);font-size:12px;text-align:center}
/* Okno Náhľadu F-107 (návrh 12, web/order-grid-peek-pin.js) pri tlačidle Náhľad v karte Zoznamu (háčik vo web/views.js, tlačidlo
   iba s triedami .btn portálu). Okno #dg-lpeek je to isté okno .dg-peek s obsahom okna Tabuľky: od 700 px pripnuté pri spúšťači
   (šírka 400 px, poloha cez CSSOM ako F-111), pod 700 px spodný panel v druhom media bloku: celá šírka, prilepený dole, najviac
   82dvh s vnútorným posunom, zaoblený iba hore, fakty v 2 stĺpcoch ako na návrhu 12. Okná Tabuľky a dokladu sa nemenia. */
@media print{.dg-peek{display:none}}
@media (max-width:699px){.dg-peek.dg-lpeek{top:auto;right:0;bottom:0;left:0;width:auto;max-width:none;max-height:82vh;max-height:82dvh;border-radius:var(--radius) var(--radius) 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px))}.dg-lpeek .dg-peek-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-lpeek .dg-peek-fact[data-fact=qty]{grid-column:auto}}