/* ==========================================================================
   OKVMG – barvy, písma a maskot (jediný zdroj značky)
   public/css/brand.css · načítá se před style.css (partials/head.ejs)

   Pravidla (schválený „Jednotný vizuál OKVMG“):
   - Text a obrysy v oceli, logo v grafitu, papír bílý. Jediný akcent je
     základní nátěr ocelových konstrukcí; vše musí být čitelné i černobíle.
   - Signální barvy (chyba / v pořádku / pozor) jen pro stavy, ne na ozdobu.
   - Písma: Archivo (nadpisy i text), IBM Plex Mono (čísla, kódy, částky).
   - Ostré rohy. Zaoblení jen tečky stavu a avatary.
   Nové barvy nepřidávat mimo tento soubor.
   ========================================================================== */

:root {
  /* značka */
  --ocel:          #141312;   /* text, obrysy */
  --ocel-2:        #1c1b1a;   /* tmavé plochy (menu, pruhy) */
  --ocel-3:        #2a2827;
  --grafit:        #4a494a;   /* barva loga OKVMG */
  --papir:         #ffffff;
  --pozadi:        #f4f3f2;
  --nater:         #9b3b2a;   /* základní nátěr - jediný akcent */
  --nater-svetly:  #f3e3df;
  --vesta:         #c9542c;   /* reflexní vesta maskota */
  --zinek:         #8d969c;
  /* neutrální */
  --popisek:        #6f6b68;
  --popisek-svetly: #a5a09c;
  --linka:          #d9d6d3;
  --linka-jemna:    #eae7e4;
  /* signály */
  --chyba:         #c2261a;
  --chyba-svetla:  #fbeceb;
  --ok:            #1f5c33;
  --ok-svetla:     #eaf3ed;
  --pozor:         #8a6b1f;
  --pozor-svetla:  #fdf3dd;

  /* písma */
  --pismo:       'Archivo', -apple-system, 'Segoe UI', Arial, sans-serif;
  --pismo-mono:  'IBM Plex Mono', ui-monospace, Consolas, monospace;

  --roh: 0;
}

/* čísla, kódy zakázek, částky */
.mono, .num-mono { font-family: var(--pismo-mono); font-variant-numeric: tabular-nums; }

/* ---------- maskot Okáč (partials/okac.ejs) ---------- */
.okac { display: block; max-width: 100%; height: auto; overflow: visible; }
.okac-blink { transform-box: fill-box; transform-origin: center; animation: okacMrk 4.2s infinite; }
.okac-wave { transform-box: view-box; transform-origin: 162px 214px; animation: okacMava 1.4s ease-in-out infinite; }
.okac-sway { transform-box: view-box; transform-origin: 130px 0; animation: okacKyv 3s ease-in-out infinite; }
@keyframes okacMrk { 0%, 46%, 50%, 100% { transform: scaleY(1); } 48% { transform: scaleY(.1); } }
@keyframes okacMava { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(16deg); } }
@keyframes okacKyv { 0%, 100% { transform: rotate(-1.4deg); } 50% { transform: rotate(1.4deg); } }
@media (prefers-reduced-motion: reduce) { .okac-blink, .okac-wave, .okac-sway { animation: none; } }
@media print { .okac-blink, .okac-wave, .okac-sway { animation: none; } }

/* prázdný stav s Okáčem (žádné záznamy, žádné projekty) */
.prazdno { display: flex; align-items: center; gap: 18px; padding: 18px 4px; }
.prazdno .okac { flex: 0 0 auto; }
.prazdno-text { display: grid; gap: 4px; }
.prazdno-text b { font-size: 16px; font-weight: 800; }
.prazdno-text span { color: var(--popisek); font-size: 13.5px; }
@media (max-width: 520px) { .prazdno { flex-direction: column; text-align: center; } }

/* chybová stránka */
.err-okac { display: flex; justify-content: center; margin-bottom: 8px; }

/* ---------- logo ---------- */
.sidebar .brand .brand-logo { display: block; width: 100%; max-width: 168px; height: auto; }
.sidebar .brand .brand-row { display: flex; align-items: flex-end; gap: 10px; }
.sidebar .brand .brand-row .okac { width: 46px; flex: 0 0 auto; }
.login-hero-logo { display: block; width: 168px; max-width: 60%; height: auto; margin-bottom: 26px; }
.login-hero-okac { position: absolute; right: 6%; bottom: 0; width: clamp(150px, 22vw, 240px); z-index: 1; }
@media (max-width: 900px) { .login-hero-okac { display: none; } }