/* ============================================================================
   modern.css — Modernizácia A „Navy Glass" (2026-08-30)
   Vrstva NAD style.css + polish.css. Mení len vzhľad (farby, tiene, radiusy,
   gradienty) — žiadne rozloženie.
   VRÁTENIE SPÄŤ: odstráň <link ... modern.css> z partials/header.php
   (alebo git checkout fe48df3 — zálohový bod pred modernizáciou).
   ========================================================================== */

/* ── Pozadie stránky — jemný diagonálny gradient ── */
body {
  background: linear-gradient(165deg, #EEF0F9 0%, #F5F6FB 55%, #E9ECF8 100%);
  background-attachment: fixed;
}

/* ── Topbar — navy gradient ── */
.topbar {
  background: linear-gradient(90deg, #23255F, #2A2C77 55%, #34379A);
  border-bottom: 0;
  box-shadow: 0 2px 14px rgba(31, 32, 88, .28);
}

/* Všetky položky menu ako sklené pills */
.topbar nav a,
.topbar nav .nav-dd > summary {
  border-radius: 999px;
  padding: .42rem .95rem;
}
.topbar nav a:not(.nav-external) {
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .16);
  color: #fff;
}
.topbar nav a:not(.nav-external):hover {
  background: rgba(255, 255, 255, .22);
  color: #fff;
}

/* ── Karty — biele sklo s mäkkým navy tieňom ── */
.card {
  background: rgba(255, 255, 255, .95);
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(42, 44, 119, .10);
}

/* ── Štatistické dlaždice ── */
.stats > div {
  background: rgba(255, 255, 255, .93);
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(42, 44, 119, .10);
}
.stats .num { color: var(--navy); }

/* ── Tlačidlá ── */
.btn { border-radius: 10px; }
.btn.primary {
  background: linear-gradient(150deg, #2A2C77, #34379A);
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(42, 44, 119, .30);
}
.btn.primary:hover {
  background: linear-gradient(150deg, #23255F, #2A2C77);
  border-color: transparent;
  box-shadow: 0 6px 16px rgba(42, 44, 119, .38);
}
.btn:not(.primary):hover { border-color: var(--navy); }

/* ── Stavové badge — candy pills s gradientom ── */
.badge { border-radius: 999px; font-weight: 700; }
.badge.b-zadana {
  background: linear-gradient(180deg, #60A5FA, #2563EB);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, .85);
  box-shadow: 0 2px 5px rgba(20, 22, 45, .18);
}
.badge.b-rozpracovana {
  background: linear-gradient(180deg, #FBBF24, #D97706);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, .85);
  box-shadow: 0 2px 5px rgba(20, 22, 45, .18);
}
.badge.b-hotova {
  background: linear-gradient(180deg, #4ADE80, #16A34A);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, .85);
  box-shadow: 0 2px 5px rgba(20, 22, 45, .18);
}
.badge.b-paid {
  background: linear-gradient(180deg, #22D3EE, #0891B2);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, .85);
  box-shadow: 0 2px 5px rgba(20, 22, 45, .18);
}
.badge.b-pay-pending {
  background: linear-gradient(180deg, #FDE68A, #F59E0B);
  color: #7C4A03;
  border: 1.5px solid rgba(255, 255, 255, .85);
  box-shadow: 0 2px 5px rgba(20, 22, 45, .18);
}

/* ── Tabuľky — jemnejšia hlavička a hover ── */
table.data th, .tbl th {
  background: #F4F5FB;
  color: var(--navy);
}
table.data tbody tr:hover td, .tbl tbody tr:hover td {
  background: #F5F7FD;
}

/* ── Formulárové prvky ── */
input[type="text"], input[type="number"], input[type="date"], input[type="email"],
input[type="password"], input[type="search"], input[type="tel"], input[type="url"],
select, textarea {
  border-radius: 10px;
}

/* ── Alerty — zaoblenie do systému ── */
.alert { border-radius: 12px; }

/* ── Nadpisy sekcií v navy ── */
.card > h2:first-child, .card .row-between h2 { color: var(--navy); }