/* WSNIPER - ctyri vzhledy. Meni jen barvy, pisma a dekoraci; obsah a ovladani jsou ve vsech stejne. */

/* ---------- 1. TAKTICKY: tmavy, zamerovac, zelena ---------- */
[data-theme="takticky"] {
  --bg:#0a0e0b; --card:#111813; --ink:#e3efe5; --muted:#86a08c; --line:#22322698; --acc:#3ddc84;
  --pos:#4ade80; --neg:#f87171; --warn:#facc15; --r:6px;
  --c1:#3ddc84; --c2:#9ae6b4; --c3:#facc15; --pos-bar:#2fbf6c; --neg-bar:#d9534f;
}
body[data-theme="takticky"] { background:
  radial-gradient(circle at 85% -10%, #12301c 0, transparent 45%), var(--bg); }
[data-theme="takticky"] header { background:#0d130f; border-bottom:1px solid #1f3a27; }
[data-theme="takticky"] .card, [data-theme="takticky"] .kpi { box-shadow: inset 0 0 0 1px #1c2c20; border-color:#1f3326; }
[data-theme="takticky"] .kpi .v { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; letter-spacing:-.3px; }
[data-theme="takticky"] .kpi.main { border-color:var(--acc); box-shadow:0 0 0 1px #3ddc8440, 0 0 18px #3ddc8418; }
[data-theme="takticky"] .chip.on, [data-theme="takticky"] .btn.primary, [data-theme="takticky"] button.primary { color:#06120a; }

/* ---------- 2. NEON: moderni tmave, zelena + ruzova + modra + zluta ---------- */
[data-theme="neon"] {
  --bg:#07071a; --card:#0f0f2a; --ink:#f1f0ff; --muted:#9a98c8; --line:#2a2a5a; --acc:#ff3ea5;
  --pos:#39ff88; --neg:#ff4d6d; --warn:#ffe14d; --r:10px;
  --c1:#39ff88; --c2:#3ea8ff; --c3:#ffe14d; --pos-bar:#39ff88; --neg-bar:#ff3ea5;
}
body[data-theme="neon"] { background:
  radial-gradient(circle at 10% 0, #2b0b3d 0, transparent 40%),
  radial-gradient(circle at 95% 10%, #0b2a4a 0, transparent 40%), var(--bg); }
[data-theme="neon"] header { background:#0a0a22cc; border-bottom:1px solid #ff3ea555; }
[data-theme="neon"] .card, [data-theme="neon"] .kpi { border-color:#2d2d66; box-shadow:0 0 0 1px #3ea8ff14, 0 6px 22px #00000055; }
[data-theme="neon"] .kpi:nth-child(4n+1) { border-top:2px solid #39ff88; }
[data-theme="neon"] .kpi:nth-child(4n+2) { border-top:2px solid #ff3ea5; }
[data-theme="neon"] .kpi:nth-child(4n+3) { border-top:2px solid #3ea8ff; }
[data-theme="neon"] .kpi:nth-child(4n+4) { border-top:2px solid #ffe14d; }
[data-theme="neon"] .kpi .v.pos, [data-theme="neon"] td.pos { text-shadow:0 0 10px #39ff8866; }
[data-theme="neon"] .c-line { filter: drop-shadow(0 0 3px currentColor); }
[data-theme="neon"] .c-line.s1 { color:#39ff88; } [data-theme="neon"] .c-line.s2 { color:#3ea8ff; } [data-theme="neon"] .c-line.s3 { color:#ffe14d; }

/* ---------- 3. FINANCE: elegantni, zlate akcenty, patkove nadpisy ---------- */
[data-theme="finance"] {
  --bg:#0f1216; --card:#161b22; --ink:#ece7da; --muted:#a49d8c; --line:#2b313a; --acc:#d4af37;
  --pos:#5cc98a; --neg:#e07a6a; --warn:#e8c25a; --r:8px;
  --c1:#d4af37; --c2:#4fa3d9; --c3:#9aa5b1; --pos-bar:#5cc98a; --neg-bar:#c96b5c;
}
body[data-theme="finance"] { background: linear-gradient(180deg, #141920 0, var(--bg) 320px); }
[data-theme="finance"] header { background:#11151b; border-bottom:1px solid #d4af3755; }
[data-theme="finance"] h1, [data-theme="finance"] h2, [data-theme="finance"] .logo, [data-theme="finance"] .kpi .v {
  font-family: Georgia, "Times New Roman", serif; }
[data-theme="finance"] .kpi.main { background:linear-gradient(135deg, #1d2430, #161b22); border-color:#d4af3788; }
[data-theme="finance"] .chip.on, [data-theme="finance"] .btn.primary, [data-theme="finance"] button.primary { color:#15120a; }

/* ---------- spolecne pro tmave vzhledy ---------- */
[data-theme="takticky"], [data-theme="neon"], [data-theme="finance"] { color-scheme: dark; }
[data-theme="takticky"] input, [data-theme="takticky"] select,
[data-theme="neon"] input, [data-theme="neon"] select,
[data-theme="finance"] input, [data-theme="finance"] select { background:var(--card); color:var(--ink); border-color:var(--line); }
[data-theme="takticky"] .msg, [data-theme="neon"] .msg, [data-theme="finance"] .msg { background:#16351f; border-color:#2d6a3e; }
[data-theme="takticky"] .msg.error, [data-theme="neon"] .msg.error, [data-theme="finance"] .msg.error { background:#3a1418; border-color:#7a2a33; }

/* ---------- dekorativni hlavicka (hero) ---------- */
.hero { display:none; }
[data-theme="takticky"] .hero, [data-theme="neon"] .hero, [data-theme="finance"] .hero {
  display:flex; align-items:center; justify-content:space-between; gap:16px; overflow:hidden;
  border:1px solid var(--line); border-radius:var(--r); margin-bottom:14px; padding:14px 18px; min-height:110px;
  background:var(--card); position:relative; }
.hero .t { position:relative; z-index:1; }
.hero .t .big { font-size:28px; font-weight:800; letter-spacing:.5px; }
.hero .t .big b { color:var(--acc); }
.hero .t .sub { font-size:12px; color:var(--muted); letter-spacing:2px; text-transform:uppercase; }
.hero svg.art { position:absolute; right:0; top:0; height:100%; width:auto; max-width:70%; }
.hero .art-t, .hero .art-n, .hero .art-f { display:none; }
[data-theme="takticky"] .hero .art-t, [data-theme="neon"] .hero .art-n, [data-theme="finance"] .hero .art-f { display:block; }
[data-theme="neon"] .hero { background:linear-gradient(100deg, #0f0f2a 30%, #1a0d33); }
[data-theme="neon"] .hero .t .big { text-shadow:0 0 14px #ff3ea566; }
[data-theme="finance"] .hero .t .big { font-family:Georgia, serif; }
@media (max-width:600px) {
  [data-theme="takticky"] .hero, [data-theme="neon"] .hero, [data-theme="finance"] .hero { min-height:64px; padding:10px 12px; }
  .hero .t .big { font-size:20px; } .hero .t .sub { font-size:10px; letter-spacing:1px; }
  .hero svg.art { opacity:.55; max-width:62%; }
}