/* ===========================================================================
   AKADEMIE SU — vzhled částí, které statický kurz neměl: přihlášení, hlášky,
   chybové stránky, prvky aplikace. Barvy výhradně z branding.css (AGENTS §7).
   Vzhled kurzu samotného zůstává v kurz.css a vzhled.css – tam se nesahá.
   =========================================================================== */

/* --- přihlášení ---------------------------------------------------------- */

.ak-prihlaseni {
  max-width: 26rem;
  margin: 2rem auto 4rem;
}

.md-typeset .ak-prihlaseni h1 {
  margin-bottom: .4rem;
}

.ak-prihlaseni__uvod {
  color: var(--su-seda);
  margin-top: 0;
}

.ak-prihlaseni__pomoc {
  margin-top: 2rem;
  font-size: .74rem;
  color: var(--su-seda);
}

/* --- formulář ------------------------------------------------------------ */

.ak-formular {
  margin-top: 1.4rem;
}

.ak-pole {
  display: block;
  margin-bottom: 1.1rem;
}

.ak-pole__popis {
  display: block;
  font-weight: 700;
  margin-bottom: .3rem;
}

.ak-pole input[type="text"],
.ak-pole input[type="password"] {
  width: 100%;
  box-sizing: border-box;
  padding: .6rem .7rem;
  font: inherit;
  color: var(--su-cerna);
  background: var(--su-pozadi);
  border: 1px solid var(--su-linka);
  border-radius: 3px;
}

.ak-pole input:focus-visible {
  outline: 2px solid var(--su-cervena);
  outline-offset: 1px;
  border-color: var(--su-cervena);
}

.ak-pole__napoveda {
  display: block;
  margin-top: .3rem;
  font-size: .72rem;
  color: var(--su-seda);
}

/* Past na roboty: pro člověka neviditelná, pro čtečku skrytá aria-hidden. */
.ak-pole--past {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ak-tlacitko {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  padding: .62rem 1.5rem;
  font: inherit;
  font-weight: 700;
  color: var(--su-na-cervene);
  background: var(--su-cervena);
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-align: center;
  white-space: normal;
}

/* `.md-typeset a` (převzaté z Material) má vyšší specificitu (třída+značka)
   než holé `.ak-tlacitko` (jen třída) a přebíjí mu barvu textu na stejnou
   červenou jako pozadí – tlačítko `<a class="ak-tlacitko">` (na rozdíl od
   `<button>`) pak bylo neviditelné. Dvě třídy specificitu spolehlivě vyhrají. */
.md-typeset .ak-tlacitko,
.md-typeset .ak-tlacitko:visited { color: var(--su-na-cervene); }

.ak-tlacitko:hover {
  background: var(--su-cervena-tmava);
}

.md-typeset .ak-tlacitko:hover,
.md-typeset .ak-tlacitko:focus { color: var(--su-na-cervene); }

.ak-tlacitko:focus-visible {
  outline: 2px solid var(--su-cerna);
  outline-offset: 2px;
}

/* Vedlejší akce (nastavení, banka otázek…) – tlačítko, ale ne soutěží barvou
   s hlavní červenou akcí (publikovat/náhled). */
.md-typeset .ak-tlacitko--vedlejsi,
.md-typeset .ak-tlacitko--vedlejsi:visited,
.md-typeset .ak-tlacitko--vedlejsi:hover,
.ak-tlacitko--vedlejsi {
  color: var(--su-cervena);
  background: transparent;
  border: 1px solid var(--su-linka);
}
.ak-tlacitko--vedlejsi:hover {
  border-color: var(--su-cervena);
  background: var(--su-pozadi-2);
}
.ak-tlacitko--velke { padding:.8rem 1.2rem; font-size:.88rem; }
.ak-kapitoly-vypis { columns:2 15rem; margin:.75rem 0 1.2rem; }
.ak-kapitoly-vypis li { break-inside:avoid; margin-bottom:.25rem; }

/* Dlouhý redakční text v kurzovém bloku `tlacitko` musí zůstat uvnitř
   tlačítka i v mobilním plátně editoru. */
.md-typeset .md-button {
  max-width: 100%;
  box-sizing: border-box;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-align: center;
  white-space: normal;
}

/* --- hlášky -------------------------------------------------------------- */

.ak-chyba,
.ak-zprava {
  padding: .7rem .9rem;
  border-left: 4px solid;
  border-radius: 2px;
  margin: 1rem 0;
}

.ak-chyba {
  color: var(--sem-cervena-text);
  background: var(--sem-cervena-bg);
  border-color: var(--sem-cervena);
}

.ak-zprava {
  color: var(--su-cerna);
  background: var(--su-pozadi-2);
  border-color: var(--su-seda);
}

/* --- chybová stránka ----------------------------------------------------- */

.ak-chybova-stranka {
  max-width: 34rem;
  margin: 2rem auto 4rem;
}

.ak-chybova-stranka__kod {
  font-size: .72rem;
  color: var(--su-seda);
}

/* --- odhlášení v záhlaví ------------------------------------------------- */

.ak-odhlasit {
  font: inherit;
  font-size: .7rem;
  color: var(--su-na-cervene);
  background: transparent;
  border: 1px solid var(--su-na-cervene-2);
  border-radius: 3px;
  padding: .25rem .7rem;
  cursor: pointer;
}

.ak-odhlasit:hover {
  background: var(--su-cervena-tmava);
}

/* --- zápatí -------------------------------------------------------------- */

/* kurz.css barví lištu zápatí přes --su-cerna, jenže ta se v tmavém režimu
   překlápí na světlou (branding.css) a text by pak byl světlý na světlém.
   Zápatí aplikace proto používá token, který je tmavý v obou režimech.
   Vzhled kurzu se tím nemění – jde o obal aplikace, ne o obsah kapitoly. */
.md-footer-meta {
  background: var(--su-plocha-tmava);
}

.md-footer-meta .md-copyright {
  color: var(--su-plocha-tmava-text-2);
}

/* Volitelná velikost samostatného obrázku (blok `obrazek`, pole `velikost`).
   Bez hodnoty se nic nemění – původní 1:1 obsah zůstává na přirozené šířce. */
.k-obrazek--male,
.k-obrazek--stredni,
.k-obrazek--velke,
.k-obrazek--nejvetsi {
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  object-fit: contain !important;
}
.k-obrazek--male { max-width: 16rem !important; }
.k-obrazek--stredni { max-width: 26rem !important; }
.k-obrazek--velke { max-width: 38rem !important; }
.k-obrazek--nejvetsi { max-width: 100% !important; }

/* Samostatné video (blok `video`) – vlastní přehrávač, žádná externí služba. */
.k-video {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: .25rem;
}

/* Nepovinné obrázky u interaktivních komponent (odhal/najdi-chybu/predikce/
   porovnani, DENIK.md 2026-09-05) – nové prvky, žádný převzatý vzhled se
   neupravuje (AGENTS.md §7), jde jen o rozumné výchozí zobrazení. */
.k-predikce__obrazek,
.k-najdi-chybu__obrazek,
.k-odhal__obrazek,
.k-porovnani__obrazek {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: .25rem;
  margin-bottom: .75rem;
}
.k-porovnani__obrazek { max-height: 14rem; object-fit: contain; }

/* Jediný plovoucí vstup k soukromé poznámce. Vzhled kurzu samotného
   zůstává nedotčený; editor je samostatný dialog aplikace. */
.ak-poznamky { position:fixed; right:1rem; bottom:1rem; z-index:30; }
.ak-poznamky__tlacitko {
  display:inline-flex; align-items:center; gap:.45rem; min-height:2.7rem;
  padding:.65rem 1rem; border:1px solid var(--su-linka); border-radius:999px;
  color:var(--su-na-cervene); background:var(--su-cervena); box-shadow:0 .35rem 1.3rem rgb(20 25 35 / .2);
  font:inherit; font-weight:700; cursor:pointer;
}
.ak-poznamky__tlacitko:hover { background:var(--su-cervena-tmava); }
.ak-poznamky__tlacitko:focus-visible { outline:2px solid var(--su-cerna); outline-offset:2px; }
.ak-poznamky__tlacitko.ma-poznamku { box-shadow:0 0 0 3px var(--su-pozadi),0 0 0 5px var(--su-cervena),0 .35rem 1.3rem rgb(20 25 35 / .2); }
.ak-poznamky__dialog {
  width:min(34rem,calc(100vw - 2rem)); max-height:calc(100vh - 2rem); box-sizing:border-box;
  padding:0; border:1px solid var(--su-linka); border-radius:.55rem;
  color:var(--su-cerna); background:var(--su-pozadi); box-shadow:0 1rem 3rem rgb(20 25 35 / .3);
}
.ak-poznamky__dialog::backdrop { background:rgb(20 25 35 / .55); }
.ak-poznamky__panel { display:grid; gap:.8rem; margin:0; padding:1.1rem; }
.ak-poznamky__panel header { display:flex; justify-content:space-between; gap:1rem; }
.ak-poznamky__panel h2 { margin:0; font-size:1.25rem; }
.ak-poznamky__kontext { margin:.25rem 0 0; color:var(--su-seda); font-size:.76rem; }
.ak-poznamky__zavrit { flex:none; width:2rem; height:2rem; border:1px solid var(--su-linka); border-radius:50%; color:inherit; background:var(--su-pozadi-2); font:700 1.2rem/1 sans-serif; cursor:pointer; }
.ak-poznamky__panel label { font-weight:700; }
.ak-poznamky__panel textarea { width:100%; min-height:8rem; box-sizing:border-box; padding:.65rem; resize:vertical; border:1px solid var(--su-linka); border-radius:.35rem; color:inherit; background:var(--su-pozadi); font:inherit; }
.ak-poznamky__panel textarea:focus-visible { outline:2px solid var(--su-cervena); outline-offset:1px; }
.ak-poznamky__napoveda { margin:0; color:var(--su-seda); font-size:.72rem; }
.ak-poznamky__ovladani { display:flex; align-items:center; justify-content:flex-end; gap:.5rem; flex-wrap:wrap; }
.ak-poznamky__stav { min-width:8rem; margin-right:auto; color:var(--su-seda); font-size:.75rem; }
@media (max-width: 44rem) { .ak-poznamky { right:.65rem; bottom:.65rem; } .ak-poznamky__tlacitko { min-height:2.5rem; padding:.55rem .8rem; } }
@media print { .ak-poznamky { display:none; } }

/* --- nabídka kapitol v postranním panelu --------------------------------- */

.ak-nav__skupina {
  margin-top: .9rem;
}

.ak-nav__nadpis {
  display: block;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--su-seda);
  padding: .2rem .6rem;
}

.ak-nav__obsah {
  border-left: 2px solid var(--su-linka);
  margin: .2rem 0 .6rem .6rem;
}

.ak-nav__obsah .md-nav__link {
  font-size: .72rem;
}

