:root{--red:#EC343F;--navy:#232637;--muted:#8a90a8;--green:#1c7a4b}
*{box-sizing:border-box}html{background:#f4f5f9}body{margin:0;font-family:Poppins,sans-serif;background:#f4f5f9;color:#232637}
.topbar{display:flex;align-items:center;gap:14px;background:#fff;padding:12px 26px;box-shadow:0 2px 10px rgba(6,2,25,.06);position:sticky;top:0;z-index:40;height:64px}
.topbar small{font-size:11px;letter-spacing:1.5px;font-weight:800;color:var(--navy);text-transform:uppercase}
.topbar .spacer{flex:1}.userchip{background:#f4f5f9;border-radius:99px;padding:8px 16px;font-size:13px}
.userchip a{color:var(--navy)}
.wrap{max-width:1200px;margin:0 auto;padding:22px 26px 40px}
.card{background:#fff;border-radius:16px;box-shadow:0 2px 6px rgba(6,2,25,.07),0 14px 30px rgba(6,2,25,.12);padding:22px 26px;margin-bottom:20px}
h1{font-size:22px;margin:6px 0 8px}h2{font-size:17px}
.sub{font-size:13px;color:var(--muted)}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:99px;padding:10px 22px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none}
.btn.sec{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px #dbe3ec}
.pill{display:inline-block;border-radius:99px;padding:3px 12px;font-size:12px;font-weight:700}
.footer{text-align:center;color:var(--muted);font-size:12.5px;padding:26px 0}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#4a5168;text-align:left;padding:10px 12px}
td{padding:10px 12px;border-bottom:1px solid #eef0f5}
input,select,textarea{font-family:inherit}
.field label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;margin:0 0 4px}
.field input,.field select{width:100%;padding:10px 12px;border:1.5px solid #dbe3ec;border-radius:10px;font-size:13.5px}
.msg-ok{background:#e3f6ec;color:#1c7a4b;border-radius:12px;padding:11px 16px;font-weight:700;font-size:13.5px;margin-bottom:12px}

/* ===== obnovené štýly hlavného menu a Akadémie (rekonštrukcia po prepise 14.8.) ===== */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:6px 0 22px}
.tile{background:#fff;border-radius:18px;padding:24px 22px;box-shadow:0 4px 18px rgba(6,2,25,.06);
  text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;
  border:2px solid transparent;transition:transform .15s,border-color .15s}
.tile:hover{transform:translateY(-3px);border-color:#f0d3d5}
.tile .ic{width:52px;height:52px;border-radius:14px;background:#f5f6fb;display:flex;align-items:center;justify-content:center;font-size:26px}
.tile h3{margin:0;font-size:17px;color:var(--navy)}
.tile p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.tile .cnt{font-size:12.5px;color:var(--muted);font-weight:600}
.maincols{display:grid;grid-template-columns:330px 1fr;gap:16px;align-items:start;margin:6px 0 22px}
@media(max-width:920px){.maincols{grid-template-columns:1fr}}
.maincols .tgrid{margin:0}
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:14px 0 18px}
.stat{background:#f8f9fc;border-radius:14px;padding:16px 18px}
.stat .n{font-size:26px;font-weight:800;color:var(--navy)}
.stat .l{font-size:12px;color:var(--muted);margin-top:2px}
.chip{display:inline-block;background:#f5f6fb;border-radius:99px;padding:5px 14px;font-size:12px;font-weight:600;margin:0 6px 6px 0}
.msg-err{background:#fde3e0;color:#b3402f;border-radius:12px;padding:11px 16px;font-size:13.5px;margin-bottom:12px}
.pill.ok{background:#e3f6ec;color:#1c7a4b}
.pill.fail{background:#fde3e0;color:#b3402f}
/* — admin: Akadémia prehľad — */
.admgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:14px 0 18px}
.admstat{background:#f8f9fc;border-radius:14px;padding:16px 18px}
.admstat .n{font-size:26px;font-weight:800;color:var(--navy)}
.admstat .l{font-size:12px;color:var(--muted);margin-top:2px}
.admstat.red .n{color:var(--red)}
.ryear{font-size:20px;font-weight:900;color:var(--navy);margin:18px 0 8px;letter-spacing:.5px}
details.rmon{background:#f8f9fc;border-radius:14px;padding:10px 16px;margin-bottom:10px}
details.rmon summary{cursor:pointer;font-size:14px;padding:4px 0}
details.rmon summary b{color:var(--navy)}
.rsum{font-size:12px;color:var(--muted);font-weight:600;margin-left:10px}
.rolepill{display:inline-block;background:#eef1f8;color:#4a5068;border-radius:99px;padding:3px 12px;font-size:11.5px;font-weight:700;white-space:nowrap}
.rtest{display:inline-block;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:600;margin:0 4px 4px 0;white-space:nowrap}
.rtest.ok{background:#e3f6ec;color:#1c7a4b}
.rtest.fail{background:#fde3e0;color:#b3402f}
.barrow{display:grid;grid-template-columns:1fr 220px 50px;gap:12px;align-items:center;margin:8px 0;font-size:13px}
.barrow .q{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.barrow .bar{background:#eef1f8;border-radius:99px;height:10px;overflow:hidden}
.barrow .bar i{display:block;height:100%;background:var(--red);border-radius:99px}
.barrow .v{font-weight:800;color:var(--red);text-align:right}
@media(max-width:700px){.barrow{grid-template-columns:1fr 90px 44px}}
/* — Akadémia: test (kvíz) — rekonštrukcia po prepise 14.8. */
.qhead{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.progress{background:#eef1f8;border-radius:99px;height:8px;overflow:hidden;margin-bottom:18px}
.progress i{display:block;height:100%;background:var(--red);border-radius:99px;transition:width .3s}
.qtext{font-size:18px;font-weight:700;color:var(--navy);line-height:1.5;margin-bottom:6px}
.qtext .qsk{font-size:14px;font-weight:400;color:var(--muted)}
.qsrc{font-size:12px;color:var(--muted);margin:0 0 16px}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{display:flex;gap:14px;align-items:flex-start;background:#fbfcfe;border:2px solid #e4e8f0;border-radius:14px;padding:14px 16px;font-size:14.5px;cursor:pointer;transition:border-color .12s,background .12s}
.opt:hover{border-color:#f0b9bd;background:#fff}
.opt .abc{flex:0 0 30px;width:30px;height:30px;border-radius:99px;background:#eef1f8;color:var(--navy);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.opt.lock{cursor:default;pointer-events:none}
.opt.correct{border-color:#2ec06f;background:#e3f6ec}
.opt.correct .abc{background:#2ec06f;color:#fff}
.opt.wrong{border-color:var(--red);background:#fbe0e2}
.opt.wrong .abc{background:var(--red);color:#fff}
.qfoot{display:flex;justify-content:flex-end;margin-top:18px}
.score-wrap{text-align:center;padding:34px 26px}
.ring{width:170px;height:170px;border-radius:50%;margin:6px auto 16px;display:flex;align-items:center;justify-content:center;background:conic-gradient(#e6ebf2 0deg,#e6ebf2 360deg)}
.ring .inner{width:132px;height:132px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring .pct{font-size:30px;font-weight:900;color:var(--navy)}
.ring .lbl{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:700}
.verdict{font-size:20px;font-weight:800;margin-bottom:6px}
.verdict.ok{color:var(--green)}
.verdict.fail{color:var(--red)}
.rev-item{text-align:left;background:#fbfcfe;border:1px solid #eef0f5;border-radius:12px;padding:12px 16px;margin-bottom:10px;font-size:13.5px;line-height:1.55}
.rev-item b{display:block;color:var(--navy);margin-bottom:4px}
.rev-item .good{color:var(--green);font-weight:700}
.rev-item .src{display:block;color:var(--muted);font-size:12px;margin-top:4px}

/* ---------- prihlasovacia stránka (index.php) — úzka karta v strede (pravidlo sa stratilo pri haváriii style.css 14.8., doplnené 19.8.) ---------- */
.login-grid{max-width:520px;margin:42px auto 0}
.login-grid .field{margin-bottom:14px}

/* ---------- 22.8. názvy polí formulárov výraznejšie (žiadosť: edit modál Používatelia) ---------- */
.field label{color:var(--navy);font-size:12px;letter-spacing:.4px}

/* ---------- 🌙 25.8. NOČNÝ REŽIM — prepínač mesiačik vpravo dole, voľba sa pamätá v prehliadači ---------- */
.dkb9{width:36px;height:36px;flex:none;border-radius:50%;border:1.5px solid #dbe3ec;margin-left:6px;
  background:#f4f5f9;box-shadow:0 2px 6px rgba(6,2,25,.12);cursor:pointer;font-size:17px;line-height:1;padding:0}
.dkb9:hover{background:#e9edf6}
.dkb9::after{content:'🌙'}
html.dark9 .dkb9{background:#3a4153;border-color:#596274}
html.dark9 .dkb9::after{content:'☀️'}
html.dark9{color-scheme:dark;background:#262b37}
html.dark9 body{background:#262b37;color:#d7dbe6}
html.dark9 .topbar{background:#2f3442;box-shadow:0 2px 10px rgba(0,0,0,.45)}
html.dark9 .topbar img{filter:invert(1) hue-rotate(180deg)}   /* čierne logo → biele, červená bodka ostáva červená */
html.dark9 .topbar small{color:#d7dbe6}
html.dark9 .userchip{background:#3a4153;color:#d7dbe6}
html.dark9 .userchip a{color:#d7dbe6}
html.dark9 .card,html.dark9 .tile{background:#2f3442;box-shadow:0 2px 6px rgba(0,0,0,.35),0 14px 30px rgba(0,0,0,.45)}
html.dark9 .tile h3{color:#e6e9f2}
html.dark9 .tile .ic{background:#3a4153}
html.dark9 h1,html.dark9 h2,html.dark9 h3{color:#e6e9f2}
html.dark9 td{border-bottom-color:#424959;color:#cfd4e2}
html.dark9 th{background:#596380}
html.dark9 .stat,html.dark9 .admstat,html.dark9 details.rmon{background:#3a4153}
html.dark9 .stat .n,html.dark9 .admstat .n{color:#e6e9f2}
html.dark9 .chip,html.dark9 .rolepill{background:#3a4153;color:#c2c9da}
html.dark9 .btn.sec{background:#3a4153;color:#d7dbe6;box-shadow:inset 0 0 0 1.5px #596274}
html.dark9 input,html.dark9 select,html.dark9 textarea{background:#3a4153;border-color:#596274;color:#e2e6f0}
html.dark9 .opt{background:#353b49;border-color:#4d5567;color:#d7dbe6}
html.dark9 .opt .abc{background:#455064;color:#e2e6f0}
html.dark9 .progress,html.dark9 .barrow .bar{background:#3a4153}
html.dark9 .ring .inner{background:#2f3442}
html.dark9 .rev-item{background:#353b49;border-color:#4d5567}
html.dark9 .rev-item b{color:#e6e9f2}
html.dark9 .qtext{color:#e6e9f2}
html.dark9 .calw{background:#2f3442}
html.dark9 .calw h3,html.dark9 details.rmon summary b{color:#e6e9f2}
html.dark9 .calnav a{background:#3a4153}
html.dark9 .calnav b{color:#e6e9f2}
html.dark9 .calgrid .dy{color:#cfd4e2}
html.dark9 .calgrid .dy:hover{background:#3a4153}
html.dark9 .calgrid .dy.has{background:#523238}
html.dark9 .calgrid .dy.today{outline-color:#98a1b6}
html.dark9 .calev .ev{background:#353b49}
html.dark9 .calev .ev.hl{background:#523238}
html.dark9 .calfrm input,html.dark9 .calfrm select{background:#3a4153;border-color:#596274;color:#e2e6f0}
html.dark9 .calgsel a{background:#3a4153;color:#c2c9da}
html.dark9 .calgsel a.on{background:#596380;color:#fff}
html.dark9 .liftride{filter:brightness(.8)}   /* 🚚 kamiónik na nástenke — v noci jemne stlmený */

/* ---------- 🌙 25.8. nočný režim — VŠETKY sekcie portálu (audit bielych kartičiek) ---------- */
/* bočná lišta sekcií (Clients, Carriers, Akadémia…) */
html.dark9 .snav{background:#2f3442;box-shadow:2px 0 10px rgba(0,0,0,.4)}
html.dark9 .snav a{color:#b9c0d2}
html.dark9 .snav a:hover{background:#3a4153}
html.dark9 .snav a.on{background:#4b2c31;color:#ff9198}
/* biele kartičky naprieč sekciami */
html.dark9 .fc9,html.dark9 .fscard,html.dark9 .dcard,html.dark9 .ncard,html.dark9 .pfcard,
html.dark9 .qcard,html.dark9 .kfil,html.dark9 .grp,html.dark9 .unav,html.dark9 .upbox,
html.dark9 .stat2,html.dark9 .arow,html.dark9 details.krul,html.dark9 .krul,html.dark9 .kgrid,
html.dark9 .khead,html.dark9 .kleg,html.dark9 .fcard,html.dark9 .ch9,html.dark9 .rdrs9,
html.dark9 .bchk9,html.dark9 table.pf,html.dark9 form.qset,html.dark9 a.tab,html.dark9 a.crow9,
html.dark9 tr.rowlink td,html.dark9 div.crow,html.dark9 span.cnt9,html.dark9 span.cbtn9{background:#2f3442;color:#d7dbe6}
html.dark9 table.pf th{background:#3a4153;color:#c2c9da}
/* jemne tónované variácie */
html.dark9 .krow.alt td,html.dark9 .krow.alt{background:#383039}
html.dark9 .kc,html.dark9 .rbox{background:#353b49;color:#cfd4e2}
html.dark9 .kc.out{background:#2b303c}
html.dark9 .kc.hol{background:#4a4130}
html.dark9 .kc.vac{background:#2e463a}
html.dark9 .kc.we{background:#46313a}
html.dark9 button.kover{background:#55492a;color:#ffe9a8}
html.dark9 .bday{background:#353b49}
html.dark9 .bday.off{background:#2b303c}
html.dark9 .bday.wk{background:#46313a}
html.dark9 .grow.dup{background:#4b2c31}
html.dark9 .grow.keep{background:#2e463a}
html.dark9 a.li9.done{background:#2e463a}
html.dark9 a.li9.now{background:#3a4153}
html.dark9 a.kgps{background:#2e463a}
/* Akadémia — kapitoly lekcií */
html.dark9 .section{background:#353b49}
html.dark9 .case.good{background:#2e463a}
html.dark9 .case.bad{background:#4b2c31}
html.dark9 .specs{background:#3a4160}
html.dark9 span.tag{background:#3a4153;color:#c2c9da}
/* prvky s bielym pozadím zapísaným priamo v riadku (style="background:…") */
html.dark9 [style*="background:#fff"],html.dark9 [style*="background:#ffffff"],
html.dark9 [style*="background: #fff"]{background:#2f3442!important;color:#d7dbe6!important}
html.dark9 [style*="background:#f8f9fc"],html.dark9 [style*="background:#f8f9fd"],
html.dark9 [style*="background:#fbfcfe"],html.dark9 [style*="background:#fbfcff"],
html.dark9 [style*="background:#f4f6fb"],html.dark9 [style*="background:#f5f6fb"],
html.dark9 [style*="background:#f6f8fd"],html.dark9 [style*="background:#f6f8fc"],
html.dark9 [style*="background:#f2f4f9"],html.dark9 [style*="background:#f4f5f9"],
html.dark9 [style*="background:#eef1f8"],html.dark9 [style*="background:#f2f8ff"],
html.dark9 [style*="background:#f6f8fb"],html.dark9 [style*="background:#f8fafd"],
html.dark9 [style*="background:#f9fafc"],html.dark9 [style*="background:#f4f7fa"],
html.dark9 [style*="background:#f6f7fb"],html.dark9 [style*="background:#f0f2f8"],
html.dark9 [style*="background:#f8f9fb"],html.dark9 [style*="background:#eef0f6"],
html.dark9 [style*="background:#246, 248, 252"],html.dark9 [style*="background:#f6f8fa"]{background:#353b49!important;color:#cfd4e2!important}
/* podpisy: náhľad emailového podpisu MUSÍ ostať biely (maily sú na bielom) */
html.dark9 .sigwrap,html.dark9 .sigwrap [style*="background:#fff"]{background:#fff!important}
html.dark9 .sigwrap [style*="background:#fff"]{color:inherit!important}
/* dolaďovačky z auditu */
html.dark9 .unav a.on{background:#4b2c31;color:#ff9198}
html.dark9 tr.crow{background:#2f3442}
html.dark9 tr.rowlink:hover td{background:#3a4153}
html.dark9 .fscard input,html.dark9 .fscard select,html.dark9 .fscard textarea{background:#3a4153;border-color:#596274;color:#e2e6f0}
html.dark9 .mtab a,html.dark9 .mnav a{background:#3a4153;color:#c2c9da}
html.dark9 .qchip{background:#3a4153;color:#c2c9da}
html.dark9 .qhead .av{background:#3a4153;border-color:#596274}
html.dark9 .bchk9{border-color:#4d5567}
html.dark9 label{color:#b9c0d2}
html.dark9 .khead .kmon{color:#e6e9f2}
html.dark9 .khead .knav a{background:#3a4153;color:#c2c9da}
html.dark9 [style*="color:#3a3f55"],html.dark9 [style*="color:#232637"]{color:#c2c9da!important}
html.dark9 .sigwrap [style*="color:#3a3f55"],html.dark9 .sigwrap [style*="color:#232637"]{color:inherit!important}
