/* ═══════════════════════════════════════════════════════════════════
   KASYG-ESU — THEME „ink & indigo" (globální redesign)
   Načítá se POSLEDNÍ (po style.css/enhance.css/pro.css) → vyhrává kaskádu.
   Jedna vrstva pro všechny role: admin / účetní / bookkeeper / klient / login.
   Mění barvy, sidebar a typografii. Additivní, žádná editace 50 šablon.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Self-hosted fonty (CSP font-src 'self') ───────────────────── */
/* Space Grotesk — nadpisy a čísla (variable 400–600) */
@font-face {
  font-family: 'Space Grotesk'; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url('fonts/space-grotesk-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk'; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url('fonts/space-grotesk-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* JetBrains Mono — částky a čísla dokladů (variable 400–500) */
@font-face {
  font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: url('fonts/jetbrains-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: url('fonts/jetbrains-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Paleta „ink & indigo" — přebíjí proměnné style.css ────────── */
:root {
  /* povrchy */
  --bg-deep:    #0B0E14;
  --bg-card:    #10141D;
  --bg-elevated:#131722;
  --glass:      #10141D;
  --glass-border:#1C2230;

  /* akcent — indigo */
  --primary:      #6E62FF;
  --primary-dark: #5a4fe0;
  --primary-light: rgba(110,98,255,0.14);
  --accent:       #6E62FF;
  --accent-light: rgba(110,98,255,0.14);

  /* brand zlatá (jen logo / drobné akcenty) */
  --gold:      #C9A961;
  --gold-dark: #A68B4B;
  --gold-light: rgba(201,169,97,0.12);

  /* semantika */
  --success: #3DCB8F; --success-light: rgba(61,203,143,0.13);
  --warning: #E8B65A; --warning-light: rgba(232,182,90,0.14);
  --danger:  #E25A5A; --danger-light:  rgba(226,90,90,0.13);

  /* ploché gradienty (žádný „neon flash") */
  --gradient-primary: linear-gradient(135deg, #6E62FF 0%, #8B5CF6 100%);
  --gradient-gold:    linear-gradient(135deg, #C9A961 0%, #E0C888 100%);

  /* typografie */
  --font-serif: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --font-money: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* sjednocení s enhance (kx-) tokeny */
  --kx-bg:#0B0E14; --kx-surface:#10141D; --kx-surface-2:#161B26;
  --kx-border:#1C2230; --kx-border-strong:#262E3E;
  --kx-accent:#6E62FF; --kx-accent-strong:#A9B0FF; --kx-accent-soft:rgba(110,98,255,0.14);
  --kx-ok:#3DCB8F; --kx-ok-soft:rgba(61,203,143,0.13);
  --kx-warn:#E8B65A; --kx-warn-soft:rgba(232,182,90,0.14);
  --kx-danger:#E25A5A; --kx-danger-soft:rgba(226,90,90,0.13);
  --kx-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

/* ── Typografie — nadpisy a velká čísla Space Grotesk ──────────── */
h1, h2, h3,
.kx-h1, .kx-page-head h1,
.stat-number, .stat-card .stat-number,
.kx-stat-value, .login-hero-stat .val,
.login-hero h1 {
  font-family: var(--font-display) !important;
  letter-spacing: -0.01em;
}
/* Částky a čísla dokladů → JetBrains Mono (tabulkové, zarovnaná čárka) */
.kx-mono, .kx-num, .mono, .amount, .money,
td.amount, td.money, .kx-stat-value {
  font-family: var(--font-money) !important;
  font-variant-numeric: tabular-nums;
}

/* ── Sidebar — dark ink, indigo aktivní (místo zelená/zlatá) ───── */
.sidebar {
  background: #070A0F !important;
  border-right: 1px solid #161B26 !important;
  color: #7A8398;
}
.sidebar .nav-section {
  color: #454D60 !important;
  letter-spacing: 0.06em;
}
.sidebar a.nav-item { color: #7A8398; }
.sidebar a.nav-item:hover {
  background: rgba(110,98,255,0.07) !important;
  color: #C7CCDA !important;
}
.sidebar a.nav-item.active {
  background: #13192A !important;
  color: #A9B0FF !important;
  border-left: 2px solid #6E62FF !important;
  border-radius: 0 8px 8px 0;
  font-weight: 500;
}
.sidebar a.nav-item.active svg { opacity: 1; color: #A9B0FF; }

/* Logo badge — plná brand zlatá s tmavým „KE" (jako v návrhu) */
.sidebar-logo-badge {
  background: var(--gold) !important;
  border: none !important;
  color: #070A0F !important;
  border-radius: 9px !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
}
.sidebar-logo-name { font-family: var(--font-display); }
.sidebar-logo-role { color: var(--gold); }

/* ── Topbar ────────────────────────────────────────────────────── */
.main-topbar {
  background: #0B0E14 !important;
  border-bottom: 1px solid #161B26 !important;
}
.main-topbar > .page-header h1 {
  font-family: var(--font-display) !important;
  background: none !important;
  -webkit-text-fill-color: #E8EBF2 !important;
  color: #E8EBF2 !important;
}
.topbar-icon {
  background: #10141D !important;
  border: 1px solid #1C2230 !important;
  border-radius: 9px !important;
  color: #7A8398 !important;
}
.topbar-icon:hover { background: #161B26 !important; color: #C7CCDA !important; }
.main-topbar .search-box {
  background: #10141D !important;
  border: 1px solid #1C2230 !important;
  border-radius: 9px !important;
}

/* ── Karty — jednotný povrch ───────────────────────────────────── */
.card {
  background: #10141D !important;
  border: 1px solid #1C2230 !important;
  border-radius: 12px !important;
}
.card h2 { color: #E8EBF2 !important; }
.stat-card {
  background: #10141D !important;
  border: 1px solid #1C2230 !important;
  border-radius: 11px !important;
}

/* ── Tlačítka ──────────────────────────────────────────────────── */
.btn-primary, .kx-btn.primary {
  background: #6E62FF !important;
  border-color: #6E62FF !important;
  color: #fff !important;
}
.btn-primary:hover, .kx-btn.primary:hover {
  background: #5a4fe0 !important;
  box-shadow: 0 4px 14px -4px rgba(110,98,255,0.5) !important;
}

/* ── Login CTA → indigo (akce), ne zlatá (brand) ───────────────── */
.login-form-side .btn-login {
  background: #6E62FF !important;
  color: #fff !important;
}
.login-form-side .btn-login:hover { filter: brightness(1.08); }
/* Hero čísla na loginu — drobně sladit do indiga/světlá místo zlaté */
.login-hero-stat .val { color: #A9B0FF !important; }

/* ── Stavové pilulky — sjednocené barvy ────────────────────────── */
.badge-success { background: rgba(61,203,143,0.14) !important; color: #4FE0A4 !important; }
.badge-primary { background: rgba(110,98,255,0.16) !important; color: #A9B0FF !important; }
.badge-warning { background: rgba(232,182,90,0.16) !important; color: #E8B65A !important; }
.badge-danger  { background: rgba(226,90,90,0.16) !important; color: #F08A8A !important; }

/* ── Body font (jistota — Inter) ───────────────────────────────── */
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

/* ── Scrollbar / výběr v indigu (sladění s pro.css) ────────────── */
::selection { background: rgba(110,98,255,0.32); color: #fff; }

/* ── Light režim — drobné sladění akcentu (toggle #19) ─────────── */
html[data-kx-theme="light"] {
  --primary: #6E62FF; --accent: #6E62FF;
  --kx-accent:#6E62FF; --kx-accent-soft:rgba(110,98,255,0.10);
}