/* Jméno přihlášeného v záhlaví – vedle tlačítka odhlášení. */
.ak-odhlaseni {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.ak-uzivatel {
  font-size: .7rem;
  color: var(--su-na-cervene-2);
  white-space: nowrap;
}

/* Upozornění, že se dívám na nepublikovaný koncept. */
.ak-zprava--koncept {
  border-color: var(--sem-zluta);
  background: var(--sem-zluta-bg);
  color: var(--sem-zluta-text);
}

.ak-admin-odkaz { color: inherit; margin-inline: 1rem; font-weight: 700; }
.ak-update-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(14rem,1fr)); gap: .65rem; }
.ak-update-card { border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: .5rem; padding: .75rem; margin: .65rem 0; }
.ak-update-grid > .ak-update-card { margin:0; }
.ak-update-card h2 { margin-top: 0; }
.ak-course-header { overflow:hidden; max-width:72rem; margin:0 0 1rem; padding:1rem 1.1rem 0; border:1px solid var(--su-linka); border-radius:.65rem; background:var(--su-pozadi); box-shadow:0 .15rem .7rem rgb(20 25 35 / .06); }
.ak-course-header>.ak-kicker { margin:0 0 .2rem; color:var(--su-cervena); }
.ak-course-header__title { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; }
.ak-course-header__title h1 { margin:0; font-size:clamp(1.25rem,3vw,1.75rem); }
.ak-course-status { padding:.18rem .55rem; border-radius:1rem; color:var(--su-seda); background:var(--su-pozadi-2); font-size:.64rem; font-weight:700; }
.ak-course-tabs { display:flex; gap:.2rem; margin-top:.85rem; overflow-x:auto; scrollbar-width:thin; }
.ak-course-tabs a { flex:none; padding:.55rem .7rem .65rem; border-bottom:3px solid transparent; color:var(--su-seda); font-size:.72rem; font-weight:700; text-decoration:none; }
.ak-course-tabs a:hover { color:var(--su-cervena); }
.ak-course-tabs a[aria-current="page"] { color:var(--su-cervena); border-bottom-color:var(--su-cervena); }
.ak-page-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; max-width:72rem; margin:1rem 0; }
.ak-page-intro h2 { margin:0 0 .25rem; }
.ak-page-intro p { max-width:52rem; margin:.2rem 0; color:var(--su-seda); }
.ak-page-intro>strong { flex:none; padding:.55rem .7rem; border-radius:.4rem; background:var(--su-pozadi-2); font-size:.7rem; }
.ak-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.8rem; }
.ak-section-heading h2,.ak-section-heading .ak-kicker { margin:0; }
.ak-section-heading>p { max-width:30rem; margin:0; color:var(--su-seda); }
.ak-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.ak-form-grid--test { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ak-form-grid label { display:grid; align-content:start; gap:.3rem; font-weight:700; }
.ak-form-grid input,.ak-form-grid textarea,.ak-form-grid select { width:100%; box-sizing:border-box; padding:.62rem .7rem; border:1px solid var(--su-linka); border-radius:.35rem; color:inherit; background:var(--su-pozadi); font:inherit; }
.ak-form-grid small { color:var(--su-seda); font-weight:400; }
.ak-form-grid .ak-form-wide { grid-column:1/-1; }
.ak-form-grid .ak-check-row { display:flex; align-items:center; align-self:end; min-height:2.45rem; }
.ak-form-grid .ak-check-row input { width:auto; }
.ak-course-settings { max-width:72rem; }
.ak-course-settings>.ak-update-card { padding:1.1rem; }
.ak-course-savebar { position:sticky; z-index:2; bottom:.75rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1rem; padding:.7rem .8rem; border:1px solid var(--su-linka); border-radius:.55rem; background:var(--su-pozadi); box-shadow:0 .35rem 1.3rem rgb(20 25 35 / .14); }
.ak-course-savebar p { margin:0; color:var(--su-seda); }
.ak-create-card { margin:.5rem 0!important; padding:0!important; border:1px dashed var(--su-linka); border-radius:.55rem; background:var(--su-pozadi-2); }
.ak-create-card>summary { padding:.7rem .8rem; color:var(--su-cervena); cursor:pointer; }
.ak-create-card>summary span { color:var(--su-seda); font-size:.68rem; }
.ak-create-card>form { margin:.1rem .8rem .8rem; }
.ak-disclosure-summary { position:relative; display:grid!important; grid-template-columns:1rem minmax(0,1fr) auto; align-items:center; gap:.6rem; min-height:0; list-style:none!important; }
.ak-disclosure-summary::before,.ak-disclosure-summary::after { display:none!important; content:none!important; }
.ak-disclosure-summary::marker { content:''; }
.ak-disclosure-summary::-webkit-details-marker { display:none!important; }
.ak-disclosure-icon { grid-column:1; display:block; width:1rem; height:1rem; background-color:currentcolor; -webkit-mask-image:var(--md-details-icon); mask-image:var(--md-details-icon); -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; transition:transform .15s ease; }
details[open]>.ak-disclosure-summary>.ak-disclosure-icon { transform:rotate(90deg); }
.ak-record-list { display:grid; gap:.3rem; max-width:72rem; }
.ak-record-card { margin:0!important; border:1px solid var(--su-linka); border-radius:.5rem; background:var(--su-pozadi); }
.ak-record-card>summary { padding:.6rem .75rem; cursor:pointer; }
.ak-record-card>summary>span:nth-of-type(2) { grid-column:2; min-width:0; }
.ak-record-card>summary>span:last-of-type { grid-column:3; }
.ak-record-card>summary strong,.ak-record-card>summary small { display:block; }
.ak-record-card>summary strong { line-height:1.3; }
.ak-record-card>summary small { margin-top:.15rem; color:var(--su-seda); }
.ak-record-card>summary>span:last-child { color:var(--su-cervena); font-size:.68rem; font-weight:700; }
.ak-record-card>form { margin:.2rem .8rem .8rem; }
.ak-quick-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; max-width:72rem; }
.ak-handbook-category { max-width:72rem; padding:1rem; }
.ak-inline-settings { margin:.25rem 0 .65rem!important; padding:0!important; border:0; border-bottom:1px solid var(--su-linka); border-radius:0; background:transparent; }
.ak-inline-settings>summary { padding:.4rem 0 .6rem; color:var(--su-cervena); font-weight:700; cursor:pointer; }
.ak-edit-form { max-width:64rem; margin:.85rem 0; }
.ak-edit-group { min-width:0; margin:0; padding:1rem 0; border:0; border-top:1px solid var(--su-linka); }
.ak-edit-group:first-of-type { padding-top:.25rem; border-top:0; }
.ak-edit-group legend { padding:0 .55rem 0 0; color:var(--su-cervena); font-size:.78rem; font-weight:800; }
.ak-edit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem 1rem; }
.ak-edit-grid label { display:grid; align-content:start; gap:.32rem; min-width:0; color:var(--su-text); font-size:.72rem; font-weight:700; }
.ak-edit-grid input,.ak-edit-grid textarea,.ak-edit-grid select { width:100%; min-width:0; box-sizing:border-box; padding:.62rem .7rem; border:1px solid var(--su-linka); border-radius:.35rem; color:inherit; background:var(--su-pozadi); font:inherit; font-weight:400; }
.ak-edit-grid textarea { resize:vertical; line-height:1.45; }
.ak-edit-wide { grid-column:1/-1; }
.ak-edit-actions { display:flex; justify-content:flex-end; gap:.6rem; margin-top:.2rem; padding-top:.8rem; border-top:1px solid var(--su-linka); }
.ak-compact-edit { margin:.2rem .8rem .8rem; }
.ak-empty-hint { margin:.25rem .8rem .8rem; color:var(--su-seda); }
.ak-question-form .ak-otazka-moznosti { grid-column:1/-1; padding:.7rem; border:1px solid var(--su-linka); border-radius:.45rem; background:var(--su-pozadi-2); }
.ak-handbook-tools { display:grid; gap:.3rem; }
.ak-handbook-tool { margin:0!important; padding:0!important; border:1px solid var(--su-linka); border-radius:.5rem; background:var(--su-pozadi); }
.ak-handbook-tool>summary { padding:.65rem .8rem; cursor:pointer; }
.ak-handbook-tool>summary>span:nth-of-type(2) { grid-column:2; min-width:0; }
.ak-handbook-tool>summary>.ak-data-status { grid-column:3; }
.ak-handbook-tool>summary strong,.ak-handbook-tool>summary small { display:block; }
.ak-handbook-tool>summary small { max-width:42rem; margin-top:.18rem; overflow:hidden; color:var(--su-seda); text-overflow:ellipsis; white-space:nowrap; }
.ak-handbook-tool>.ak-edit-form { margin:.25rem .9rem .9rem; }
.ak-handbook-tool>.ak-record-delete { margin:0 .9rem .9rem; }
.ak-data-status { flex:none; padding:.2rem .55rem; border-radius:2rem; font-size:.65rem; font-weight:800; }
.ak-data-status--zelena { color:var(--sem-zelena-text); background:var(--sem-zelena-bg); }
.ak-data-status--zluta { color:var(--sem-zluta-text); background:var(--sem-zluta-bg); }
.ak-data-status--cervena { color:var(--sem-cervena-text); background:var(--sem-cervena-bg); }
.md-typeset .ak-create-card>:not(summary),.md-typeset .ak-record-card>:not(summary),.md-typeset .ak-inline-settings>:not(summary),.md-typeset .ak-handbook-tool>:not(summary) { padding-left:0; padding-right:0; }
.ak-builder-bank { margin:.8rem; border:1px solid #d8dde4; border-radius:.4rem; background:#fff; }
.ak-builder-bank>summary { display:flex; justify-content:space-between; gap:.5rem; padding:.55rem; color:#343b46; font-weight:700; cursor:pointer; }
.ak-builder-bank>summary strong { display:grid; place-items:center; min-width:1.4rem; height:1.4rem; border-radius:50%; color:#fff; background:var(--su-cervena); }
.ak-builder-bank>p { margin:.25rem .55rem .55rem; color:#687282; font-size:.64rem; }
.ak-builder-bank__list { display:grid; gap:.3rem; padding:0 .55rem .55rem; }
.ak-builder-bank__list form { margin:0; }
.ak-builder-bank__list button { width:100%; padding:.5rem; border:1px solid #d8dde4; border-radius:.3rem; color:#343b46; background:#f7f8fa; text-align:left; cursor:pointer; }
.ak-builder-bank__list button span,.ak-builder-bank__list button small { display:block; }
.ak-builder-bank__list button small { margin-top:.2rem; color:var(--su-cervena); font-weight:700; }
@media (max-width:48rem) { .ak-page-intro,.ak-section-heading { display:block; } .ak-page-intro>strong { display:inline-block; margin-top:.6rem; } .ak-form-grid,.ak-form-grid--test,.ak-quick-actions,.ak-edit-grid { grid-template-columns:1fr; } .ak-edit-wide { grid-column:auto; } .ak-course-savebar { bottom:.35rem; } .ak-handbook-tool>summary small { max-width:13rem; } }
.ak-update-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.ak-update-checks { width: 100%; }
.ak-zprava--chyba { border-left: .3rem solid #b3261e; }

/* --- závěrečný test a ověření certifikátu ---------------------------- */
.ak-test__otazka { border: 0; border-top: 1px solid var(--su-linka); margin: 1.5rem 0; padding: 1rem 0 0; }
.ak-test__otazka legend { font-weight: 700; padding: 0; }
.ak-test__otazka label { display: block; padding: .35rem 0; }
.ak-test__potvrzeni { display: block; padding: 1rem; margin: 1.5rem 0; background: var(--su-pozadi-2); }
.ak-overeni { display: grid; grid-template-columns: minmax(8rem,auto) 1fr; gap: .5rem 1rem; }
.ak-overeni dt { font-weight: 700; }
.ak-overeni dd { margin: 0; }
.ak-profil-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(17rem,1fr)); gap: 1rem; }
.ak-profil-kurzy { display: grid; grid-template-columns: repeat(auto-fit,minmax(14rem,1fr)); gap: 1rem; }
.ak-pole select { width: 100%; padding: .55rem; font: inherit; }
.ak-tabulka-wrap { overflow-x: auto; }

/* --- jednotné rozvržení administrace ---------------------------------- */
.ak-admin-shell {
  --ak-admin-sirka: 14rem;
  --ak-admin-horni: 3.6rem;
  display: block;
  min-height: 100vh;
  background: var(--su-pozadi-2);
}
.ak-admin-menu-toggle { position: fixed; opacity: 0; pointer-events: none; }
.ak-admin-sidebar {
  position: fixed; z-index: 8; inset: 0 auto 0 0; width: var(--ak-admin-sirka);
  display: flex; flex-direction: column; overflow-y: auto;
  color: var(--su-plocha-tmava-text); background: var(--su-plocha-tmava);
}
.ak-admin-brand { display: flex; align-items: center; gap: .7rem; padding: 1rem;
  color: var(--su-plocha-tmava-text); text-decoration: none; }
.ak-admin-brand img { width: 2.7rem; height: 2.7rem; object-fit: contain;
  padding: .25rem; border-radius: .35rem; background: var(--su-pozadi); }
.ak-admin-brand span,.ak-admin-brand strong,.ak-admin-brand small { display: block; }
.ak-admin-brand strong { font-size: .9rem; }
.ak-admin-brand small { color: var(--su-plocha-tmava-text-2); font-size: .65rem; }
.ak-admin-menu { display: grid; gap: .15rem; padding: .4rem .65rem 1rem; }
.ak-admin-menu a { display: flex; align-items: center; gap: .65rem; min-height: 2.35rem;
  padding: .45rem .65rem; border-radius: .4rem; color: var(--su-plocha-tmava-text-2);
  font-size: .76rem; font-weight: 700; text-decoration: none; }
.ak-admin-menu a > span { width: .45rem; height: .45rem; flex: none;
  border: 1px solid currentColor; border-radius: 50%; }
.ak-admin-menu a:hover { color: var(--su-plocha-tmava-text); background: color-mix(in srgb,var(--su-plocha-tmava-text) 10%,transparent); }
.ak-admin-menu a[aria-current="page"] { color: var(--su-na-cervene); background: var(--su-cervena); }
.ak-admin-menu a[aria-current="page"] > span { background: currentColor; }
.ak-admin-navrat { margin: auto .65rem .8rem; padding: .65rem; border-top: 1px solid color-mix(in srgb,var(--su-plocha-tmava-text) 16%,transparent);
  color: var(--su-plocha-tmava-text-2); font-size: .7rem; text-decoration: none; }
.ak-admin-topbar { position: fixed; z-index: 7; top: 0; right: 0; left: var(--ak-admin-sirka);
  min-height: var(--ak-admin-horni); display: flex; align-items: center; gap: .8rem;
  padding: .55rem 1.2rem; border-bottom: 1px solid var(--su-linka); background: var(--su-pozadi); }
.ak-admin-topbar > strong { font-size: .85rem; }
.ak-admin-topbar__akce { display: flex; align-items: center; gap: .65rem; margin-left: auto; }
.ak-admin-topbar__akce form { margin: 0; }
.ak-admin-jmeno { color: var(--su-seda); font-size: .7rem; }
.ak-admin-motiv,.ak-admin-odhlasit,.ak-admin-menu-button { min-height: 2rem; padding: .35rem .65rem;
  border: 1px solid var(--su-linka); border-radius: .35rem; color: var(--su-cerna);
  background: var(--su-pozadi-2); font: inherit; cursor: pointer; }
.ak-admin-menu-button { display: none; align-items: center; justify-content: center; font-weight: 700; }
.ak-admin-main { width: auto; max-width: none; min-width: 0; margin-left: var(--ak-admin-sirka);
  padding: calc(var(--ak-admin-horni) + 1.5rem) clamp(1rem,3vw,2.6rem) 3rem;
  font-size: .76rem; }
.ak-admin-main > h1 { margin-top: 0; }
.ak-admin-main > p:first-child:has(> a[href^="/administrace"]) { display: none; }
.ak-admin-backdrop { display: none; }
.ak-builder-drobecky { display: flex; align-items: center; gap: .3rem; overflow: hidden;
  color: var(--su-seda); font-size: .62rem; white-space: nowrap; }
.ak-builder-drobecky a { color: inherit; text-decoration: none; }
.ak-builder-drobecky a:hover { text-decoration: underline; }
@media (max-width: 52rem) {
  .ak-admin-sidebar { transform: translateX(-102%); transition: transform .2s ease; }
  .ak-admin-topbar { left: 0; padding-inline: .7rem; }
  .ak-admin-main { margin-left: 0; padding: calc(var(--ak-admin-horni) + 1rem) .75rem 2rem; }
  .ak-admin-menu-button { display: inline-flex; }
  .ak-admin-menu-toggle:checked ~ .ak-admin-sidebar { transform: none; }
  .ak-admin-menu-toggle:checked ~ .ak-admin-backdrop { display: block; position: fixed; z-index: 7;
    inset: 0; background: color-mix(in srgb,var(--su-plocha-tmava) 68%,transparent); }
  .ak-admin-jmeno { display: none; }
  .ak-builder-dokument { display: grid; padding-inline: .6rem; }
  .ak-builder-drobecky a:first-child,.ak-builder-drobecky span:first-of-type { display: none; }
}
.ak-admin-radek { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; }
.ak-admin-form { display: grid; grid-template-columns: repeat(auto-fit,minmax(13rem,1fr)); gap: .65rem; margin-top: .65rem; }
.ak-admin-form label { display: grid; gap: .3rem; }
.ak-admin-form input,.ak-admin-form select,.ak-admin-form textarea,.ak-admin-radek input,.ak-admin-radek select { padding: .4rem; font: inherit; }
.ak-admin-filtry { display:grid; grid-template-columns:repeat(auto-fit,minmax(10rem,1fr)); gap:.75rem; align-items:end; }
.ak-admin-filtry label { display:grid; gap:.3rem; }
.ak-admin-filtry input,.ak-admin-filtry select,.ak-hromadne input,.ak-hromadne select { min-width:0; padding:.5rem; font:inherit; }
.ak-hromadne { display:flex; flex-wrap:wrap; gap:.55rem; align-items:end; position:sticky; top:.5rem; z-index:5; }
.ak-hromadne label { display:grid; gap:.25rem; }
.ak-hromadne small { flex-basis:100%; }
.ak-uzivatel-hlavicka { display:flex; gap:.75rem; align-items:flex-start; }
.ak-uzivatel-hlavicka h2 { margin-top:0; }
.ak-vyber-uctu input { inline-size:1.25rem; block-size:1.25rem; }
.ak-role--zdroj { text-transform:uppercase; font-weight:700; }
.ak-sr-only { position:absolute!important; inline-size:1px!important; block-size:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.ak-otazka-moznosti { display: grid; gap: .4rem; margin: .3rem 0 .8rem; }
.ak-otazka-moznost { display: flex; align-items: center; gap: .5rem; }
.ak-otazka-moznost input[type="text"] { flex: 1; padding: .5rem .6rem; font: inherit; border: 1px solid var(--su-linka); border-radius: .3rem; }
.ak-otazka-moznost input[type="radio"] { flex: none; width: 1.15rem; height: 1.15rem; accent-color: var(--su-cervena); }
.ak-otazka-moznost button { flex: none; width: 1.9rem; height: 1.9rem; color: #a20e0e; background: transparent; border: 1px solid var(--su-linka); border-radius: .3rem; cursor: pointer; }
.ak-otazka-moznosti__pridat { justify-self: start; padding: .4rem .8rem; background: var(--su-pozadi-2); border: 1px solid var(--su-linka); border-radius: .3rem; cursor: pointer; }
.ak-role { display: inline-flex; gap: .2rem; align-items: center; border: 1px solid var(--su-linka); border-radius: 2rem; padding: .12rem .5rem; margin: .15rem; }
.ak-role form { display: inline; margin: 0; }
.ak-role button { border: 0; background: transparent; cursor: pointer; }

/* --- blokový editor --------------------------------------------------- */
.ak-editor-toolbar,.ak-editor-akce { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; }
.ak-editor-toolbar { padding:1rem; margin:1rem 0; background:var(--su-pozadi-2); border-radius:.5rem; }
.ak-editor-toolbar form,.ak-editor-akce form { margin:0; }
.ak-editor-akce { grid-column:1/-1; }
.ak-editor-bloky { display:grid; gap:.65rem; }
.ak-editor-blok { margin-left:min(calc(var(--hloubka) * 2rem),8rem); border:1px solid var(--su-linka); border-left:.3rem solid var(--su-cervena); border-radius:.45rem; padding:.75rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; background:var(--md-default-bg-color); }
.ak-editor-form { display:grid; gap:1rem; max-width:58rem; }
.ak-editor-pole { display:grid; gap:.35rem; font-weight:600; }
.ak-editor-pole input,.ak-editor-pole textarea,.ak-editor-pole select,.ak-editor-json { width:100%; padding:.65rem; font:inherit; box-sizing:border-box; }
.ak-editor-pole textarea,.ak-editor-json { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-weight:400; }
/* Prozaický text (md/raw pole) není kód – vlastní formátovací lišta z něj dělá běžný odstavec. */
.ak-editor-pole textarea[data-kind="string"] { font-family:inherit; }
.ak-editor-skupina { border:1px solid var(--su-linka); border-radius:.45rem; padding:1rem; display:grid; gap:1rem; }
.ak-nebezpeci { color:#a20e0e; }
@media (max-width:44rem) { .ak-editor-blok { margin-left:min(calc(var(--hloubka) * .6rem),2rem); align-items:flex-start; flex-direction:column; } }

/* Vizuální studio: plátno jako výsledná stránka + knihovna bloků. */
.ak-studio-horni { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.ak-studio { display:grid; grid-template-columns:minmax(0,1fr) 19rem; align-items:start; gap:1.25rem; max-width:none; }
.ak-studio-platno { min-width:0; padding:1rem; border:1px solid var(--su-linka); border-radius:.75rem; background:var(--md-default-bg-color); box-shadow:0 .3rem 1.2rem color-mix(in srgb,#000 8%,transparent); }
.ak-studio-platno__popis { display:flex; justify-content:space-between; gap:1rem; padding:.2rem .25rem 1rem; color:var(--su-seda); font-size:.75rem; }
.ak-studio-knihovna { position:sticky; top:1rem; max-height:calc(100vh - 2rem); overflow:auto; padding:1rem; border:1px solid var(--su-linka); border-radius:.75rem; background:var(--su-pozadi-2); }
.ak-studio-knihovna h2 { margin:0 0 1rem; }
.ak-studio-skupina { margin-top:1.1rem; }
.ak-studio-skupina h3 { margin:0 0 .45rem; font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:var(--su-seda); }
.ak-studio-prvky { display:grid; gap:.4rem; }
.ak-studio-prvky form { margin:0; }
.ak-studio-prvky button { width:100%; padding:.65rem; text-align:left; color:inherit; background:var(--md-default-bg-color); border:1px solid var(--su-linka); border-radius:.45rem; cursor:pointer; }
.ak-studio-prvky button:hover { border-color:var(--su-cervena); transform:translateY(-1px); }
.ak-studio-prvky button strong,.ak-studio-prvky button small { display:block; }
.ak-studio-prvky button small { margin-top:.2rem; color:var(--su-seda); line-height:1.3; }
.ak-studio-blok { margin:.65rem 0; border:1px solid transparent; border-radius:.55rem; background:var(--md-default-bg-color); transition:border-color .15s,box-shadow .15s; }
.ak-studio-blok:hover,.ak-studio-blok:focus-within { border-color:var(--su-linka); box-shadow:0 .2rem .8rem color-mix(in srgb,#000 7%,transparent); }
.ak-studio-blok__hlavicka { display:flex; align-items:center; gap:.45rem; min-height:2.4rem; padding:.35rem .5rem; background:var(--su-pozadi-2); border-radius:.5rem .5rem 0 0; font-size:.72rem; }
.ak-studio-blok__hlavicka>.ak-editor-akce { margin-left:auto; flex-wrap:nowrap; }
.ak-studio-blok__hlavicka button { padding:.28rem .5rem; font:inherit; cursor:pointer; }
.ak-studio-tahlo { border:0; background:transparent; font-size:1rem!important; cursor:grab!important; letter-spacing:-.2rem; }
.ak-studio-nahled { padding:.75rem 1rem; overflow:hidden; }
.ak-studio-nahled>.blok { margin-top:.5rem; margin-bottom:.5rem; }
.ak-studio-nastaveni { padding:1rem; border-top:2px solid var(--su-cervena); background:color-mix(in srgb,var(--su-pozadi-2) 70%,transparent); }
.ak-studio-nastaveni .ak-editor-form { max-width:none; }
.ak-studio-deti { margin:.25rem .75rem .75rem 2rem; padding-left:.75rem; border-left:3px solid var(--su-linka); }
.ak-studio-blok--tazeny { opacity:.42; }
.ak-studio-blok--cil { border-top:4px solid var(--su-cervena); }
.ak-studio-prazdne { padding:3rem 1rem; text-align:center; border:2px dashed var(--su-linka); color:var(--su-seda); }
.ak-studio-chyba { color:#a20e0e; }
@media (max-width:68rem) { .ak-studio { grid-template-columns:1fr; } .ak-studio-knihovna { position:static; max-height:none; } .ak-studio-prvky { grid-template-columns:repeat(auto-fit,minmax(12rem,1fr)); } }
@media (max-width:44rem) { .ak-studio-horni { align-items:flex-start; flex-direction:column; } .ak-studio-blok__hlavicka { flex-wrap:wrap; } .ak-studio-blok__hlavicka>.ak-editor-akce { width:100%; margin-left:0; } .ak-studio-deti { margin-left:.5rem; } }

/* --- celookenní builder podle pracovního modelu Elementor ---------------- */
.ak-editor-okno { margin:0; overflow:hidden; background:#eef0f3; }
.ak-builder { --builder-top:3.75rem; --builder-panel:18rem; display:grid; grid-template-columns:var(--builder-panel) minmax(0,1fr); grid-template-rows:var(--builder-top) minmax(0,1fr); width:100vw; height:100vh; color:#20242b; background:#eef0f3; }
.ak-builder-topbar { grid-column:1/-1; z-index:20; display:grid; grid-template-columns:var(--builder-panel) minmax(11rem,1fr) auto auto; align-items:center; min-width:0; color:#fff; background:#1f2329; box-shadow:0 2px 10px rgb(0 0 0 / .24); }
.ak-builder-logo { align-self:stretch; display:flex; align-items:center; gap:.7rem; padding:0 1rem; color:#fff; background:#15181d; text-decoration:none; font-weight:700; }
.ak-builder-logo img { width:2rem; height:2rem; object-fit:contain; }
.ak-builder-dokument { min-width:0; display:grid; padding:0 1.1rem; line-height:1.2; }
.ak-builder-dokument strong,.ak-builder-dokument small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ak-builder-dokument small { margin-top:.2rem; color:#b7bec9; }
.ak-builder-zarizeni { display:flex; gap:.25rem; padding:.25rem; border-radius:.4rem; background:#111419; }
.ak-builder-zarizeni button { min-height:2rem; padding:.25rem .6rem; color:#c8ced8; background:transparent; border:0; border-radius:.3rem; font:inherit; font-size:.68rem; cursor:pointer; }
.ak-builder-zarizeni button.is-active { color:#fff; background:#424956; }
.ak-builder-akce { justify-self:end; display:flex; align-items:center; gap:.9rem; padding:0 1rem; }
.ak-builder-akce a { color:#fff; white-space:nowrap; }
.ak-builder-akce .ak-tlacitko { padding:.48rem .8rem; background:var(--su-cervena); text-decoration:none; }
.ak-builder-ulozeno { color:#b7bec9; font-size:.68rem; white-space:nowrap; }
.ak-builder-ulozeno[data-state="dirty"] { color:#ffd166; }
.ak-builder-ulozeno[data-state="saving"] { color:#dbeafe; }
.ak-builder-ulozeno[data-state="error"] { color:#ff9b9b; font-weight:700; }
.ak-builder-panel { grid-column:1; grid-row:2; z-index:10; min-height:0; overflow:auto; background:#fff; border-right:1px solid #cfd4dc; box-shadow:2px 0 12px rgb(18 24 32 / .1); }
.ak-builder-panel__hlava { position:sticky; top:0; z-index:3; display:flex; align-items:center; gap:.75rem; min-height:4.25rem; padding:.65rem 1rem; background:#fff; border-bottom:1px solid #e1e4e9; }
.ak-builder-panel__hlava>div { min-width:0; display:grid; flex:1; }
.ak-builder-panel__hlava small { margin-top:.15rem; color:#667080; line-height:1.25; }
.ak-builder-panel__hlava>a { color:var(--su-cervena); font-weight:700; }
.ak-builder-panel__hlava>button { padding:.35rem .5rem; color:#4e5765; background:#f3f4f6; border:1px solid #d8dce2; border-radius:.3rem; cursor:pointer; }
.ak-builder-panel>.ak-zprava { margin:.75rem 1rem; }
.ak-builder-tabs { position:sticky; top:4.25rem; z-index:2; display:grid; grid-auto-flow:column; grid-auto-columns:1fr; background:#fff; border-bottom:1px solid #dfe3e8; }
.ak-builder-tabs button { padding:.8rem .5rem; color:#596373; background:transparent; border:0; border-bottom:3px solid transparent; font:inherit; font-weight:700; cursor:pointer; }
.ak-builder-tabs button.is-active { color:var(--su-cervena); border-bottom-color:var(--su-cervena); }
.ak-builder-knihovna,.ak-builder-strom,.ak-builder-pokrocile { padding:1rem; }
.ak-builder-hledani input { width:100%; box-sizing:border-box; padding:.7rem .8rem; border:1px solid #cbd1da; border-radius:.35rem; font:inherit; }
.ak-builder-skupina { margin:1.2rem 0; }
.ak-builder-skupina h2 { margin:0 0 .55rem; color:#687282; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; }
.ak-builder-prvky { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
.ak-builder-prvky form { min-width:0; margin:0; }
.ak-builder-prvky button { width:100%; min-height:5.2rem; padding:.7rem; display:flex; flex-direction:column; justify-content:center; text-align:left; color:#252a32; background:#fff; border:1px solid #d8dde4; border-radius:.4rem; box-shadow:0 1px 2px rgb(20 25 32 / .05); cursor:grab; }
.ak-builder-prvky button:hover,.ak-builder-prvky button:focus-visible { border-color:var(--su-cervena); box-shadow:0 3px 10px rgb(20 25 32 / .12); }
.ak-builder-prvky small { display:block; margin-top:.25rem; color:#737d8c; line-height:1.2; }
.ak-builder-strom__radek { display:flex; align-items:center; justify-content:space-between; margin:.15rem 0; padding:.5rem .55rem; color:#252a32; border-radius:.3rem; text-decoration:none; }
.ak-builder-strom__radek:hover,.ak-builder-strom__radek.is-active { color:var(--su-cervena); background:#f4f5f7; }
.ak-builder-strom__radek small { color:#7b8491; }
/* Odsazení podle hloubky – dřív šlo přes inline style s CSS proměnnou, ale to
   bez nonce/hash tiše zablokuje CSP (style-src 'self'); pevná sada tříd pro
   6 úrovní odsazení je stejně čitelná a s CSP funguje. */
.ak-builder-strom__radek[data-hloubka="0"] { padding-left:.55rem; }
.ak-builder-strom__radek[data-hloubka="1"] { padding-left:1.4rem; }
.ak-builder-strom__radek[data-hloubka="2"] { padding-left:2.25rem; }
.ak-builder-strom__radek[data-hloubka="3"] { padding-left:3.1rem; }
.ak-builder-strom__radek[data-hloubka="4"] { padding-left:3.95rem; }
.ak-builder-strom__radek[data-hloubka="5"] { padding-left:4.8rem; }
.ak-builder-strom__radek[data-hloubka="6"] { padding-left:5.65rem; }
.ak-builder-form { padding:1rem 1rem 5rem; }
.ak-builder-form .ak-editor-pole textarea { resize:vertical; min-height:6rem; }
.ak-builder-form .ak-editor-json[hidden] { display:none; }
.ak-builder-ulozit { position:fixed; z-index:4; bottom:0; left:0; width:var(--builder-panel); border-radius:0; }
.ak-builder-operace { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin-top:1.2rem; padding-top:1rem; border-top:1px solid #dde1e7; }
.ak-builder-operace form { margin:0; }
.ak-builder-operace button { width:100%; min-height:2.6rem; }
.ak-builder-pracovni-plocha { grid-column:2; grid-row:2; position:relative; min-width:0; min-height:0; overflow:auto; padding:1.5rem; }
.ak-builder-canvas { position:relative; width:100%; height:100%; min-height:38rem; margin:0 auto; background:#fff; box-shadow:0 .4rem 1.5rem rgb(22 28 36 / .2); transition:width .2s ease; }
.ak-builder-canvas[data-size="tablet"] { width:min(48rem,100%); }
.ak-builder-canvas[data-size="mobile"] { width:min(24rem,100%); }
.ak-builder-canvas>[data-preview-frame] { display:block; width:100%; height:100%; min-height:38rem; overflow:auto; background:#fff; }
.ak-builder-canvas.is-library-dragging { outline:3px solid var(--su-cervena); outline-offset:3px; }
.ak-builder-canvas.is-library-dragging::after { content:"Pusťte prvek do stránky"; position:absolute; inset:0; z-index:8; display:grid; place-items:center; color:var(--su-cervena); background:rgb(255 255 255 / .3); font-size:1rem; font-weight:700; pointer-events:none; }
.ak-builder-panel-open { position:fixed; z-index:30; top:50%; left:0; padding:.7rem .35rem; border:0; border-radius:0 .35rem .35rem 0; color:#fff; background:#1f2329; cursor:pointer; }
.ak-builder.is-panel-hidden { grid-template-columns:0 minmax(0,1fr); }
.ak-builder.is-panel-hidden .ak-builder-panel { visibility:hidden; }
.ak-builder.is-panel-hidden .ak-builder-topbar { grid-template-columns:0 minmax(11rem,1fr) auto auto; }
.ak-builder.is-panel-hidden .ak-builder-logo { overflow:hidden; padding:0; }
.ak-editor-preview [data-editor-block] { position:relative; cursor:pointer; outline:1px dashed transparent; outline-offset:3px; transition:outline-color .12s; }
.ak-editor-preview [data-editor-block]:hover { outline:2px solid #6c5ce7; }
.ak-editor-preview [data-editor-block].is-selected { outline:3px solid var(--su-cervena); }
.ak-editor-preview [data-editor-block].is-dragging { opacity:.4; }
.ak-editor-preview [data-editor-block].is-reorder-target { outline:3px solid #6c5ce7; }
/* Blok, jehož šablona vykreslí víc sourozedních značek (Render::blok()
   očísluje jen tu první, viz editor.js sesbiratRozsahBloku) – hover a výběr
   se řídí přes JS třídy na všech, ne přes nativní :hover jen na první značce. */
.ak-editor-preview .ak-editor-preview__rozsah { cursor:pointer; outline:1px dashed transparent; outline-offset:3px; transition:outline-color .12s; }
.ak-editor-preview .ak-editor-preview__rozsah.is-rozsah-hover { outline:2px solid #6c5ce7; }
.ak-editor-preview .ak-editor-preview__rozsah.is-selected { outline:3px solid var(--su-cervena); }
.ak-editor-preview [data-editor-block]>.ak-block-tahlo { position:absolute; z-index:12; top:-1.35rem; left:0; display:none; min-width:2.4rem; height:1.35rem; padding:0 .45rem; color:#fff; background:#6c5ce7; border:0; border-radius:.25rem .25rem 0 0; cursor:grab; letter-spacing:-.18em; }
.ak-editor-preview [data-editor-block]:hover>.ak-block-tahlo,.ak-editor-preview [data-editor-block].is-selected>.ak-block-tahlo { display:block; }
.ak-inline-editor { position:relative; z-index:15; display:grid; gap:.7rem; margin:1.25rem 0 .8rem; padding:1rem; color:#242a33; background:#fff; border:2px solid #6c5ce7; border-radius:.45rem; box-shadow:0 .5rem 1.5rem rgb(25 28 38 / .18); font-size:.72rem; }
.ak-inline-hlava { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem; min-width:0; padding-bottom:.55rem; border-bottom:1px solid #dfe3e8; }
.ak-inline-hlava strong { min-width:0; font-size:.85rem; overflow-wrap:anywhere; }
.ak-inline-hlava>button { width:2rem; height:2rem; flex:none; border-radius:50%; background:#eef0f3; cursor:pointer; }
.ak-inline-akce { display:flex; flex-wrap:wrap; justify-content:flex-end; min-width:0; gap:.3rem; margin-left:auto; }
.ak-inline-akce__forma { margin:0; }
.ak-inline-akce button { max-width:100%; min-width:1.9rem; min-height:1.9rem; height:auto; padding:.25rem .5rem; color:#3a4150; background:#eef0f3; border:1px solid #d8dce2; border-radius:.3rem; cursor:pointer; line-height:1.2; overflow-wrap:anywhere; white-space:normal; }
.ak-inline-akce button:hover { border-color:var(--su-cervena); color:var(--su-cervena); }
.ak-inline-akce button:disabled { opacity:.55; cursor:wait; }
.ak-inline-historie { display:flex; gap:.35rem; }
.ak-inline-historie button,.ak-inline-pridat-sloupec { padding:.4rem .7rem; color:#3a4150; background:#f4f5f7; border:1px solid #d3d8e0; border-radius:.3rem; cursor:pointer; font:inherit; }
.ak-inline-historie button:disabled,.ak-inline-pridat-sloupec:disabled { opacity:.45; cursor:not-allowed; }
.ak-inline-pole-obal { display:grid; gap:.7rem; }
.ak-inline-error { margin:0; padding:.55rem .7rem; color:#8b1527; background:#fff0f2; border-left:3px solid var(--su-cervena); border-radius:.2rem; }
.ak-inline-pridat-sloupec { justify-self:start; color:#5b4cc4; background:#f5f3ff; border-color:#c9c2f5; font-weight:700; }
.ak-inline-varianta { display:flex; align-items:center; gap:.5rem; padding-bottom:.55rem; margin-bottom:-.15rem; border-bottom:1px solid #dfe3e8; font-size:.7rem; color:#596373; font-weight:700; }
.ak-inline-varianta__volby { display:flex; gap:.35rem; }
.ak-inline-varianta__volby button { padding:.3rem .65rem; font:inherit; font-weight:600; color:#3a4150; background:#f3f4f6; border:1px solid #d8dce2; border-radius:1rem; cursor:pointer; }
.ak-inline-varianta__volby button.is-active { color:#fff; background:var(--su-cervena); border-color:var(--su-cervena); }
.ak-md-toolbar { display:flex; flex-wrap:wrap; gap:.25rem; margin-bottom:.35rem; }
.ak-md-toolbar__tl,.ak-md-toolbar__nahled { min-height:1.9rem; padding:0 .55rem; font:inherit; font-size:.72rem; color:#3a4150; background:#fff; border:1px solid #d3d8e0; border-radius:.3rem; cursor:pointer; }
.ak-md-toolbar__tl:hover,.ak-md-toolbar__nahled:hover { border-color:var(--su-cervena); color:var(--su-cervena); }
.ak-md-toolbar__nahled { margin-left:auto; font-weight:700; }
.ak-md-toolbar__nahled.is-active { color:#fff; background:var(--su-cervena); border-color:var(--su-cervena); }
.ak-md-nahled { margin-top:.4rem; padding:.7rem .85rem; border:1px dashed #cbd1da; border-radius:.4rem; background:#f7f8fa; font-size:.85rem; }
.ak-md-nahled p:first-child { margin-top:0; }
.ak-md-nahled p:last-child { margin-bottom:0; }
.ak-editor-prazdny-blok { padding:.9rem 1rem; margin:.5rem 0; color:#8a94a3; font-style:italic; text-align:center; border:2px dashed #c7cdd6; border-radius:.5rem; }
/* Knihovna médií – výběr obrázku u pole typu obrazek. */
.ak-media-pole { display:grid; gap:.4rem; justify-items:start; }
.ak-media-pole__nahled { display:grid; place-items:center; width:100%; max-width:12rem; min-height:4rem; overflow:hidden; background:#f3f4f6; border:1px solid #d8dce2; border-radius:.35rem; color:#8a94a3; font-size:.72rem; text-align:center; padding:.3rem; }
.ak-media-pole__nahled img { display:block; max-width:100%; max-height:9rem; }
.ak-media-pole__popis { font-size:.68rem; color:#687282; word-break:break-all; }
.ak-media-pole__vybrat { padding:.45rem .8rem; color:#fff; background:#6c5ce7; border:0; border-radius:.3rem; cursor:pointer; }
.ak-media-vyber { position:fixed; z-index:1000; top:50%; left:50%; transform:translate(-50%,-50%); width:min(34rem,calc(100vw - 1.5rem)); box-sizing:border-box; max-height:80vh; display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:.65rem; padding:.8rem; color:#242a33; background:#fff; border:1px solid #cbd1da; border-radius:.55rem; box-shadow:0 .8rem 2.5rem rgb(20 25 35 / .28); font-size:.72rem; }
.ak-media-vyber__nahrat { display:flex; align-items:center; justify-content:center; padding:.7rem; color:#6c5ce7; background:#f5f3ff; border:2px dashed #c9c2f5; border-radius:.4rem; cursor:pointer; font-weight:700; }
.ak-media-vyber__mrizka { min-height:0; overflow:auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr)); gap:.6rem; }
.ak-media-vyber__dlazdice { display:grid; gap:.3rem; padding:.5rem; text-align:center; color:#242a33; background:#f7f8fa; border:1px solid #d8dde4; border-radius:.4rem; cursor:pointer; }
.ak-media-vyber__dlazdice:hover { border-color:#6c5ce7; }
.ak-media-vyber__dlazdice img { display:block; width:100%; height:5.5rem; object-fit:cover; border-radius:.25rem; }
.ak-media-vyber__dlazdice span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.66rem; color:#596373; }
.ak-media-vyber__ikona { display:grid; place-items:center; height:5.5rem; color:#687282; background:#eef0f3; border-radius:.25rem; font-size:.68rem; font-weight:700; letter-spacing:.04em; }
.ak-media-pole__vybrat--cil { margin-top:.3rem; }
/* Vzorky varianty boxu – barvy odpovídají admonition třídám v přejatém
   vzhled.css/material.css (SLOVNIK-BLOKU.md), žádná nová barva. */
.ak-varianta-vzorky { display:flex; flex-wrap:wrap; gap:.4rem; }
.ak-varianta-vzorek { display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .65rem; font:inherit; font-size:.78rem; color:#3a4150; background:#fff; border:1px solid #d3d8e0; border-radius:1rem; cursor:pointer; }
.ak-varianta-vzorek:hover { border-color:#9aa2af; }
.ak-varianta-vzorek.is-active { color:#fff; background:#3a4150; border-color:#3a4150; }
.ak-varianta-vzorek__tecka { width:.85rem; height:.85rem; border-radius:50%; }
.ak-varianta-vzorek__tecka--info { background:#8a94a3; }
.ak-varianta-vzorek__tecka--example { background:#971E39; }
.ak-varianta-vzorek__tecka--danger { background:#B3202E; }
.ak-varianta-vzorek__tecka--warning { background:#9A6800; }
.ak-varianta-vzorek__tecka--tip,.ak-varianta-vzorek__tecka--success { background:#1B7A4B; }
.ak-varianta-vzorek__tecka--note { background:#448AFF; }
.ak-inline-pole { display:grid; gap:.25rem; }
.ak-inline-pole>span,.ak-inline-skupina>legend { color:#596373; font-weight:700; }
.ak-inline-pole input,.ak-inline-pole textarea,.ak-inline-pole select { width:100%; box-sizing:border-box; padding:.55rem .65rem; color:#20242b; background:#fff; border:1px solid #bfc6d0; border-radius:.3rem; font:inherit; }
.ak-inline-skupina { display:grid; gap:.55rem; margin:0; padding:.75rem; border:1px solid #d8dde4; border-radius:.35rem; }
.ak-inline-polozka { display:grid; gap:.5rem; padding:.65rem; background:#f6f7f9; border-radius:.3rem; }
.ak-inline-polozka>div:first-child { display:flex; align-items:center; justify-content:space-between; font-weight:700; }
.ak-inline-polozka button,.ak-inline-seznam>button { justify-self:start; padding:.4rem .65rem; background:#eef0f3; border:1px solid #cbd1da; border-radius:.3rem; cursor:pointer; }
.ak-inline-ulozit { justify-self:start; padding:.6rem 1rem; color:#fff; background:var(--su-cervena); border:0; border-radius:.3rem; font-weight:700; cursor:pointer; }
.ak-editor-preview [data-editor-container="1"] { min-height:2rem; }
.ak-editor-preview [data-editor-container="1"].is-empty-container { min-height:5rem; border:2px dashed #bfc6d0; border-radius:.45rem; }
.ak-empty-container-hint { display:block; padding:.8rem; color:#7a8492; text-align:center; font-size:.72rem; font-style:italic; pointer-events:none; }
.ak-insert-plus { position:relative; z-index:14; display:block; width:1.7rem; height:1.7rem; margin:.25rem auto; padding:0; color:#fff; background:#6c5ce7; border:2px solid #fff; border-radius:50%; box-shadow:0 1px 7px rgb(25 28 38 / .25); cursor:pointer; font:700 1.1rem/1 sans-serif; opacity:.18; transition:opacity .12s,transform .12s; }
.ak-insert-plus:hover,.ak-insert-plus:focus-visible { opacity:1; transform:scale(1.08); }
.ak-editor-canvas-page.is-block-dragging .ak-insert-plus { opacity:.8; transform:scale(1.12); }
.ak-insert-plus.is-drop-target { opacity:1; transform:scale(1.28); outline:3px solid rgb(108 92 231 / .28); }
.ak-insert-plus--between { margin-top:-.85rem; margin-bottom:-.85rem; }
.ak-insert-plus--inside { margin-top:.65rem; opacity:.45; }
.ak-insert-plus--end { margin-top:1rem; opacity:.55; }
.ak-insert-podklad { position:fixed; inset:0; z-index:999; background:rgb(20 25 35 / .32); }
.ak-insert-menu { position:fixed; z-index:1000; top:50%; left:50%; transform:translate(-50%,-50%); width:min(23rem,calc(100vw - 1.5rem)); box-sizing:border-box; max-height:min(31rem,80vh); display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:.65rem; padding:.8rem; color:#242a33; background:#fff; border:1px solid #cbd1da; border-radius:.55rem; box-shadow:0 .8rem 2.5rem rgb(20 25 35 / .28); font-size:.72rem; }
.ak-insert-menu__hlava { display:flex; align-items:center; justify-content:space-between; }
.ak-insert-menu__hlava strong { font-size:.9rem; }
.ak-insert-menu__hlava button { width:2rem; height:2rem; border:0; border-radius:50%; background:#eef0f3; cursor:pointer; }
.ak-insert-menu>input { width:100%; box-sizing:border-box; padding:.55rem .65rem; border:1px solid #bfc6d0; border-radius:.3rem; }
.ak-insert-menu__seznam { min-height:0; overflow:auto; display:grid; grid-template-columns:1fr 1fr; gap:.45rem; }
.ak-insert-menu__seznam>button { padding:.6rem; text-align:left; color:#242a33; background:#f7f8fa; border:1px solid #d8dde4; border-radius:.35rem; cursor:pointer; }
.ak-insert-menu__seznam>button:hover { border-color:#6c5ce7; }
.ak-insert-menu__seznam>.ak-insert-menu__kopie { grid-column:1/-1; color:#5145b5; background:#f5f3ff; border-color:#c9c2f5; }
.ak-insert-menu__seznam small { display:block; margin-top:.2rem; color:#687282; }
.ak-editor-preview.is-drop-target [data-editor-container="1"]:hover { outline:3px dashed var(--su-cervena); }
.ak-editor-canvas-page { min-height:100%; background:#fff; }
.ak-builder-toast { position:fixed; z-index:1200; right:1rem; bottom:1rem; max-width:min(24rem,calc(100vw - 2rem)); padding:.8rem 1rem; color:#fff; background:#26734d; border-radius:.45rem; box-shadow:0 .5rem 1.5rem rgb(20 25 35 / .25); font-size:.82rem; font-weight:700; }
.ak-builder-toast.is-error { background:#9b2035; }
.ak-verze-akce { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; min-width:13rem; }
.ak-verze-akce form { margin:0; }
.ak-verze-akce button { max-width:13rem; padding:.55rem .75rem; line-height:1.2; overflow-wrap:anywhere; white-space:normal; }
.ak-verze-kapitoly { display:flex; flex-wrap:wrap; gap:.4rem; margin:1rem 0; }
.ak-verze-kapitoly a { padding:.45rem .7rem; color:var(--su-text); background:var(--su-pozadi-2); border:1px solid var(--su-linka); border-radius:.3rem; text-decoration:none; }
.ak-verze-kapitoly a.is-active { color:var(--su-na-cervene); background:var(--su-cervena); border-color:var(--su-cervena); }
.ak-verze-nahled { padding:clamp(1rem,3vw,2.5rem); background:var(--md-default-bg-color); border:1px solid var(--su-linka); border-radius:.5rem; box-shadow:0 .2rem .8rem rgb(20 25 35 / .08); }
.ak-editor-canvas-page .md-main__inner { margin-top:0; padding-top:1rem; }
.ak-editor-canvas-page .md-sidebar { top:0; height:100vh; }
.ak-editor-menu__radek { display:flex; align-items:center; gap:.2rem; }
.ak-editor-menu__radek .md-nav__link { flex:1; min-width:0; }
.ak-editor-menu__radek>button { flex:0 0 1.65rem; width:1.65rem; height:1.65rem; padding:0; border:0; border-radius:50%; color:#626c7a; background:transparent; cursor:pointer; opacity:.2; }
.ak-editor-menu__polozka:hover .ak-editor-menu__radek>button,.ak-editor-menu__radek>button:focus-visible { opacity:1; background:#eef0f3; }
.ak-editor-menu__radek>[data-menu-drag] { cursor:grab; font-weight:700; letter-spacing:-.18em; }
.ak-editor-menu__radek>[data-menu-drag]:active { cursor:grabbing; }
.ak-editor-menu__polozka.is-hidden { opacity:.62; }
.ak-editor-menu__polozka.is-dragging { opacity:.3; }
.ak-editor-menu__polozka.is-drop-target { box-shadow:inset 0 3px 0 var(--su-cervena); }
.ak-editor-menu__radek .md-nav__link small { display:block; color:#8a5a00; font-size:.58rem; font-weight:700; }
.ak-editor-menu__formular { display:grid; gap:.4rem; margin:.25rem .5rem .7rem; padding:.55rem; background:#fff; border:1px solid #d8dde4; border-radius:.35rem; box-shadow:0 .3rem 1rem rgb(20 25 35 / .12); }
/* `display:grid` výše jinak přebije nativní `hidden` (autorské pravidlo má
   vždy přednost před UA výchozí `[hidden]{display:none}`) – řádek zůstal
   pořád rozbalený i s atributem hidden nastaveným. */
.ak-editor-menu__formular[hidden] { display:none; }
.ak-editor-menu__formular .ak-menu-skupina { display:flex; gap:.3rem; }
.ak-editor-menu__formular .ak-menu-skupina select { flex:1; min-width:0; padding:.4rem; font:inherit; border:1px solid #bfc6d0; border-radius:.25rem; }
.ak-editor-menu__formular .ak-menu-skupina button { flex:none; width:1.8rem; cursor:pointer; }
.ak-editor-menu__formular label { display:grid; gap:.15rem; color:#596373; font-size:.65rem; font-weight:700; }
.ak-editor-menu__formular input,.ak-editor-menu__formular select { width:100%; box-sizing:border-box; padding:.4rem; border:1px solid #bfc6d0; border-radius:.25rem; font:inherit; }
.ak-editor-menu__formular .ak-editor-menu__viditelnost { display:flex; grid-template-columns:auto 1fr; align-items:center; }
.ak-editor-menu__formular .ak-editor-menu__viditelnost input { width:auto; }
.ak-editor-menu__formular button,.ak-editor-menu__nova button { padding:.45rem .6rem; color:#fff; background:#6c5ce7; border:0; border-radius:.3rem; text-decoration:none; cursor:pointer; }
.ak-editor-menu__akce { display:flex; justify-content:flex-end; gap:.3rem; }
.ak-editor-menu__akce button:last-child { margin-left:auto; }
.ak-editor-menu__nova { margin:.65rem .5rem; border:1px solid #d8dde4; border-radius:.35rem; background:#fff; }
.ak-editor-menu__nova summary { padding:.55rem; color:#5145b5; font-weight:700; cursor:pointer; }
.ak-editor-menu__nova form { display:grid; gap:.4rem; padding:0 .55rem .55rem; }
.ak-editor-menu__nova label { display:grid; gap:.15rem; color:#596373; font-size:.65rem; font-weight:700; }
.ak-editor-menu__nova input { width:100%; box-sizing:border-box; padding:.4rem; border:1px solid #bfc6d0; border-radius:.25rem; font:inherit; }
.blok--sloupce { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:1rem; align-items:stretch; }
.blok--sloupec { min-width:0; padding:1rem; border:1px dashed #c8ced8; border-radius:.35rem; background:rgb(255 255 255 / .72); }
@media (max-width:60rem) { .ak-builder-ulozeno { display:none; } }
@media (max-width:60rem) { .ak-builder { --builder-panel:17rem; } .ak-builder-topbar { grid-template-columns:var(--builder-panel) 1fr auto; } .ak-builder-zarizeni { display:none; } }
@media (max-width:44rem) { .ak-builder { --builder-panel:min(88vw,22rem); } .ak-builder-topbar { grid-template-columns:var(--builder-panel) 1fr; } .ak-builder-akce { display:none; } .ak-builder-dokument { display:grid; } .ak-builder-prvky { grid-template-columns:1fr; } }

/* --- reporty ---------------------------------------------------------- */
.ak-stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(10rem,1fr)); gap:1rem; margin:1rem 0 2rem; }
.ak-stat-grid article { padding:1rem; border-radius:.55rem; background:var(--su-pozadi-2); border:1px solid var(--su-linka); display:grid; gap:.25rem; }
.ak-stat-grid strong { font-size:2rem; line-height:1; color:var(--su-cervena); }
.ak-mini-stat { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
.ak-mini-stat div { display:grid; }
.ak-mini-stat dd { margin:0; font-size:1.35rem; font-weight:700; }
.ak-funnel { margin:.8rem 0; }
.ak-funnel>div:first-child { display:flex; justify-content:space-between; gap:1rem; }
.ak-bar { height:.65rem; margin-top:.3rem; background:var(--su-pozadi-2); border-radius:1rem; overflow:hidden; }
.ak-bar i { display:block; height:100%; background:var(--su-cervena); border-radius:inherit; }
.ak-sekce-hlavicka { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.ak-sekce-hlavicka h2 { margin-bottom:0; }
.ak-editor-dva { display:grid; grid-template-columns:repeat(auto-fit,minmax(18rem,1fr)); gap:1.5rem; }
.ak-inline { display:inline; margin:0; }
.ak-org-strom { list-style:none; padding:0; }
.ak-ldap-mapy { display:grid; gap:.75rem; margin-top:1rem; }
.ak-ldap-mapa { border:1px solid var(--su-linka); border-radius:.65rem; padding:1rem; background:var(--su-pozadi, #fff); }
.ak-ldap-mapa .ak-admin-form { margin-top:0; align-items:end; }
.ak-ldap-mapa p { margin:.5rem 0; }
.ak-org-strom li { margin:.35rem 0 .35rem 0; padding:.45rem; border-left:2px solid var(--su-linka); }
/* Odsazení podle hloubky – `style="--hloubka:…"` bez nonce/hash tiše
   zablokuje CSP (style-src 'self'); pevná sada tříd s CSP funguje. */
/* `ul.ak-org-strom` (ne jen `.ak-org-strom`) – Material definuje
   `[dir="ltr"] .md-typeset ul li { margin-left:1.25em }` se specificitou
   (0,2,2), stejnou jako holé `.ak-org-strom li[data-hloubka]`; o pořadí by
   pak rozhodovalo pořadí načtení a nechtěl jsem na tom stavět. Přidaná
   značka `ul` specificitu spolehlivě zvedne nad Material bez '!important'. */
ul.ak-org-strom li[data-hloubka="0"] { margin-left: 0; }
ul.ak-org-strom li[data-hloubka="1"] { margin-left: 1.25rem; }
ul.ak-org-strom li[data-hloubka="2"] { margin-left: 2.5rem; }
ul.ak-org-strom li[data-hloubka="3"] { margin-left: 3.75rem; }
ul.ak-org-strom li[data-hloubka="4"] { margin-left: 5rem; }
ul.ak-org-strom li[data-hloubka="5"],
ul.ak-org-strom li[data-hloubka="6"] { margin-left: 6rem; }

/* Kompaktní administrační obrazovky: souhrn je vidět, formulář až po rozbalení. */
.ak-zpet { margin-block:.25rem .5rem; }
.ak-sbalena-sekce { padding:0; overflow:hidden; }
.ak-sbalena-sekce > summary,.ak-org-polozka > summary { display:flex; justify-content:space-between; align-items:center; gap:.75rem; padding:.65rem .75rem; cursor:pointer; }
.ak-sbalena-sekce > summary::marker,.ak-org-polozka > summary::marker { color:var(--su-cervena); }
.ak-sbalena-sekce > summary span,.ak-org-polozka > summary small { color:var(--su-text-2,inherit); }
.ak-sbalena-sekce__obsah { border-top:1px solid var(--su-linka); padding:.65rem .75rem; }
.ak-sbalena-sekce__obsah > :first-child { margin-top:0; }
.ak-sbalena-sekce__obsah > :last-child { margin-bottom:0; }
.ak-admin-form--kompaktni { grid-template-columns:repeat(auto-fit,minmax(10rem,1fr)); align-items:end; }
.ak-kompaktni-tabulka { width:100%; border-collapse:collapse; font-size:.86rem; }
.ak-kompaktni-tabulka th,.ak-kompaktni-tabulka td { padding:.38rem .5rem; border-bottom:1px solid var(--su-linka); text-align:left; vertical-align:top; }
.ak-husty-seznam { margin:.3rem 0; padding-left:1.2rem; }
.ak-stav--ok { color:#18743a; }
.ak-stav--varovani { color:#9a6100; }
.ak-ldap-mapy { display:grid; gap:.35rem; margin-top:.6rem; }
.ak-ldap-mapa,.ak-org-polozka { border:1px solid var(--su-linka); border-radius:.35rem; }
.ak-ldap-mapa { padding:.45rem .6rem; }
.ak-org-strom { display:grid; gap:.3rem; }
.ak-org-polozka[data-hloubka="1"] { margin-left:1rem; }.ak-org-polozka[data-hloubka="2"] { margin-left:2rem; }.ak-org-polozka[data-hloubka="3"] { margin-left:3rem; }.ak-org-polozka[data-hloubka="4"] { margin-left:4rem; }.ak-org-polozka[data-hloubka="5"],.ak-org-polozka[data-hloubka="6"] { margin-left:5rem; }
.ak-org-polozka.is-archived { opacity:.65; }
.ak-sekce-hlavicka { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }
.ak-sekce-hlavicka h2,.ak-sekce-hlavicka p { margin-top:0; }
.ak-metadata-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(10rem,1fr)); gap:.6rem; margin:.25rem 0; }
.ak-metadata-grid div { background:var(--su-pozadi-2); padding:.5rem; border-radius:.3rem; }.ak-metadata-grid dt { font-size:.78rem; }.ak-metadata-grid dd { margin:0; font-weight:600; }
.ak-mini-statistiky { display:flex; flex-wrap:wrap; gap:.4rem; margin:.5rem 0; }.ak-mini-statistiky span { border:1px solid var(--su-linka); border-radius:2rem; padding:.2rem .55rem; }
.ak-uzivatel-karta > summary p { margin:.15rem 0 0; font-size:.86rem; font-weight:400; }
.ak-uzivatel-radek { display:grid; grid-template-columns:1.6rem minmax(0,1fr); gap:.4rem; align-items:start; }.ak-uzivatel-radek > .ak-vyber-uctu { padding-top:1.25rem; }.ak-uzivatel-radek > .ak-uzivatel-karta { width:100%; box-sizing:border-box; }
.ak-beta-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(20rem,1fr)); gap:.65rem; }.ak-beta-grid .ak-update-card { margin:0; }
.ak-beta-polozka { display:flex; gap:.55rem; align-items:flex-start; padding:.4rem 0; border-top:1px solid var(--su-linka); }.ak-beta-polozka input { margin-top:.2rem; }
.ak-beta-poznamka { display:grid; gap:.3rem; margin:1rem 0 .5rem; }.ak-beta-poznamka textarea { width:100%; box-sizing:border-box; padding:.5rem; font:inherit; }
@media (max-width:44rem) { .ak-org-polozka[data-hloubka] { margin-left:min(1.25rem,4vw); }.ak-sbalena-sekce > summary,.ak-org-polozka > summary { align-items:flex-start; flex-direction:column; }.ak-beta-grid { grid-template-columns:1fr; } }

/* Husté seznamy administrace: tisíce záznamů zůstanou čitelné a formuláře
   se zobrazují jen u právě upravovaného záznamu. */
.ak-admin-page-intro { max-width:72rem; margin-top:0; }
.ak-admin-page-intro h1 { margin:0 0 .25rem; }
.ak-filter-card,.ak-admin-main>.ak-create-card,.ak-admin-main>.ak-sbalena-sekce { max-width:72rem; margin:.45rem 0!important; }
.ak-filter-card>.ak-disclosure-summary>span:nth-child(2),.ak-create-card>.ak-disclosure-summary>span:nth-child(2) { min-width:0; }
.ak-filter-card>.ak-disclosure-summary small,.ak-create-card>.ak-disclosure-summary small { display:block; margin-top:.12rem; color:var(--su-seda); font-weight:400; }
.ak-filter-card>.ak-disclosure-summary>span:last-child,.ak-create-card>.ak-disclosure-summary>span:last-child { color:var(--su-cervena); font-size:.68rem; font-weight:700; }
.ak-filter-search { grid-column:span 2; }
.ak-filter-actions { display:flex; align-items:center; gap:.4rem; }
.ak-filter-actions .ak-tlacitko { margin:0; }
.ak-hromadne { top:calc(var(--ak-admin-horni) + .45rem); max-width:72rem; margin:.55rem 0 0; padding:.55rem .65rem; border:1px solid var(--su-linka); border-radius:.5rem; background:var(--su-pozadi); box-shadow:0 .25rem 1rem rgb(20 25 35 / .1); }
.ak-hromadne>strong { min-width:5.5rem; color:var(--su-cervena); }
.ak-hromadne .ak-vyber-vse { display:flex; align-items:center; flex-direction:row; }
.ak-hromadne select,.ak-hromadne input { min-height:2.15rem; box-sizing:border-box; }
.ak-bulk-confirm { flex:1 1 12rem; }
.ak-bulk-confirm input { width:100%; }
.ak-bulk-help { max-width:72rem; margin:.25rem 0 .55rem; color:var(--su-seda); font-size:.65rem; }
.ak-user-list { display:grid; gap:.22rem; max-width:72rem; }
.md-typeset .ak-list-group-heading { position:sticky; z-index:1; top:calc(var(--ak-admin-horni) + 4.2rem); margin:.75rem 0 .15rem; padding:.2rem .4rem; border-bottom:2px solid var(--su-cervena); color:var(--su-cervena); background:var(--su-pozadi-2); font-size:.72rem; font-weight:700; line-height:1.3; letter-spacing:normal; }
.ak-user-row { display:grid; grid-template-columns:1.55rem minmax(0,1fr); gap:.35rem; align-items:start; }
.ak-user-row>.ak-vyber-uctu { display:grid; place-items:center; min-height:3.25rem; }
.ak-user-card { min-width:0; }
.ak-user-card>summary { padding:.48rem .65rem; }
.ak-user-summary-actions { display:flex!important; align-items:center; justify-content:flex-end; gap:.55rem; color:inherit!important; }
.ak-user-summary-actions b { color:var(--su-cervena); font-size:.68rem; }
.ak-record-body { border-top:1px solid var(--su-linka); padding:.7rem .85rem .85rem; }
.ak-user-detail { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(14rem,.8fr); gap:.75rem 1.1rem; background:var(--su-pozadi-2); }
.ak-user-detail section { min-width:0; }
.ak-user-detail h3 { margin:0 0 .45rem; font-size:.78rem; }
.ak-user-detail .ak-edit-form { margin:0; }
.ak-user-profile-form .ak-edit-actions { padding-top:.55rem; }
.ak-user-access .ak-admin-radek { margin:0 0 .45rem; }
.ak-user-roles { grid-column:1/-1; padding-top:.65rem; border-top:1px solid var(--su-linka); }
.ak-role-list { margin-bottom:.45rem; }
.ak-empty-state { max-width:72rem; padding:1.25rem; border:1px dashed var(--su-linka); border-radius:.5rem; color:var(--su-seda); text-align:center; }
.ak-pagination { display:flex; align-items:center; justify-content:center; gap:.75rem; max-width:72rem; margin:1rem 0; }
.ak-pagination .ak-tlacitko { margin:0; }
.ak-pagination .is-disabled { opacity:.45; pointer-events:none; }

.ak-group-list { gap:.35rem; }
.ak-group-card>summary { padding:.6rem .75rem; }
.ak-group-counts { display:flex!important; align-items:center; gap:.35rem; color:inherit!important; }
.ak-group-counts>span { padding:.18rem .48rem; border-radius:2rem; color:var(--su-seda); background:var(--su-pozadi-2); font-size:.64rem; font-weight:700; }
.ak-group-detail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; background:var(--su-pozadi-2); }
.ak-group-detail section { min-width:0; padding:.65rem; border:1px solid var(--su-linka); border-radius:.45rem; background:var(--su-pozadi); }
.ak-group-detail h3 { margin:0; }
.ak-compact-list { display:grid; gap:.15rem; margin:.4rem 0 .65rem!important; padding:0!important; list-style:none!important; }
.ak-compact-list li { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin:0!important; padding:.38rem .15rem!important; border-bottom:1px solid var(--su-linka); }
.ak-compact-list li span,.ak-compact-list li strong,.ak-compact-list li small { display:block; min-width:0; }
.ak-compact-list li small { color:var(--su-seda); }
.ak-compact-list form { flex:none; margin:0; }
.ak-text-action { padding:.25rem .4rem; border:0; color:var(--su-cervena); background:transparent; font:inherit; font-weight:700; cursor:pointer; }
.ak-compact-add { display:grid; grid-template-columns:minmax(9rem,1fr) minmax(9rem,1.3fr) auto; gap:.45rem; align-items:end; margin:.65rem 0 0; padding-top:.65rem; border-top:1px solid var(--su-linka); }
.ak-compact-add label { display:grid; gap:.25rem; min-width:0; font-weight:700; }
.ak-compact-add input,.ak-compact-add select { width:100%; min-width:0; box-sizing:border-box; padding:.48rem; font:inherit; }
.ak-compact-add button { min-height:2.25rem; }
.ak-compact-add--course { grid-template-columns:minmax(9rem,1fr) minmax(9rem,1fr) auto auto; }
.ak-compact-add .ak-check-row { display:flex; align-items:center; min-height:2.25rem; white-space:nowrap; }

.ak-add-picker { display:grid; gap:.35rem; margin:.65rem 0 0; padding-top:.65rem; border-top:1px solid var(--su-linka); }
.ak-add-picker__search { display:grid; gap:.25rem; max-width:24rem; font-weight:700; }
.ak-add-picker__search input { width:100%; box-sizing:border-box; padding:.48rem; border:1px solid var(--su-linka); border-radius:.35rem; font:inherit; }
.ak-pick-list { display:grid; gap:.1rem; max-height:11rem; overflow-y:auto; padding:.3rem; border:1px solid var(--su-linka); border-radius:.35rem; background:var(--su-pozadi); }
.ak-pick-list label { display:flex; align-items:center; gap:.45rem; padding:.3rem .4rem; border-radius:.25rem; font-weight:400; cursor:pointer; }
.ak-pick-list label:hover { background:var(--su-pozadi-2); }
.ak-pick-list input[type="checkbox"] { flex:none; width:auto; }
.ak-add-picker__extra { display:flex; flex-wrap:wrap; align-items:end; gap:.75rem; }
.ak-add-picker__extra label { display:grid; gap:.25rem; font-weight:700; }
.ak-add-picker__extra input { padding:.4rem; font:inherit; }
.ak-add-picker__extra .ak-check-row { display:flex; align-items:center; gap:.35rem; min-height:2.25rem; white-space:nowrap; }
.ak-add-picker__extra .ak-check-row input { width:auto; padding:0; }
.ak-add-picker button { justify-self:start; min-height:2.25rem; }

.ak-course-list { display:grid; gap:.45rem; max-width:72rem; }
.ak-course-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.65rem 1rem; padding:.8rem .9rem; border:1px solid var(--su-linka); border-radius:.55rem; background:var(--su-pozadi); }
.ak-course-row__main { min-width:0; }
.ak-course-row .ak-kicker { margin:0 0 .1rem; color:var(--su-cervena); font-size:.62rem; }
.ak-course-row h2 { margin:.05rem 0 .2rem; font-size:1rem; }
.ak-course-row__main>p:not(.ak-kicker) { max-width:48rem; margin:.15rem 0; color:var(--su-seda); }
.ak-course-row__meta { display:flex; align-items:center; gap:.55rem; margin-top:.45rem; font-size:.68rem; }
.ak-course-row__actions { display:flex; align-items:center; align-self:center; gap:.4rem; }
.ak-course-row__actions .ak-tlacitko { margin:0; white-space:nowrap; }
.ak-course-copy { grid-column:1/-1; margin:0!important; padding:0!important; border-top:1px solid var(--su-linka); }
.ak-course-copy>summary { padding:.45rem 0 0; cursor:pointer; }
.ak-course-copy>summary small { display:inline; margin-left:.35rem; color:var(--su-seda); font-weight:400; }
.ak-course-copy>.ak-compact-add { max-width:48rem; }

.ak-org-section { max-width:72rem; margin:.55rem 0; }
.ak-org-search { display:grid; gap:.25rem; min-width:min(100%,18rem); font-weight:700; }
.ak-org-search input { padding:.5rem; border:1px solid var(--su-linka); border-radius:.35rem; font:inherit; }
.md-typeset details.ak-org-polozka,.md-typeset details.ak-ldap-mapa { margin:0; padding:0; overflow:hidden; }
.ak-org-strom { gap:.18rem; }
.ak-org-polozka>summary,.ak-ldap-mapa>summary { grid-template-columns:1rem minmax(0,1fr) auto; gap:.5rem; padding:.46rem .6rem; cursor:pointer; }
.ak-org-polozka>summary small { color:var(--su-seda); }
.ak-org-polozka>.ak-admin-form,.ak-ldap-mapa>.ak-admin-form { margin:.15rem .65rem .65rem; padding-top:.6rem; border-top:1px solid var(--su-linka); }
.ak-org-polozka>p,.ak-ldap-mapa>p,.ak-ldap-mapa>form:not(.ak-admin-form) { margin:.35rem .65rem .65rem; }
.ak-org-polozka[data-hloubka="1"] { margin-left:.65rem; }.ak-org-polozka[data-hloubka="2"] { margin-left:1.3rem; }.ak-org-polozka[data-hloubka="3"] { margin-left:1.95rem; }.ak-org-polozka[data-hloubka="4"] { margin-left:2.6rem; }.ak-org-polozka[data-hloubka="5"],.ak-org-polozka[data-hloubka="6"] { margin-left:3.25rem; }

@media (max-width:52rem) {
  .ak-hromadne { top:calc(var(--ak-admin-horni) + .25rem); }
  .md-typeset .ak-list-group-heading { top:calc(var(--ak-admin-horni) + 7rem); }
}
@media (max-width:44rem) {
  .ak-filter-search { grid-column:auto; }
  .ak-filter-card>.ak-disclosure-summary,.ak-create-card>.ak-disclosure-summary,.ak-sbalena-sekce>.ak-disclosure-summary { grid-template-columns:1rem minmax(0,1fr); }
  .ak-filter-card>.ak-disclosure-summary>span:last-child,.ak-create-card>.ak-disclosure-summary>span:last-child,.ak-sbalena-sekce>.ak-disclosure-summary>span:last-child { display:none; }
  .ak-hromadne { position:static; }
  .ak-hromadne>strong { order:-1; flex-basis:100%; }
  .ak-bulk-confirm { flex-basis:100%; }
  .md-typeset .ak-list-group-heading { position:static; }
  .ak-user-summary-actions .ak-data-status { display:none; }
  .ak-user-detail,.ak-group-detail { grid-template-columns:1fr; }
  .ak-user-roles { grid-column:auto; }
  .ak-compact-add,.ak-compact-add--course { grid-template-columns:1fr; }
  .ak-course-row { grid-template-columns:1fr; }
  .ak-course-row__actions { align-items:stretch; flex-direction:column; }
  .ak-course-row__actions .ak-tlacitko { text-align:center; }
  .ak-course-copy>summary small { display:block; margin-left:0; }
  .ak-org-polozka[data-hloubka] { margin-left:min(.65rem,2vw); }
  .ak-org-polozka>summary,.ak-ldap-mapa>summary { grid-template-columns:1rem minmax(0,1fr); }
  .ak-org-polozka>summary small { grid-column:2; }
}

/* Ukazatele postupu z kurz.js (čtení kapitoly, výsledek predikce) – šířka
   v procentech se dřív nastavovala přes element.style.width, což bez
   nonce v style-src tiše zablokuje CSP; 101 kroků po 1 % pokryje
   celý rozsah beze ztráty plynulosti. */
.k-pruh i[data-pct="0"],.k-postup__drah i[data-pct="0"],.ak-bar i[data-pct="0"]{width:0%}
.k-pruh i[data-pct="1"],.k-postup__drah i[data-pct="1"],.ak-bar i[data-pct="1"]{width:1%}
.k-pruh i[data-pct="2"],.k-postup__drah i[data-pct="2"],.ak-bar i[data-pct="2"]{width:2%}
.k-pruh i[data-pct="3"],.k-postup__drah i[data-pct="3"],.ak-bar i[data-pct="3"]{width:3%}
.k-pruh i[data-pct="4"],.k-postup__drah i[data-pct="4"],.ak-bar i[data-pct="4"]{width:4%}
.k-pruh i[data-pct="5"],.k-postup__drah i[data-pct="5"],.ak-bar i[data-pct="5"]{width:5%}
.k-pruh i[data-pct="6"],.k-postup__drah i[data-pct="6"],.ak-bar i[data-pct="6"]{width:6%}
.k-pruh i[data-pct="7"],.k-postup__drah i[data-pct="7"],.ak-bar i[data-pct="7"]{width:7%}
.k-pruh i[data-pct="8"],.k-postup__drah i[data-pct="8"],.ak-bar i[data-pct="8"]{width:8%}
.k-pruh i[data-pct="9"],.k-postup__drah i[data-pct="9"],.ak-bar i[data-pct="9"]{width:9%}
.k-pruh i[data-pct="10"],.k-postup__drah i[data-pct="10"],.ak-bar i[data-pct="10"]{width:10%}
.k-pruh i[data-pct="11"],.k-postup__drah i[data-pct="11"],.ak-bar i[data-pct="11"]{width:11%}
.k-pruh i[data-pct="12"],.k-postup__drah i[data-pct="12"],.ak-bar i[data-pct="12"]{width:12%}
.k-pruh i[data-pct="13"],.k-postup__drah i[data-pct="13"],.ak-bar i[data-pct="13"]{width:13%}
.k-pruh i[data-pct="14"],.k-postup__drah i[data-pct="14"],.ak-bar i[data-pct="14"]{width:14%}
.k-pruh i[data-pct="15"],.k-postup__drah i[data-pct="15"],.ak-bar i[data-pct="15"]{width:15%}
.k-pruh i[data-pct="16"],.k-postup__drah i[data-pct="16"],.ak-bar i[data-pct="16"]{width:16%}
.k-pruh i[data-pct="17"],.k-postup__drah i[data-pct="17"],.ak-bar i[data-pct="17"]{width:17%}
.k-pruh i[data-pct="18"],.k-postup__drah i[data-pct="18"],.ak-bar i[data-pct="18"]{width:18%}
.k-pruh i[data-pct="19"],.k-postup__drah i[data-pct="19"],.ak-bar i[data-pct="19"]{width:19%}
.k-pruh i[data-pct="20"],.k-postup__drah i[data-pct="20"],.ak-bar i[data-pct="20"]{width:20%}
.k-pruh i[data-pct="21"],.k-postup__drah i[data-pct="21"],.ak-bar i[data-pct="21"]{width:21%}
.k-pruh i[data-pct="22"],.k-postup__drah i[data-pct="22"],.ak-bar i[data-pct="22"]{width:22%}
.k-pruh i[data-pct="23"],.k-postup__drah i[data-pct="23"],.ak-bar i[data-pct="23"]{width:23%}
.k-pruh i[data-pct="24"],.k-postup__drah i[data-pct="24"],.ak-bar i[data-pct="24"]{width:24%}
.k-pruh i[data-pct="25"],.k-postup__drah i[data-pct="25"],.ak-bar i[data-pct="25"]{width:25%}
.k-pruh i[data-pct="26"],.k-postup__drah i[data-pct="26"],.ak-bar i[data-pct="26"]{width:26%}
.k-pruh i[data-pct="27"],.k-postup__drah i[data-pct="27"],.ak-bar i[data-pct="27"]{width:27%}
.k-pruh i[data-pct="28"],.k-postup__drah i[data-pct="28"],.ak-bar i[data-pct="28"]{width:28%}
.k-pruh i[data-pct="29"],.k-postup__drah i[data-pct="29"],.ak-bar i[data-pct="29"]{width:29%}
.k-pruh i[data-pct="30"],.k-postup__drah i[data-pct="30"],.ak-bar i[data-pct="30"]{width:30%}
.k-pruh i[data-pct="31"],.k-postup__drah i[data-pct="31"],.ak-bar i[data-pct="31"]{width:31%}
.k-pruh i[data-pct="32"],.k-postup__drah i[data-pct="32"],.ak-bar i[data-pct="32"]{width:32%}
.k-pruh i[data-pct="33"],.k-postup__drah i[data-pct="33"],.ak-bar i[data-pct="33"]{width:33%}
.k-pruh i[data-pct="34"],.k-postup__drah i[data-pct="34"],.ak-bar i[data-pct="34"]{width:34%}
.k-pruh i[data-pct="35"],.k-postup__drah i[data-pct="35"],.ak-bar i[data-pct="35"]{width:35%}
.k-pruh i[data-pct="36"],.k-postup__drah i[data-pct="36"],.ak-bar i[data-pct="36"]{width:36%}
.k-pruh i[data-pct="37"],.k-postup__drah i[data-pct="37"],.ak-bar i[data-pct="37"]{width:37%}
.k-pruh i[data-pct="38"],.k-postup__drah i[data-pct="38"],.ak-bar i[data-pct="38"]{width:38%}
.k-pruh i[data-pct="39"],.k-postup__drah i[data-pct="39"],.ak-bar i[data-pct="39"]{width:39%}
.k-pruh i[data-pct="40"],.k-postup__drah i[data-pct="40"],.ak-bar i[data-pct="40"]{width:40%}
.k-pruh i[data-pct="41"],.k-postup__drah i[data-pct="41"],.ak-bar i[data-pct="41"]{width:41%}
.k-pruh i[data-pct="42"],.k-postup__drah i[data-pct="42"],.ak-bar i[data-pct="42"]{width:42%}
.k-pruh i[data-pct="43"],.k-postup__drah i[data-pct="43"],.ak-bar i[data-pct="43"]{width:43%}
.k-pruh i[data-pct="44"],.k-postup__drah i[data-pct="44"],.ak-bar i[data-pct="44"]{width:44%}
.k-pruh i[data-pct="45"],.k-postup__drah i[data-pct="45"],.ak-bar i[data-pct="45"]{width:45%}
.k-pruh i[data-pct="46"],.k-postup__drah i[data-pct="46"],.ak-bar i[data-pct="46"]{width:46%}
.k-pruh i[data-pct="47"],.k-postup__drah i[data-pct="47"],.ak-bar i[data-pct="47"]{width:47%}
.k-pruh i[data-pct="48"],.k-postup__drah i[data-pct="48"],.ak-bar i[data-pct="48"]{width:48%}
.k-pruh i[data-pct="49"],.k-postup__drah i[data-pct="49"],.ak-bar i[data-pct="49"]{width:49%}
.k-pruh i[data-pct="50"],.k-postup__drah i[data-pct="50"],.ak-bar i[data-pct="50"]{width:50%}
.k-pruh i[data-pct="51"],.k-postup__drah i[data-pct="51"],.ak-bar i[data-pct="51"]{width:51%}
.k-pruh i[data-pct="52"],.k-postup__drah i[data-pct="52"],.ak-bar i[data-pct="52"]{width:52%}
.k-pruh i[data-pct="53"],.k-postup__drah i[data-pct="53"],.ak-bar i[data-pct="53"]{width:53%}
.k-pruh i[data-pct="54"],.k-postup__drah i[data-pct="54"],.ak-bar i[data-pct="54"]{width:54%}
.k-pruh i[data-pct="55"],.k-postup__drah i[data-pct="55"],.ak-bar i[data-pct="55"]{width:55%}
.k-pruh i[data-pct="56"],.k-postup__drah i[data-pct="56"],.ak-bar i[data-pct="56"]{width:56%}
.k-pruh i[data-pct="57"],.k-postup__drah i[data-pct="57"],.ak-bar i[data-pct="57"]{width:57%}
.k-pruh i[data-pct="58"],.k-postup__drah i[data-pct="58"],.ak-bar i[data-pct="58"]{width:58%}
.k-pruh i[data-pct="59"],.k-postup__drah i[data-pct="59"],.ak-bar i[data-pct="59"]{width:59%}
.k-pruh i[data-pct="60"],.k-postup__drah i[data-pct="60"],.ak-bar i[data-pct="60"]{width:60%}
.k-pruh i[data-pct="61"],.k-postup__drah i[data-pct="61"],.ak-bar i[data-pct="61"]{width:61%}
.k-pruh i[data-pct="62"],.k-postup__drah i[data-pct="62"],.ak-bar i[data-pct="62"]{width:62%}
.k-pruh i[data-pct="63"],.k-postup__drah i[data-pct="63"],.ak-bar i[data-pct="63"]{width:63%}
.k-pruh i[data-pct="64"],.k-postup__drah i[data-pct="64"],.ak-bar i[data-pct="64"]{width:64%}
.k-pruh i[data-pct="65"],.k-postup__drah i[data-pct="65"],.ak-bar i[data-pct="65"]{width:65%}
.k-pruh i[data-pct="66"],.k-postup__drah i[data-pct="66"],.ak-bar i[data-pct="66"]{width:66%}
.k-pruh i[data-pct="67"],.k-postup__drah i[data-pct="67"],.ak-bar i[data-pct="67"]{width:67%}
.k-pruh i[data-pct="68"],.k-postup__drah i[data-pct="68"],.ak-bar i[data-pct="68"]{width:68%}
.k-pruh i[data-pct="69"],.k-postup__drah i[data-pct="69"],.ak-bar i[data-pct="69"]{width:69%}
.k-pruh i[data-pct="70"],.k-postup__drah i[data-pct="70"],.ak-bar i[data-pct="70"]{width:70%}
.k-pruh i[data-pct="71"],.k-postup__drah i[data-pct="71"],.ak-bar i[data-pct="71"]{width:71%}
.k-pruh i[data-pct="72"],.k-postup__drah i[data-pct="72"],.ak-bar i[data-pct="72"]{width:72%}
.k-pruh i[data-pct="73"],.k-postup__drah i[data-pct="73"],.ak-bar i[data-pct="73"]{width:73%}
.k-pruh i[data-pct="74"],.k-postup__drah i[data-pct="74"],.ak-bar i[data-pct="74"]{width:74%}
.k-pruh i[data-pct="75"],.k-postup__drah i[data-pct="75"],.ak-bar i[data-pct="75"]{width:75%}
.k-pruh i[data-pct="76"],.k-postup__drah i[data-pct="76"],.ak-bar i[data-pct="76"]{width:76%}
.k-pruh i[data-pct="77"],.k-postup__drah i[data-pct="77"],.ak-bar i[data-pct="77"]{width:77%}
.k-pruh i[data-pct="78"],.k-postup__drah i[data-pct="78"],.ak-bar i[data-pct="78"]{width:78%}
.k-pruh i[data-pct="79"],.k-postup__drah i[data-pct="79"],.ak-bar i[data-pct="79"]{width:79%}
.k-pruh i[data-pct="80"],.k-postup__drah i[data-pct="80"],.ak-bar i[data-pct="80"]{width:80%}
.k-pruh i[data-pct="81"],.k-postup__drah i[data-pct="81"],.ak-bar i[data-pct="81"]{width:81%}
.k-pruh i[data-pct="82"],.k-postup__drah i[data-pct="82"],.ak-bar i[data-pct="82"]{width:82%}
.k-pruh i[data-pct="83"],.k-postup__drah i[data-pct="83"],.ak-bar i[data-pct="83"]{width:83%}
.k-pruh i[data-pct="84"],.k-postup__drah i[data-pct="84"],.ak-bar i[data-pct="84"]{width:84%}
.k-pruh i[data-pct="85"],.k-postup__drah i[data-pct="85"],.ak-bar i[data-pct="85"]{width:85%}
.k-pruh i[data-pct="86"],.k-postup__drah i[data-pct="86"],.ak-bar i[data-pct="86"]{width:86%}
.k-pruh i[data-pct="87"],.k-postup__drah i[data-pct="87"],.ak-bar i[data-pct="87"]{width:87%}
.k-pruh i[data-pct="88"],.k-postup__drah i[data-pct="88"],.ak-bar i[data-pct="88"]{width:88%}
.k-pruh i[data-pct="89"],.k-postup__drah i[data-pct="89"],.ak-bar i[data-pct="89"]{width:89%}
.k-pruh i[data-pct="90"],.k-postup__drah i[data-pct="90"],.ak-bar i[data-pct="90"]{width:90%}
.k-pruh i[data-pct="91"],.k-postup__drah i[data-pct="91"],.ak-bar i[data-pct="91"]{width:91%}
.k-pruh i[data-pct="92"],.k-postup__drah i[data-pct="92"],.ak-bar i[data-pct="92"]{width:92%}
.k-pruh i[data-pct="93"],.k-postup__drah i[data-pct="93"],.ak-bar i[data-pct="93"]{width:93%}
.k-pruh i[data-pct="94"],.k-postup__drah i[data-pct="94"],.ak-bar i[data-pct="94"]{width:94%}
.k-pruh i[data-pct="95"],.k-postup__drah i[data-pct="95"],.ak-bar i[data-pct="95"]{width:95%}
.k-pruh i[data-pct="96"],.k-postup__drah i[data-pct="96"],.ak-bar i[data-pct="96"]{width:96%}
.k-pruh i[data-pct="97"],.k-postup__drah i[data-pct="97"],.ak-bar i[data-pct="97"]{width:97%}
.k-pruh i[data-pct="98"],.k-postup__drah i[data-pct="98"],.ak-bar i[data-pct="98"]{width:98%}
.k-pruh i[data-pct="99"],.k-postup__drah i[data-pct="99"],.ak-bar i[data-pct="99"]{width:99%}
.k-pruh i[data-pct="100"],.k-postup__drah i[data-pct="100"],.ak-bar i[data-pct="100"]{width:100%}