/* Správa prodeje dataZtacha: jen rozvržení stránky, karet a tabulek. Barvy, písmo, mezery a rádiusy výhradně z tokenů
   sady UI (internal/web/static/ui/tokens.css); tlačítka, pole, stavy a oznámení jsou komponenty sady beze změny. */
body { margin: 0; background: var(--dz-bg); color: var(--dz-text); font-family: var(--dz-font); font-size: var(--dz-text-base); line-height: 1.5; }
a { color: var(--dz-brand); }
h1 { font-size: 1.5rem; margin: var(--dz-space-4) 0 var(--dz-space-2); display: flex; flex-wrap: wrap; align-items: center; gap: var(--dz-space-2); }
h2 { font-size: 1.125rem; margin: 0 0 var(--dz-space-3); }
small { color: var(--dz-text-2); }
.sp-hlava { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dz-space-3) var(--dz-space-5); padding: var(--dz-space-3) var(--dz-space-4);
  background: var(--dz-surface); border-bottom: 3px solid var(--dz-brand-accent); box-shadow: var(--dz-shadow); }
.sp-znacka { display: inline-flex; align-items: center; gap: var(--dz-space-2); text-decoration: none; color: var(--dz-text); font-weight: var(--dz-weight-strong); }
.sp-nav { display: flex; flex-wrap: wrap; gap: var(--dz-space-1) var(--dz-space-3); flex: 1; }
.sp-nav a { padding: var(--dz-space-1) var(--dz-space-2); border-radius: var(--dz-radius-control); text-decoration: none; }
.sp-nav a[aria-current="page"] { background: var(--dz-brand-weak); font-weight: var(--dz-weight-strong); }
.sp-nav a:focus-visible { outline: var(--dz-focus-width) solid var(--dz-focus); outline-offset: 2px; }
.sp-odhlasit { margin: 0; }
.sp-main { max-width: 1200px; margin: 0 auto; padding: var(--dz-space-2) var(--dz-space-4) var(--dz-space-6); display: flex; flex-direction: column; gap: var(--dz-space-4); }
.sp-karta { background: var(--dz-surface); border: 1px solid var(--dz-border); border-radius: var(--dz-radius-control); padding: var(--dz-space-4); box-shadow: var(--dz-shadow); min-width: 0; }
.sp-uzka { max-width: 420px; margin: var(--dz-space-6) auto; width: 100%; }
.sp-dva { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: var(--dz-space-4); align-items: start; }
.sp-podtitul { margin: 0; color: var(--dz-text-2); }
.sp-dl { display: grid; grid-template-columns: minmax(110px, max-content) 1fr; gap: var(--dz-space-2) var(--dz-space-4); margin: 0; }
.sp-dl dt { font-weight: var(--dz-weight-strong); color: var(--dz-text-2); }
.sp-dl dd { margin: 0; overflow-wrap: anywhere; }
.sp-akce { margin: 0 0 var(--dz-space-4); }
.sp-akce > summary { list-style: none; }
.sp-akce > summary::-webkit-details-marker { display: none; }
.sp-akce[open] > summary { margin-bottom: var(--dz-space-3); }
.sp-akce .dz-help { margin: var(--dz-space-1) 0 0; }
.sp-bod { display: flex; flex-direction: column; gap: var(--dz-space-1); padding: var(--dz-space-2) 0; border-top: 1px solid var(--dz-missing-line); }
.sp-radek { display: flex; gap: var(--dz-space-2); align-items: center; flex-wrap: wrap; }
.sp-radek .dz-input { flex: 1; min-width: 200px; }
.sp-skryte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sp-kreseni { padding: var(--dz-space-2) 0; border-top: 1px solid var(--dz-border); }
.sp-pocty a { text-decoration: none; margin-right: var(--dz-space-2); color: var(--dz-text); }
.sp-filtr { margin-bottom: var(--dz-space-3); }
.sp-filtr__tl { align-self: end; }
.sp-tab { overflow-x: auto; }
.sp-tab table { width: 100%; border-collapse: collapse; font-size: var(--dz-text-compact); }
.sp-tab th { text-align: left; color: var(--dz-text-2); font-weight: var(--dz-weight-strong); border-bottom: 1px solid var(--dz-border-strong); padding: var(--dz-space-2); white-space: nowrap; }
.sp-tab td { border-bottom: 1px solid var(--dz-border); padding: var(--dz-space-2); vertical-align: top; }
.sp-tab .dz-num { text-align: right; white-space: nowrap; }