/* Centrála 67app. 0.14.19: centrála trenérů je postavená ze stejných součástek a podle stejných pravidel jako appka trenéra
   (public/platforma/appka.css): řádek nadpisu 40 px, nadpis 24 px, mezery mezi bloky 14 / uvnitř bloku 12 / ovládací prvky vedle sebe 8 /
   popisek↔pole 6 / ikona↔text 10, karty padding 16, tlačítka 48 px (střední 44, malá 40), na počítači sloupec 480 px s rámečkem.
   Prvky na stejné úrovni mají vždy stejné parametry – žádné inline odchylky; nová varianta = nová třída tady.
   Inline styly zůstávají jen u zmenšených náhledů appky (napodobují appku, barvy se počítají z brandu) a u hodnot počítaných v JS (šířka pruhu, barva vzorku). */
:root{
  --bg:#F3F4F6; --karta:#FFFFFF; --linka:#E5E7EB; --pole:#D1D5DB; --text:#14161A; --tlumene:#4B5563;
  /* 0.31.0: barvy 67app podle webu (tmavě petrolejová #00393D) místo dřívější modré */
  --modra:#00393D; --modra-tmava:#00393D; --modra-svetla:#E3EEEE;
  /* 0.14.1: barva trenéra (nastaví centrala.js podle appky; bez appky výchozí barva 67app) */
  --znacka:#00393D; --na-znacce:#FFFFFF; --znacka-text:#00393D; --znacka-svetla:#E3EEEE; --cervena:#FF3B30; --cervena-svetla:#FDECEC;
  --zelena:#34C759; --zelena-svetla:#E7F5EC;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  /* mezery jako v appce trenéra */
  --m-blok:14px; --m-uvnitr:12px; --m-ovladace:8px; --m-pole:6px; --m-vedle:10px;
  --plocha-2:#EEF0F3; --text-2:#374151; --tlumene-2:#6B7280; --ramecek-silny:#9CA3AF;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Onest',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:var(--znacka-text)}
:focus-visible{outline:3px solid #8FC3BF;outline-offset:2px}
h1{margin:0;font-size:26px;line-height:1.15;letter-spacing:-.02em}
h2{margin:0;font-size:16px}
p{margin:0;line-height:1.5}
code{font-family:var(--mono);font-size:.92em}
.skryt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tlumene{color:var(--tlumene);font-size:15px} /* jen superadmin; centrála trenérů má .popis / .drobny jako appka */

/* ---------- kostra: lišta, obsah, rám ---------- */
.ramec{min-height:100vh;min-height:100dvh}
.lista{position:sticky;top:0;z-index:5;height:calc(56px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:var(--m-vedle);padding:env(safe-area-inset-top) 16px 0;background:var(--karta);border-bottom:1px solid var(--linka)}
.logo{color:var(--text);text-decoration:none;display:flex;align-items:baseline;gap:8px;min-width:0}
.logo strong{font-size:20px;letter-spacing:-.02em}
.logo span{font-size:13px;color:var(--tlumene);white-space:nowrap}
.lista-krok{font-size:13px;color:var(--tlumene);flex-shrink:0}
.lista-zpet{display:flex;align-items:center;gap:8px;margin-left:-8px;min-width:0}
.lista-zpet a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0}
.lista-zpet span{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar-odkaz{width:44px;height:44px;margin-right:-5px;display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}
.avatar{width:34px;height:34px;border-radius:17px;background:var(--plocha-2);color:var(--text);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.obsah{padding:20px 16px 40px;display:flex;flex-direction:column;gap:var(--m-blok)}
.obsah>*{flex-shrink:0}
/* počítač: centrála trenérů je sloupec 480 px s rámečkem jako appka trenéra (superadmin má vlastní široký rám).
   Šířku omezuje JEN .ramec od 560 px (stejný breakpoint jako appka) – obsah ani patička vlastní max-width nemají,
   jinak by mezi 481 a 559 px vznikly širší okraje než v appce (opraveno v 0.14.21). */
@media (min-width:560px){
  body:not(.sa) .ramec{max-width:480px;margin:0 auto;box-shadow:0 0 0 1px var(--linka)}
  body:not(.sa) .paticka{left:calc(50% - 240px);right:calc(50% - 240px)}
}

/* ---------- typografie ---------- */
.radek-nadpis{display:flex;justify-content:space-between;align-items:center;gap:var(--m-vedle);min-height:40px}
.nadpis{font-size:24px;line-height:normal;letter-spacing:-.02em;margin:0}
.nadpis.mensi{font-size:22px}
.nadpis-blok{display:flex;flex-direction:column;gap:var(--m-pole)}
.popis{font-size:14px;line-height:1.45;color:var(--tlumene)}
.drobny{font-size:13px;line-height:1.45;color:var(--tlumene)}
.text-2{color:var(--text-2)}
.mala{font-size:13px;line-height:1.45;color:var(--tlumene);text-align:center}
.stred-text{text-align:center}
.pravni{display:flex;gap:6px 14px;flex-wrap:wrap;justify-content:center;font-size:13px;line-height:1.45;color:var(--tlumene)}
.pravni a{color:inherit}
.label{font-size:14px;font-weight:600}
.mono-hodnota{font-family:var(--mono);font-size:13px}
.ok-text{color:var(--zelena)}.chyba-text{color:var(--cervena)}.varovani-text{color:#92400E}

/* ---------- karty ---------- */
.karta{background:var(--karta);border:1px solid var(--linka);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:var(--m-uvnitr)}
/* JEDNOTNÝ STYL KARET: odsazení 16, mezery 12, nadpis h2 16/22 tučně. Nadpis s akcí/údajem vpravo vždy přes .karta-hlava – akce nemění výšku řádku. */
.karta>h2,.karta-hlava>h2,.karta .text>h2,.karta-info>h2,.nadpis-karty{font-size:16px;line-height:22px;font-weight:700;margin:0}
.karta-hlava{display:flex;justify-content:space-between;align-items:center;gap:var(--m-vedle);min-height:22px}
.karta-hlava .karta-akce{font-size:14px;font-weight:600;text-decoration:none;padding:8px 0 8px 12px;margin:-8px 0;height:auto}
.tlumeny-dodatek{font-weight:500;color:var(--tlumene)}
.karta-info{border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}
.karta.stred{align-items:center;text-align:center}
.karta.na-stred{align-items:center}
.karta.na-stred>*:not(.ikona-plocha){align-self:stretch}
.karta.ram-cerveny{border:2px solid var(--cervena)}
.karta.ram-oranzovy{border:2px solid #B45309}
.radek-karta{flex-direction:row;align-items:center;gap:var(--m-uvnitr)}
.radek-karta .text{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}
.radek-karta .text span{font-size:13px;line-height:1.45;color:var(--tlumene)}
/* karta jako seznam řádků (údaje pro platbu, faktury, kroky) */
.karta.seznam{padding:0;gap:0;overflow:hidden}
.seznam-nadpis{margin:0;font-size:16px;line-height:22px;padding:16px 16px 8px}
.radek-udaje{display:flex;align-items:center;gap:var(--m-uvnitr);padding:10px 8px 10px 16px;border-top:1px solid var(--plocha-2)}
.radek-udaje:first-child{border-top:0}
.dvojice{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}
.dvojice .k{font-size:12px;font-weight:600;color:var(--tlumene)}
.dvojice .v{font-size:15px;font-weight:700;overflow-wrap:anywhere}
.dvojice .hl{font-size:15px;font-weight:600}
.dvojice .po{font-size:13px;line-height:1.45;color:var(--tlumene)}
.radek-krok{display:flex;gap:var(--m-uvnitr);padding:14px 16px;border-top:1px solid var(--plocha-2)}
.radek-krok:first-child{border-top:0}
.cislo-kruh{width:28px;height:28px;border-radius:14px;background:var(--plocha-2);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
/* hodnoty klíč – hodnota (jako .hodnoty v appce) */
.hodnoty{display:flex;flex-direction:column;gap:var(--m-ovladace);font-size:14px}
.hodnoty>div{display:flex;justify-content:space-between;align-items:center;gap:var(--m-vedle)}
.hodnoty .k{color:var(--tlumene)}
.hodnoty .v{font-weight:600;text-align:right;min-width:0}
.hodnoty .v.mono{font-family:var(--mono);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}
.prehled-radek{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.soucet{display:flex;justify-content:space-between;align-items:baseline;gap:var(--m-vedle);padding-top:12px;border-top:1px solid var(--plocha-2)}
.soucet strong:first-child{font-size:15px}
.soucet strong:last-child{font-size:22px}
.kontakty{display:flex;flex-direction:column;gap:var(--m-pole);font-size:14px;color:var(--tlumene)}
.kontakty .jm{font-weight:600;color:var(--text)}
.mrizka-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--m-ovladace)}
.dlazdice{background:var(--bg);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.dlazdice span:first-child,.dlazdice .k{font-size:12px;color:var(--tlumene)}
.dlazdice strong,.dlazdice .v{font-size:18px;font-weight:700}
.dlazdice .v.mensi{font-size:16px}
.dlazdice .v small{font-size:13px;font-weight:500;color:var(--tlumene)}
.pruh{height:8px;border-radius:4px;background:var(--plocha-2);overflow:hidden}
.pruh>div{height:100%;background:var(--znacka)}
.vzorek-maly{width:16px;height:16px;border-radius:4px;flex-shrink:0}
.sloupec-8{display:flex;flex-direction:column;gap:var(--m-ovladace)}
.sloupec-12{display:flex;flex-direction:column;gap:var(--m-uvnitr)}
.radek-mezi{display:flex;justify-content:space-between;align-items:center;gap:var(--m-vedle)}
.radek-mezi>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* ---------- karta appky na Přehledu ---------- */
.appka-hlava{display:flex;align-items:center;gap:var(--m-uvnitr)}
.appka-ikona{width:52px;height:52px;border-radius:13px;flex-shrink:0;box-shadow:0 0 0 1px var(--linka);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}
.appka-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex-grow:1}
.appka-adresa{font-size:13px;color:var(--tlumene);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stav-roh{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;font-size:12px;line-height:1.3;padding-top:2px}
.stav-roh .t{font-weight:600}
.stav-roh .d{color:var(--tlumene);white-space:nowrap}
.stav-roh.oranzovy .t,.stav-roh.oranzovy .d{color:#B45309}
.stav-roh.cerveny .t,.stav-roh.cerveny .d{color:var(--cervena)}

/* ---------- tlačítka (jako .tl v appce trenéra) ---------- */
.btn{height:48px;padding:0 16px;border:0;border-radius:12px;background:var(--znacka);color:var(--na-znacce);font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;flex-shrink:0;text-align:center}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;cursor:default}
.btn.druhe{background:var(--karta);color:var(--text);border:1px solid var(--pole)}
.btn.druhe.cervene{color:var(--cervena);border-color:#F3B4B4}
.btn.nebezpeci{background:var(--cervena);color:#fff}
.btn.stredni{height:44px;border-radius:10px;font-size:14px}
.btn.male{height:40px;padding:0 14px;border-radius:10px;font-size:14px;gap:6px;white-space:nowrap}
.btn.roste{flex-grow:1}
/* řádek tlačítek: vedlejší má vždy stejnou šířku (jako patička v appce), hlavní vyplní zbytek */
.radek-tlacitek,.paticka>div{display:flex;gap:var(--m-ovladace)}
.radek-tlacitek>.btn,.paticka>div>.btn{flex-grow:1}
.radek-tlacitek>.btn.druhe,.paticka>div>.btn.druhe{flex:0 0 auto;min-width:132px;padding:0 16px;white-space:nowrap}
/* textové tlačítko (jako .tl-text v appce) */
.odkaz{height:44px;padding:0;border:0;background:none;color:var(--znacka-text);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--m-vedle);text-decoration:none;cursor:pointer}
.odkaz.tlumeny{color:var(--tlumene)}
.odkaz.vlevo{align-self:flex-start;justify-content:flex-start}
.odkaz.nizky{height:auto;padding:6px 0 0;font-size:13px}
/* malé obrysové tlačítko v řádku karty (Upravit, Iniciály) */
.odkaz-btn{height:40px;padding:0 14px;border:1px solid var(--pole);border-radius:10px;color:var(--text);background:var(--karta);font-size:14px;font-weight:600;display:flex;align-items:center;text-decoration:none;flex-shrink:0;cursor:pointer}
.odkaz-btn[aria-disabled="true"]{color:#6B7280;cursor:default}
.ikona-btn{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--tlumene);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;font-size:16px;font-weight:700}

/* ---------- volby (jako .volby / .segment v appce) ---------- */
.volby-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--m-ovladace)}
.volby-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--m-ovladace)}
.volby-cipy{display:flex;flex-wrap:wrap;gap:var(--m-ovladace)}
.volby-radek{display:flex;justify-content:center;gap:6px}
.volba{height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--pole);background:var(--karta);color:var(--text);font-size:15px;font-weight:600;cursor:pointer}
.volba[aria-pressed="true"]{border-color:var(--znacka);background:var(--znacka);color:var(--na-znacce)}
.volba[disabled]{opacity:.5;cursor:default}
.volba.dvouradkova{height:auto;min-height:56px;padding:8px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left}
.volba .po{font-size:12px;font-weight:500;opacity:.8}
.volba.s-ikonou{display:flex;align-items:center;justify-content:flex-start;gap:var(--m-vedle);padding:0 10px;text-align:left}
.volba.s-ikonou .vzorek-motivu{width:24px;height:24px;border-radius:6px;flex-shrink:0}
.volba.mala{height:32px;font-size:13px;border-radius:9px}
/* přepínač mezi dvěma možnostmi (Česko / Slovensko) = segment z appky */
.segment-volby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--m-pole);background:var(--linka);border-radius:12px;padding:4px}
.segment-volby .volba{height:38px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:14px}
.segment-volby .volba[aria-pressed="true"]{background:var(--karta);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.segment-volby.tri{grid-template-columns:repeat(3,minmax(0,1fr))} /* 0.99.35 Česko · Slovensko · Jiná země */
.cip-volba{height:40px;padding:0 14px;border:1px solid var(--pole);border-radius:20px;background:var(--karta);color:var(--text);font-size:14px;font-weight:600;cursor:pointer}
.cip-volba[aria-pressed="true"]{border-color:var(--znacka);background:var(--znacka);color:var(--na-znacce)}
/* dlaždice k výběru s obrázkem (pozadí ikony, písmo) */
.dlazdice-volba{height:56px;border-radius:10px;border:2px solid var(--linka);background:var(--karta);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text);cursor:pointer;padding:0 4px}
.dlazdice-volba.vyssi{height:72px;gap:2px}
.dlazdice-volba[aria-pressed="true"]{border-color:var(--znacka)}
.dlazdice-volba>span:last-child{font-size:12px;font-weight:600}
.dlazdice-volba .vzorek-pozadi{width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.dlazdice-volba img{width:40px;height:40px}
/* barvy */
.vzorky{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--m-vedle)}
.vzorek{height:44px;border-radius:12px;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.vzorek[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px #14161A}
.vlastni-barva{display:flex;align-items:center;gap:var(--m-vedle)}
.barva-pole{width:48px;height:44px;padding:2px;border:1px solid var(--pole);border-radius:10px;background:#fff;flex-shrink:0}
.hex-pole{margin-left:auto;width:124px;height:44px;padding:0 12px;border:1px solid var(--pole);border-radius:10px;background:#fff;color:var(--text);font-family:var(--mono);font-size:16px;text-transform:uppercase}
.hex-pole[aria-invalid="true"]{border-color:var(--cervena)}
.kontrast{display:flex;flex-direction:column;gap:var(--m-vedle)}
.kontrast-radek{display:flex;align-items:center;gap:var(--m-vedle);font-size:14px}
.kontrast-radek>span:nth-child(2){flex-grow:1}
.kontrast-radek .mono-hodnota.ok{color:var(--zelena)}.kontrast-radek .mono-hodnota.info{color:#B45309}.kontrast-radek .mono-hodnota.zle{color:var(--cervena)}

/* ---------- formuláře ---------- */
.pole{display:flex;flex-direction:column;gap:var(--m-pole)}
.pole label{font-size:14px;font-weight:600}
.pole input{height:46px;padding:0 12px;border:1px solid var(--pole);border-radius:10px;font-size:16px;background:#fff;color:var(--text);width:100%;min-width:0}
.pole input[aria-invalid="true"]{border-color:var(--cervena)}
.pole select{height:46px;padding:0 12px;border:1px solid var(--pole);border-radius:10px;font-size:16px;background:#fff;color:var(--text);width:100%;min-width:0}
.pole-hlava{display:flex;justify-content:space-between;align-items:baseline;gap:var(--m-vedle)}
.pocitadlo{font-size:13px;color:var(--tlumene)}
.pole-s-tlacitkem{display:flex;gap:var(--m-ovladace)}
.pole-s-tlacitkem>input{flex:1 1 auto}
.pole-s-tlacitkem>.btn{height:46px}
.pole-adresa{display:flex;align-items:center;height:46px;border:1px solid var(--pole);border-radius:10px;background:#fff;overflow:hidden}
.pole-adresa.chybne{border-color:var(--cervena)}
.pole .pole-adresa input{flex-grow:1;min-width:0;height:100%;border:0;border-radius:0;padding:0 4px 0 12px;font-family:var(--mono);font-size:15px}
.pole-adresa span{padding:0 12px;font-family:var(--mono);font-size:15px;color:var(--tlumene)}
.adresa-stav{font-size:13px;min-height:18px;color:var(--tlumene)}
.adresa-stav.ok{color:var(--zelena)}.adresa-stav.chyba{color:var(--cervena)}
.navrhy{display:flex;flex-wrap:wrap;gap:var(--m-ovladace)}
.navrh{height:36px;padding:0 12px;border:1px solid var(--pole);border-radius:18px;background:#fff;font-family:var(--mono);font-size:13px;color:var(--text);cursor:pointer}
.zamcene{display:flex;justify-content:space-between;align-items:center;gap:var(--m-vedle);font-size:14px;background:var(--bg);border-radius:10px;padding:10px 12px}
.zamcene>span:first-child{display:flex;align-items:center;gap:6px;color:var(--tlumene)}
.zamcene>span:last-child{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.zamcene .mono-hodnota{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.zamcene .drobny{font-size:12px}
.chyba{font-size:13px;color:var(--cervena)}
.souhlas{display:flex;gap:var(--m-vedle);align-items:flex-start;font-size:14px;line-height:1.4}
.souhlas input{width:20px;height:20px;margin:1px 0 0;flex-shrink:0;accent-color:var(--znacka)}
.souhlas.na-stred{align-items:center}
.souhlas.na-stred input{margin:0}
.souhlas.maly{font-size:13px;color:var(--text-2);align-items:center;gap:8px}
.souhlas.maly input{width:18px;height:18px;margin:0}
.karta-hlava .souhlas.maly{color:var(--tlumene)}
input[type=range]{width:100%;accent-color:var(--znacka);height:28px;margin:0}
.posuvniky{display:flex;flex-direction:column;gap:var(--m-vedle);width:100%}
.posuvnik{display:flex;flex-direction:column;gap:2px;width:100%}
.posuvnik-hlava{display:flex;justify-content:space-between;font-size:13px}
.posuvnik-hlava label{font-weight:600}
.posuvnik-hlava span{font-family:var(--mono);color:var(--tlumene)}
textarea:focus-visible{outline:3px solid #8FC3BF;outline-offset:2px}

/* ---------- oznámení ---------- */
.info{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}
.info.modra{background:var(--modra-svetla);color:var(--modra-tmava)}
.info.cervena{background:var(--cervena-svetla);color:#7F1D1D}
.info.zelena{background:var(--zelena-svetla);color:#34C759}
.info.zluta{background:#FFF7E6;color:#5C3A06}
.info.mensi{font-size:13px}
.info.s-ikonou{display:flex;gap:var(--m-vedle);align-items:flex-start}
.info.s-ikonou svg{flex-shrink:0}
.info.ramecek{border:1px solid #F3B4B4}
.info.sloupec{display:flex;flex-direction:column;gap:4px}
.info.radek-akce{display:flex;justify-content:space-between;gap:var(--m-vedle);align-items:center;flex-wrap:wrap}
.info a{color:inherit;font-weight:700}
.kontroly{display:flex;flex-direction:column;gap:var(--m-pole)}
.kontrola{display:flex;gap:var(--m-vedle);align-items:flex-start;font-size:13px;line-height:1.45}
.kontrola svg{flex-shrink:0;margin-top:1px}
.seznam-bodu{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:var(--text-2)}
.seznam-bodu.mensi{padding-left:16px;font-size:13px}

/* ---------- logo, ikona, nahrání ---------- */
.ikona-56{width:56px;height:56px;border-radius:14px;flex-shrink:0}
.ikona-56.s-rameckem,.ikona-96{box-shadow:0 0 0 1px var(--linka)}
.ikona-96{width:96px;height:96px;border-radius:22px}
.nahrani{border:2px dashed #C3CAD5;border-radius:14px;background:var(--karta);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:var(--m-uvnitr);text-align:center}
.nahrani.vlevo{align-items:stretch;text-align:left;padding:16px}
.nahrani-ikona{width:56px;height:56px;border-radius:28px;background:var(--plocha-2);color:var(--text);display:flex;align-items:center;justify-content:center}
.podtitul{font-size:15px;font-weight:700}
.ikona-plocha{position:relative;width:240px;height:240px}
.ikona-velka{width:240px;height:240px;border-radius:22px;display:block}
.zona{position:absolute;left:10%;top:10%;width:80%;height:80%;border-radius:50%;border:2px dashed;pointer-events:none}
.nahledy-zarizeni{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end;background:#2B3240;border-radius:12px;padding:14px 8px 10px}
.nahled-zarizeni{display:flex;flex-direction:column;align-items:center;gap:6px}
.nahled-zarizeni span{font-size:11px;color:#fff;text-align:center}
.navod-grafiky{display:flex;gap:var(--m-blok);align-items:flex-start}
.navod-plakat{position:relative;width:90px;height:160px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--plocha-2);box-shadow:inset 0 0 0 1px var(--linka)}
.navod-plakat>*{position:absolute}
.navod-plakat img{inset:0;width:100%;height:100%;object-fit:cover}
.navod-plakat .bok{top:0;bottom:0;width:9%;background:repeating-linear-gradient(135deg,rgba(185,28,28,.55) 0 3px,rgba(185,28,28,.15) 3px 6px)}
.navod-plakat .bok.l{left:0}.navod-plakat .bok.p{right:0}
.navod-plakat .horni{left:0;right:0;top:0;height:6%;background:rgba(20,22,26,.55)}
.navod-plakat .spodek{left:0;right:0;bottom:0;height:41%;background:rgba(255,255,255,.6);border-top:1.5px solid #fff}
.navod-plakat .bezpecna{left:10%;top:7%;width:80%;height:48%;border:2px dashed #16A34A;border-radius:4px}

/* ---------- podstránky: náhled přilepený pod lištou, patička s tlačítky ---------- */
.prilepeny{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:4;background:var(--bg);margin:-20px -16px 0;padding:16px 16px 4px}
.prilepeny.nelepi{position:relative;z-index:auto}
/* zmenšený náhled, který se ukáže nahoře po odrolování velkého (Vstupní obrazovka) – výška 0, nic neposouvá */
.dok-nahled{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:4;height:0;margin:0 -16px calc(-1 * var(--m-blok))}
.dok-lista{background:var(--bg);border-bottom:1px solid var(--linka);box-shadow:0 4px 10px rgba(0,0,0,.06);padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:var(--m-blok);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s}
.dok-nahled.ukazany .dok-lista{opacity:1;visibility:visible;transform:none}
.dok-ovladani{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--m-ovladace)}
.dok-ovladani>.volby-radek{justify-content:flex-start}
.mini-nahled.dok{width:64px;height:138px;border-radius:9px;border:0;padding:0;background:none;cursor:pointer}
.mini-nahled.dok>.mini-vnitrek{transform:scale(.3902)}
.prilepeny.kroky{padding:12px 16px 8px}
.prilepeny-sloupec{display:flex;flex-direction:column;align-items:center;gap:8px}
.kroky-pruh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.kroky-pruh span{height:4px;border-radius:2px;background:var(--pole)}
.kroky-pruh span.hotovo{background:var(--znacka)}
.karta.nahled-karta{padding:12px;gap:8px}
.nadpis-maly{font-size:12px;font-weight:600;color:var(--tlumene);text-transform:uppercase;letter-spacing:.06em}
.paticka{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--karta);border-top:1px solid var(--linka);padding:12px 16px calc(16px + env(safe-area-inset-bottom))}
.paticka>div{margin:0 auto}
.misto-paticky{height:76px;flex-shrink:0}
/* výsledek akce (logo uloženo, platforma připravená, zaplaceno) */
.vysledek{display:flex;flex-direction:column;gap:var(--m-blok);align-items:center;text-align:center;padding-top:24px}
.vysledek>.karta,.vysledek>.btn{width:100%}
.kruh{width:72px;height:72px;border-radius:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kruh.zeleny{background:var(--zelena-svetla);color:var(--zelena)}.kruh.modry{background:var(--znacka-svetla);color:var(--znacka-text)}
.qr{width:150px;height:150px}
.qr.velky{width:200px;height:200px;padding:10px;background:#fff;border:1px solid var(--linka);border-radius:12px}
.odkaz-appky{font-family:var(--mono);font-size:16px;font-weight:500;word-break:break-all}
/* souhrn průvodce */
.karta.souhrn{gap:0;padding:4px 16px}
.souhrn-radek{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--plocha-2);font-size:14px}
.souhrn-radek:last-child{border-bottom:0}
.souhrn-radek .k{color:var(--tlumene)}
.souhrn-radek .v{text-align:right;display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.souhrn-radek .v strong{max-width:100%}
.souhrn-radek .v strong.mono{font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.souhrn-radek .v .zamek{font-size:12px;font-weight:600;color:var(--cervena)}
.postup-radek{display:flex;gap:var(--m-uvnitr);align-items:center;padding:12px 0;font-size:15px;color:var(--tlumene-2)}
.postup-radek.aktivni{color:var(--text)}
.karta.postup{gap:0;padding:6px 16px}
/* potvrzovací okno zespodu */
.dialog-pozadi{position:fixed;inset:0;z-index:30;background:rgba(20,22,26,.55);display:flex;align-items:flex-end;justify-content:center}
.dialog{width:100%;max-width:480px;background:#fff;border-radius:20px 20px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--m-blok)}
.dialog h2{font-size:20px}
.dialog-hlava{display:flex;align-items:center;gap:var(--m-uvnitr)}
.dialog-vykricnik{width:44px;height:44px;border-radius:22px;background:var(--cervena-svetla);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cervena);font-weight:800;font-size:22px}
.dialog-adresa{background:var(--bg);border-radius:12px;padding:14px;text-align:center;font-family:var(--mono);font-size:17px;word-break:break-all}
.dialog-body{display:flex;flex-direction:column;gap:var(--m-vedle);font-size:14px;line-height:1.4}
.dialog-body>div{display:flex;gap:var(--m-vedle)}
.dialog-body .ano{color:var(--zelena);font-weight:800}
.dialog-body .ne{color:var(--cervena);font-weight:800}
.dialog-body .cervene{color:#7F1D1D}

/* ---------- předplatné ---------- */
.vyber-radek{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--linka);border-radius:14px;background:var(--karta);color:var(--text);text-align:left;cursor:pointer;font:inherit}
.vyber-radek.nahoru{align-items:flex-start}
.vyber-radek[aria-pressed="true"]{border:2px solid var(--znacka-text);padding:13px 15px}
.vyber-radek[disabled]{cursor:not-allowed;opacity:.55}
.vyber-radek .vr-kruh{width:22px;height:22px;border-radius:11px;border:2px solid #9CA3AF;flex-shrink:0;box-sizing:border-box}
.vyber-radek.nahoru .vr-kruh{margin-top:1px}
.vyber-radek[aria-pressed="true"] .vr-kruh{border:7px solid var(--znacka-text)}
.vyber-radek .text{display:flex;flex-direction:column;gap:3px;flex-grow:1;min-width:0}
.vyber-radek .text strong{font-size:16px}
.vyber-radek .text span{font-size:13px;color:var(--tlumene);line-height:1.45}
.vyber-radek .cena{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.vyber-radek .cena strong{font-size:16px}
.vyber-radek .cena span{font-size:12px;color:var(--tlumene)}
.vyber-obdobi{min-height:64px;padding:10px 12px;border:1px solid var(--pole);border-radius:12px;background:var(--karta);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left;cursor:pointer;font:inherit}
.vyber-obdobi strong{font-size:15px}
.vyber-obdobi span{font-size:12px;font-weight:700;color:var(--tlumene)}
.vyber-obdobi span.sleva{color:var(--zelena)}
.vyber-obdobi[aria-pressed="true"]{border:2px solid var(--znacka-text);padding:9px 11px}
.sekce-nadpis{margin:0;font-size:16px;line-height:22px}

/* ---------- štítky, drobnosti ---------- */
.stitek{display:inline-block;font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px;white-space:nowrap}
.stitek.ok{background:var(--zelena-svetla);color:#34C759}
.stitek.ceka{background:#FFF7E6;color:#5C3A06}
.vyber-radek .text strong .stitek{vertical-align:2px;margin-left:4px}
@keyframes c67spin{to{transform:rotate(360deg)}}
.c67-spin{animation:c67spin .9s linear infinite}
@media (prefers-reduced-motion: reduce){.c67-spin{animation:none}}
.lista.tmava{background:#14161A;border-bottom-color:#14161A}
.lista.tmava .logo{color:#fff}.lista.tmava .logo span{color:#C9CED6}.lista.tmava #lista-vpravo{color:#C9CED6}


/* ===================== 0.14.15: společné součástky + superadmin =====================
   Stupnice mezer 4 / 8 / 12 / 16 / 24 / 32. Ovládací prvky: 38 px (nástroje, tabulky), 46 px (formuláře).
   Hierarchie: .tl.hlavni (nejvýš jedno na kartu) · .tl (vedlejší) · .tl.nebezpeci · odkaz jen v textu · navigace jen v menu. */
:root{--m1:4px;--m2:8px;--m3:12px;--m4:16px;--m5:24px;--m6:32px;--ovl:38px;--tmava:#14161A;--text2:#374151;--linka2:#EEF0F3;--oranzova:#B45309}
.tl{height:var(--ovl);padding:0 14px;border-radius:10px;border:1px solid var(--pole);background:#fff;color:var(--text);font:inherit;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;cursor:pointer;white-space:nowrap;flex-shrink:0}
.tl:hover{border-color:#9CA3AF;background:#F9FAFB}
.tl.hlavni{background:var(--tmava);border-color:var(--tmava);color:#fff}
.tl.hlavni:hover{background:#2B2F36}
.tl.nebezpeci{color:var(--cervena);border-color:#F3B4B4}
.tl.nebezpeci:hover{background:var(--cervena-svetla)}
.tl.velke{height:46px;padding:0 20px;font-size:15px}
.tl[disabled],.tl[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.vyber{height:var(--ovl);max-width:100%;padding:0 36px 0 12px;border:1px solid var(--pole);border-radius:10px;font:inherit;font-size:14px;color:var(--text);cursor:pointer;-webkit-appearance:none;appearance:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px 16px}
.vyber:hover{border-color:#9CA3AF}
.vyber:disabled{opacity:.6;cursor:not-allowed}
.vyber-blok{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text2)}
.hledat{height:var(--ovl);width:280px;max-width:100%;padding:0 12px;border:1px solid var(--pole);border-radius:10px;font:inherit;font-size:14px;background:#fff;color:var(--text)}
.pilulka{height:var(--ovl);padding:0 14px;border-radius:19px;border:1px solid var(--pole);background:#fff;color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.pilulka:hover{border-color:#9CA3AF}
.pilulka[aria-pressed="true"]{background:var(--tmava);border-color:var(--tmava);color:#fff}
.pole textarea,.pole .vyber-pole{min-height:46px;padding:10px 12px;border:1px solid var(--pole);border-radius:10px;font:inherit;font-size:16px;background:#fff;color:var(--text);resize:vertical}
.pole .napoveda{font-size:13px;color:var(--tlumene);line-height:1.45}
.pole .napoveda.varovani{color:#92400E}
.stitek.modry{color:#00393D;background:#E3EEEE}.stitek.zeleny{color:#34C759;background:#E7F5EC}.stitek.oranzovy{color:#78350F;background:#FEF3C7}
.stitek.cerveny{color:#7F1D1D;background:#FDECEC}.stitek.sedy{color:#374151;background:#EEF0F3}
.mono{font-family:var(--mono);font-size:13px}
.podtext{display:block;font-size:12px;color:var(--tlumene);margin-top:2px;line-height:1.4}
.info.oranzova{background:#FEF3C7;color:#78350F}

/* tabulka: na počítači řádky, na mobilu karty (popisky z data-l) */
.stul{width:100%;border-collapse:collapse;font-size:14px}
.stul th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tlumene);padding:10px;background:#F9FAFB;border-bottom:1px solid var(--linka);white-space:nowrap}
.stul td{padding:12px 10px;border-bottom:1px solid var(--linka2);vertical-align:middle}
.stul tbody tr:last-child td{border-bottom:0}
.stul th:first-child,.stul td:first-child{padding-left:20px}
.stul th:last-child,.stul td:last-child{padding-right:20px}
.stul .vpravo{text-align:right}
.stul .nezalomit{white-space:nowrap}
.stul .akce{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:nowrap}
.stul td.akce-bunka{width:1%;white-space:nowrap}
.stul .mono{white-space:nowrap}
.stul .prazdne td{text-align:center;color:var(--tlumene);padding:24px 20px}
.stul-obal{overflow-x:auto}

/* karta s tabulkou: hlavička s odsazením, tabulka až k okrajům */
body .karta.s-tabulkou,body.sa .karta.s-tabulkou{padding:0;gap:0;overflow:hidden}
.karta.s-tabulkou>.karta-hlava{padding:16px 20px;flex-wrap:wrap;border-bottom:1px solid var(--linka)}
.karta.s-tabulkou .karta-text{padding:16px 20px;border-bottom:1px solid var(--linka)}
.karta.s-tabulkou .karta-prazdna{padding:16px 20px;font-size:14px;color:var(--tlumene)}

/* klíč – hodnota (zálohy, detail trenéra) */
.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 32px;margin:0;font-size:14px}
.kv dt{color:var(--tlumene)}
.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}

/* položky seznamu (nespárované platby, odstoupení, pozornost) */
.polozky{display:flex;flex-direction:column}
.polozka{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--linka2);flex-wrap:wrap}
.polozka:first-child{border-top:0;padding-top:0}
.polozka:last-child{padding-bottom:0}
.polozka .text{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0;font-size:14px}
.polozka .text strong{font-size:15px}
.polozka .text span{font-size:13px;color:var(--tlumene)}
.polozka .akce{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.tecka{width:10px;height:10px;border-radius:5px;flex-shrink:0;background:#9CA3AF}
.tecka.cervena{background:var(--cervena)}.tecka.oranzova{background:#D97706}.tecka.modra{background:#2563EB}
a.polozka{color:inherit;text-decoration:none}
a.polozka:hover .text strong{text-decoration:underline}
.sipka-vpravo{color:#9CA3AF;flex-shrink:0;display:flex}

/* ---------- superadmin: rám s menu ---------- */
body.sa{background:var(--bg)}
body.sa .souhlas input{accent-color:var(--tmava)}
.lista.tmava{padding-left:max(24px,calc((100% - 1240px) / 2 + 24px));padding-right:max(24px,calc((100% - 1240px) / 2 + 24px))}
.lista.tmava #lista-vpravo a{color:#E5E7EB;font-size:14px;font-weight:600;text-decoration:none}
.lista.tmava #lista-vpravo a:hover{color:#fff;text-decoration:underline}
.sa-ram{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}
.sa-menu{position:sticky;top:56px;padding:24px 0;display:flex;flex-direction:column;gap:2px}
.sa-menu a{height:40px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:10px;color:var(--text2);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
.sa-menu a:hover{background:#E9EBEF;color:var(--text)}
.sa-menu a[aria-current="page"]{background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px var(--linka)}
.sa-menu .pocet{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--cervena);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.sa-obsah{padding:24px 0 48px;display:flex;flex-direction:column;gap:16px;min-width:0}
.sa-hlavicka{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:38px;margin-bottom:8px}
.sa-hlavicka h1{font-size:28px}
.sa-hlavicka .podnadpis{display:block;font-size:14px;color:var(--tlumene);font-weight:400;letter-spacing:0;margin-top:4px}
.sa-drobecky{font-size:14px;color:var(--tlumene);display:flex;gap:6px;align-items:center;margin-bottom:-8px}
.sa-drobecky a{color:var(--tlumene)}
body.sa .karta{padding:20px;gap:12px}
body.sa .karta>h2,body.sa .karta-hlava>h2{font-size:17px}
.sa-mrizka-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.sa-dlazdice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dlazd{background:var(--karta);border:1px solid var(--linka);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:4px;color:var(--text);text-decoration:none;min-width:0}
a.dlazd:hover{border-color:#C9CED6}
.dlazd .l{font-size:13px;color:var(--tlumene)}
.dlazd .h{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlazd .h.cervena{color:var(--cervena)}
.dlazd .p{font-size:13px;color:var(--tlumene)}
.sa-nastroje{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sa-filtry{display:flex;gap:8px;flex-wrap:wrap}
.sa-znak{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;object-fit:cover}
.sa-osoba{display:flex;align-items:center;gap:12px;min-width:0}
.sa-osoba .jm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-osoba>span{display:flex;flex-direction:column;min-width:0}
.sa-pruh{height:8px;border-radius:4px;background:var(--linka2);overflow:hidden;display:flex}
.sa-pruh>div{height:100%}
.sa-velke-cislo{font-size:24px;font-weight:700;letter-spacing:-.02em}
.karta.nebezpeci{border-color:#F3B4B4}
.sa-zalozky{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:#E5E7EB;align-self:flex-start}
.sa-zalozky button{height:34px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:var(--text2);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.sa-zalozky button[aria-selected="true"]{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.sa-sablona{border-top:1px solid var(--linka2)}
.sa-sablona:first-of-type{border-top:0}
.sa-sablona summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer}
.sa-sablona summary::-webkit-details-marker{display:none}
.sa-sablona summary .text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sa-sablona summary strong{font-size:15px}
.sa-sablona summary .text>span{font-size:13px;color:var(--tlumene)}
.sa-skupina+.sa-sablona{border-top:0}
.sa-sablona summary svg{transition:transform .15s;color:#6B7280;flex-shrink:0}
.sa-sablona[open] summary svg{transform:rotate(180deg)}
.sa-sablona .telo{padding:0 20px 20px;display:flex;flex-direction:column;gap:12px}
.sa-email{border:1px solid var(--linka);border-radius:10px;overflow:hidden;font-size:14px}
.sa-email .predmet{padding:10px 14px;background:#F9FAFB;border-bottom:1px solid var(--linka);font-weight:600}
.sa-email .text{padding:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}
.sa-skupina{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tlumene);padding:16px 20px 8px;background:#F9FAFB;border-top:1px solid var(--linka);border-bottom:1px solid var(--linka)}
.sa-skupina:first-child{border-top:0}
.sa-formular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:start}
.sa-formular .cela{grid-column:1/-1}
.sa-paticka-formu{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:4px}
/* 0.14.16 ceník */
.sa-cenik-radek{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) auto;gap:12px 16px;align-items:start;padding-top:12px;border-top:1px solid var(--linka2)}
.sa-cenik-radek:first-of-type{border-top:0;padding-top:0}
.sa-nabizet{align-self:center;margin-top:22px;white-space:nowrap}
.sa-cenik-obdobi{display:grid;grid-template-columns:110px repeat(2,minmax(0,1fr));gap:12px 16px;align-items:end}
.sa-cenik-obdobi>strong{font-size:15px;padding-bottom:13px}

@media (max-width:1100px){
  .sa-ram{grid-template-columns:minmax(0,1fr);gap:0;padding:0 16px}
  .sa-menu{top:56px;z-index:4;flex-direction:row;gap:4px;margin:0 -16px;padding:8px 16px;overflow-x:auto;background:var(--bg);border-bottom:1px solid var(--linka);scrollbar-width:none}
  .sa-menu::-webkit-scrollbar{display:none}
  .sa-menu a{height:36px;font-size:14px;flex-shrink:0}
  .sa-obsah{padding:20px 0 40px}
  .lista.tmava{padding-left:16px;padding-right:16px}
}
@media (max-width:760px){
  .sa-dlazdice{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dlazd{padding:14px 16px}
  .dlazd .h{font-size:24px}
  .sa-mrizka-2,.sa-formular{grid-template-columns:minmax(0,1fr)}
  .sa-cenik-radek{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .sa-cenik-radek>.pole:first-child{grid-column:1/-1}
  .sa-nabizet{margin-top:0;grid-column:1/-1}
  .sa-cenik-obdobi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-cenik-obdobi>strong{grid-column:1/-1;padding-bottom:0}
  .sa-hlavicka h1{font-size:24px}
  body.sa .karta{padding:16px}
  .karta.s-tabulkou>.karta-hlava,.karta.s-tabulkou>.karta-text,.karta.s-tabulkou .karta-prazdna{padding:14px 16px}
  .karta.s-tabulkou>.karta-hlava{min-height:0}
  .kv{grid-template-columns:minmax(0,1fr);gap:0}
  .kv dt{font-size:13px;margin-top:10px}
  .kv dt:first-child{margin-top:0}
  .kv dd{text-align:left}
  .hledat{width:100%}
  .sa-filtry{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;padding-bottom:2px}
  .sa-filtry::-webkit-scrollbar{display:none}
  .sa-nastroje>.sa-filtry{margin:0 -16px;padding:0 16px 2px;max-width:none;width:calc(100% + 32px)}
  .stul td>.bunka{display:block;min-width:0}
  .stul tr td.prazdna-bunka{display:none}
  .sa-sablona summary{padding:14px 16px}
  .sa-sablona .telo{padding:0 16px 16px}
  .sa-skupina{padding:14px 16px 8px}
  /* tabulka jako karty */
  .stul thead{display:none}
  .stul,.stul tbody,.stul tr,.stul td{display:block;width:100%}
  .stul tr{padding:12px 16px;border-bottom:1px solid var(--linka2)}
  .stul tbody tr:last-child{border-bottom:0}
  .stul td,.stul td:first-child,.stul td:last-child{border:0;padding:3px 0;display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-align:right}
  .stul td::before{content:attr(data-l);color:var(--tlumene);text-align:left;flex-shrink:0;font-size:13px}
  .stul td.hlavni{display:block;text-align:left;padding-bottom:6px;font-size:15px}
  .stul td.hlavni::before,.stul td.bez-popisku::before{content:none}
  .stul td.akce-bunka{display:block;padding-top:10px;width:100%}
  .stul td.akce-bunka .akce{flex-wrap:wrap}
  .stul td.akce-bunka::before{content:none}
  .stul td.akce-bunka .akce{justify-content:flex-start}
  .stul .prazdne td{justify-content:center}
  .stul .prazdne td::before{content:none}
}
.mensi-text{font-size:13px;line-height:1.45}
.nadpis-blok.tesny{gap:4px}
.nezalomit{white-space:nowrap;flex-shrink:0}

/* ===================== 0.14.24: nový Přehled, Rozšířený branding, Asistent tvorby grafik, Odkaz pro klienty ===================== */
/* úvodní karta appky: vlevo identita (nahoře) a stav (dole) přesně na výšku náhledu, vpravo náhled vstupní obrazovky, pod tím 2 tlačítka */
.appka-karta{gap:var(--m-blok)}
.appka-horni{display:flex;gap:var(--m-blok);align-items:stretch}
.appka-identita{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--m-uvnitr)}
.appka-identita .appka-text{gap:2px}
.appka-identita h2{font-size:18px;line-height:24px;letter-spacing:-.01em;margin:0;overflow-wrap:anywhere}
.appka-stav{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.appka-stav .d{font-size:13px;color:var(--tlumene)}
.appka-stav.oranzovy .d{color:#B45309}.appka-stav.cerveny .d{color:var(--cervena)}
/* náhled telefonu 164 × 354 zmenšený na 84 × 181 */
.mini-nahled{position:relative;width:84px;height:181px;flex-shrink:0;border-radius:11px;overflow:hidden;box-shadow:0 0 0 1px var(--linka);display:block}
.mini-nahled>.mini-vnitrek{position:absolute;left:0;top:0;width:164px;height:354px;transform:scale(.5122);transform-origin:0 0;pointer-events:none}
.mini-nahled.v-hlavicce{width:72px;height:155px;border-radius:10px;align-self:center}
.mini-nahled.v-hlavicce>.mini-vnitrek{transform:scale(.439)}
.mini-nahled.mensi{width:44px;height:95px;border-radius:7px}
.mini-nahled.mensi>.mini-vnitrek{transform:scale(.2683)}
.mini-nahled>.mini-tuzka{position:absolute;right:5px;top:5px;width:28px;height:28px;border-radius:14px;background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}
/* karta sekce: nadpis + štítek, obsah, velké obrysové tlačítko dole */
.karta .btn.stredni.siroke{width:100%}
/* rozcestník */
.rozcestnik-ukazka{align-items:center}
.rozcestnik-ukazka .volby-4{width:100%}
.volby-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.volby-4 .volba{height:36px;padding:0 4px;font-size:12px;border-radius:9px}
.telefon{position:relative;width:200px;height:433px;border-radius:22px;overflow:hidden;box-shadow:0 0 0 6px #14161A,0 10px 30px rgba(0,0,0,.18);margin:6px 0}
.telefon>div{position:absolute;inset:0}
.rozcestnik-polozka{background:var(--karta);border:1px solid var(--linka);border-radius:14px;padding:16px;display:flex;align-items:center;gap:var(--m-uvnitr);color:var(--text);text-decoration:none}
.rozcestnik-polozka .ikona-ctverec{width:44px;height:44px;border-radius:12px;background:var(--plocha-2);color:var(--text-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rozcestnik-polozka .ikona-ctverec.modra{background:var(--modra-svetla);color:var(--modra-tmava)}
.rozcestnik-polozka .dvojice b{font-size:16px;line-height:22px}
.rozcestnik-polozka[aria-disabled="true"]{cursor:default}
/* asistent tvorby grafik */
.zadani-obal{border:1px solid var(--linka);border-radius:10px;overflow:hidden}
.zadani-prepinac{width:100%;height:44px;padding:0 12px;border:0;background:#F9FAFB;color:var(--text);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.zadani-prepinac svg{color:var(--tlumene-2);transition:transform .15s}
.zadani-prepinac[aria-expanded="true"] svg{transform:rotate(180deg)}
.zadani-text{margin:0;padding:12px 14px;border-top:1px solid var(--linka);font:inherit;font-size:13px;line-height:1.5;color:var(--text-2);white-space:pre-wrap}
.zony-nakres{position:relative;width:120px;height:213px;flex-shrink:0;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#3B5566,#1F2F3A)}
.zony-nakres>span{position:absolute}
.zony-nakres .z-horni{left:0;right:0;top:0;height:7%;background:rgba(20,22,26,.75)}
.zony-nakres .z-bok{top:0;bottom:0;width:10%;background:repeating-linear-gradient(135deg,rgba(185,28,28,.6) 0 3px,rgba(185,28,28,.2) 3px 6px)}
.zony-nakres .z-bok.l{left:0}.zony-nakres .z-bok.p{right:0}
.zony-nakres .z-bezpecna{left:10%;top:7%;width:80%;height:48%;border:2px dashed #4ADE80;border-radius:4px}
.zony-nakres .z-spodek{left:0;right:0;bottom:0;height:45%;background:rgba(255,255,255,.78);border-top:2px solid #fff}
.zony-nakres.sirka{width:120px;height:60px;border-radius:8px}
.zony-nakres.sirka .z-kriz{right:0;top:0;width:22%;height:40%;background:rgba(20,22,26,.75)}
.zony-nakres.sirka .z-bezpecna{left:8%;top:10%;width:84%;height:80%}
.zony-nakres.ctverec{width:60px;height:60px;margin:0 30px;border-radius:14px}
.zony-nakres.ctverec .z-bezpecna{left:10%;top:10%;width:80%;height:80%;border-radius:50%}
.zony-radek{display:flex;gap:var(--m-blok);align-items:center;padding-top:var(--m-uvnitr);border-top:1px solid var(--plocha-2)}
.legenda{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.45;color:var(--text-2)}
.legenda li{display:flex;gap:8px}
.legenda .vz{width:12px;height:12px;margin-top:3px;border-radius:3px;flex-shrink:0}
.legenda .vz.bezpecna{border:2px dashed #16A34A}.legenda .vz.spodek{background:var(--linka);border:1px solid var(--ramecek-silny)}
.legenda .vz.bok{background:rgba(185,28,28,.5)}.legenda .vz.horni{background:#14161A}
.mensi-text.text-2{color:var(--text-2)}
.radek-format{display:flex;align-items:center;gap:var(--m-uvnitr);padding:12px 16px;border-top:1px solid var(--plocha-2)}
.radek-format .f{font-size:13px;color:var(--text-2);text-align:right;flex-shrink:0}
.radek-format:last-child{padding-bottom:16px}
/* odkaz pro klienty */
.qr-velky{width:200px;height:200px;padding:8px;border:1px solid var(--linka);border-radius:12px;background:#fff}
.qr-velky svg{display:block;width:100%;height:100%}
.volby-3 .btn.stredni{padding:0 6px}
.zony-blok{display:flex;gap:var(--m-blok);align-items:flex-start}
.karta.stred>.btn{align-self:stretch}

/* ===================== Momenty v appce (nastavení) ===================== */
.ikona-ctverec>b{font-size:17px;font-weight:800}
.obrazky-momentu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--m-ovladace)}
.obrazek-momentu,.pridat-obrazek{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden}
.obrazky-momentu.sirka{grid-template-columns:repeat(2,minmax(0,1fr))}
.obrazky-momentu.sirka .obrazek-momentu,.obrazky-momentu.sirka .pridat-obrazek{aspect-ratio:2/1}
.obrazek-momentu{box-shadow:0 0 0 1px var(--linka)}
.obrazek-momentu.vybrany{box-shadow:0 0 0 2px var(--znacka)}
.nahled-obrazku{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#E5E7EB center/cover no-repeat;cursor:pointer}
.odebrat-obrazek{position:absolute;right:6px;top:6px;width:32px;height:32px;border:0;border-radius:16px;background:rgba(0,0,0,.55);color:#fff;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pridat-obrazek{border:1.5px dashed var(--pole);background:#fff;color:var(--text);font-size:14px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.pridat-obrazek>span{font-size:24px;line-height:1;font-weight:400}
.rozcestnik-polozka>svg{flex-shrink:0}
/* 0.27.0 provizní program */
.pv-trener{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--linka)}
.pv-trener:first-of-type{border-top:0;padding-top:0}
.pv-trener .karta-hlava strong{font-size:15px}
/* 0.28.0 Zprávy od trenérů (podpora) */
.sa-radek-tl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.po-vlakno{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;padding:4px 2px}
.po-zprava{display:flex;flex-direction:column;gap:4px;max-width:min(560px,88%)}
.po-zprava.trener{align-self:flex-start}
.po-zprava.tym{align-self:flex-end;align-items:flex-end}
.po-bublina{border-radius:16px;padding:10px 14px;font-size:15px;line-height:1.45;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}
.po-zprava.trener .po-bublina{background:#F3F4F6;border-bottom-left-radius:6px}
.po-zprava.tym .po-bublina{background:#14161A;color:#fff;border-bottom-right-radius:6px}
.po-bublina .stitek{align-self:flex-start}
.po-bublina img{display:block;max-width:240px;max-height:320px;border-radius:10px}
.po-kontext{font-size:12px;color:var(--tlumene)}
.po-kontext summary{cursor:pointer}
.po-kontext dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0 0}
.po-kontext dt{font-weight:600}
.po-kontext dd{margin:0;overflow-wrap:anywhere}

/* 0.35.0 superadmin: přepínač produktu (Kondice / 67app Analyzer) nad menu */
.sa-produkt{margin-bottom:12px}
.sa-produkt .volba{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0}
.sa-produkt .volba[aria-pressed="true"]{background:var(--karta);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.sa-menu .sa-produkt a{height:38px;border-radius:9px;color:var(--text);font-size:14px}
.sa-menu .sa-produkt a:hover{background:transparent}
.sa-menu .sa-produkt a[aria-pressed="true"]:hover{background:var(--karta)}
@media (max-width:1100px){ .sa-produkt{margin:0 8px 0 0;flex-shrink:0;width:200px} }
/* 0.86.0 modul Video analýza ve výběru tarifu: zaškrtávací dlaždice */
.vyber-radek.pp-modul{border-style:dashed;border-color:var(--znacka-text)}
.vyber-radek.pp-modul[aria-pressed="true"]{border-style:solid}
.vyber-radek .pp-ctverec{width:22px;height:22px;border-radius:6px;border:2px solid #9CA3AF;flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff}
.vyber-radek[aria-pressed="true"] .pp-ctverec{border-color:var(--znacka-text);background:var(--znacka-text)}