/*
 * MT-11 (UX-022): jediný společný CSS základ administrace MůjNástup.
 * Načítá se ZA Bootstrapem 5.3.3 - nedefinuje paralelní komponenty, jen tokeny,
 * admin-specifické prvky (navbar, search, designer) a doplňky přístupnosti.
 * Public/sign flow používá site.css a tohoto souboru se nedotýká.
 */

:root {
    --adm-primary:  var(--bs-primary);
    --adm-radius:   .375rem;
    --adm-page-max: 1400px;
    --adm-muted-bg: #f8f9fa;
    --adm-border:   var(--bs-border-color);
    --adm-focus:    #0d6efd;
}

body.adm-body { background: var(--adm-muted-bg); }

/* Obsah stránky - jednotný maximální rozměr (širokoúhlé monitory) */
.adm-main { max-width: var(--adm-page-max); margin-inline: auto; }

/* ── Přístupnost (MT-11 §34-35) ─────────────────────────────────────────── */
/* Konzistentní focus ring - Bootstrap ring zůstává, tohle kryje custom prvky */
.tpld-field:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--adm-focus);
    outline-offset: 2px;
}

/* ── Admin navbar (přesun z inline <style> layoutu) ─────────────────────── */
/* Ukotvené horní menu: u dlouhých seznamů (dokumenty, pracovníci, akce) by se jinak
   muselo kvůli každému přepnutí sekce rolovat až nahoru.
   z-index 1030 je ZÁMĚRNĚ pod Bootstrap modalem (1050 backdrop / 1055 dialog) - dialog
   musí menu překrýt, ne naopak. Napovídací seznam vyhledávání má 1060, ale je uvnitř
   navbaru, takže se vůči němu vrství správně. */
.nav-admin { background: #212529; position: sticky; top: 0; z-index: 1030; }

/* Na mobilu se rozbalené menu nesmí roztáhnout přes celou výšku - ukotvený prvek by
   pak zakryl obsah a nešlo by z něj vyrolovat. */
@media (max-width: 991.98px) {
    .nav-admin .navbar-collapse { max-height: calc(100vh - 3.5rem); overflow-y: auto; }
}
.nav-admin .nav-link { color: rgba(255,255,255,.75); }
.nav-admin .nav-link:hover,
.nav-admin .nav-link:focus { color: #fff; }
.nav-admin .nav-link.active { color: #fff; font-weight: 600; border-bottom: 2px solid #0d6efd; }
.nav-admin .nav-platform > .nav-link { color: rgba(255,193,7,.85); }
.nav-admin .nav-platform > .nav-link:hover { color: #ffc107; }
.nav-admin .nav-platform > .nav-link.active { color: #ffc107; border-bottom-color: #ffc107; }

/* ── Globální vyhledávání (MT-10) ───────────────────────────────────────── */
.nav-search { position: relative; min-width: 220px; }
.nav-search .list-group {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 1060;
    max-height: 420px; overflow-y: auto; min-width: 320px;
}
@media (max-width: 991px) {
    .nav-search { min-width: 0; width: 100%; }
    .nav-search .list-group { min-width: 0; }
}

/* ── Health / monitoring karty ──────────────────────────────────────────── */
.stat-card { min-width: 130px; }
.alert-level-Critical { border-left: 4px solid #dc3545; }
.alert-level-Warning  { border-left: 4px solid #ffc107; }
.alert-level-Info     { border-left: 4px solid #0dcaf0; }
.alert-level-Ok       { border-left: 4px solid #198754; }

/* ── Auth stránky (Login / MFA - _AdminAuthLayout) ──────────────────────── */
.adm-auth-body {
    background: var(--adm-muted-bg);
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3rem 1rem;
}
.adm-auth-card {
    width: 100%;
    max-width: 440px;
}

/* ── Sdílené ikony (_Icon) ──────────────────────────────────────────────── */
.adm-icon {
    width: 1em; height: 1em;
    vertical-align: -.125em;
    fill: currentColor;
}

/* ── Stínování při přepínání stránek (2026-08-21) ───────────────────────────
   Overlay se objeví až po ~180 ms (rychlé přechody bez bliknutí) a dá uživateli
   viditelnou odezvu, že se načítá další stránka. Vytváří ho admin.js. */
.adm-page-shade {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(15, 23, 42, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .15s ease;
}
.adm-page-shade.show { opacity: 1; }

/* ── Nápověda v poli vs. vyplněná hodnota (2026-09-19) ──────────────────────
   Z provozu: „používáš ty nápovědy v textovém poli tak, že nelze poznat, jestli
   už je hodnota vyplněná." U kódů mzdových složek to bylo nejhorší - nápověda
   `C01` vypadá přesně jako platná hodnota, takže účetní nepoznala vyplněné pole
   od prázdného. Text nápovědy proto začíná „např." a navíc se liší i vzhledem. */
.form-control::placeholder,
.form-select::placeholder {
    font-style: italic;
    opacity: .6;
}

/* ── Nápověda (MT-37) ───────────────────────────────────────────────────────
   Žádná nová vizuální gramatika (§22) - jen omezení šířky textu, dropdown
   našeptávače (stejný princip jako .nav-search) a bezpečný scroll tabulek. */
.help-search .list-group.help-suggest {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 1060;
    max-height: 420px; overflow-y: auto;
}

/* §649: dlouhý text se nesmí táhnout přes celý širokoúhlý monitor */
.help-article { max-width: 68ch; }
.help-body h2 { font-size: 1.15rem; margin-top: 1.75rem; }
.help-body h3 { font-size: 1rem; margin-top: 1.25rem; }
.help-body li { margin-bottom: .25rem; }
.help-body code {
    background: var(--adm-muted-bg);
    padding: .1em .3em;
    border-radius: var(--adm-radius);
}
.help-body pre {
    background: var(--adm-muted-bg);
    padding: .75rem;
    border-radius: var(--adm-radius);
    overflow-x: auto;
}

/* §663: široká tabulka scrolluje sama v sobě, nikdy nerozjede celou stránku */
.help-body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

/* §25: karty kategorií - text zůstává čitelný, hover jen jemně naznačí odkaz */
.help-card { color: inherit; transition: border-color .12s ease; }
.help-card:hover { border-color: var(--adm-primary); }