/* Klasifikátor (N26) — barvy a sloupce podle vzoru Bohumín
   (test-data/OPJ_BOHUMIN/analyza/gen_soupis_html.py). */
:root{
  --ground:#f6f5f2; --panel:#fffefc; --panel-2:#f0efeb;
  --ink:#1b1e21; --ink-2:#4a5158; --ink-3:#7b838b;
  --rule:#deddd7; --rule-2:#c5c4bd;
  --rail:#2e5266; --rail-soft:#e4ecf0;
  --kod:#2f6b4f;   --kod-bg:#e6efe9;
  --r:#6b4a7a;     --r-bg:#efe8f2;
  --jinde:#8a6a1f; --jinde-bg:#f4eddb;
  --dotaz:#a33a2a; --dotaz-bg:#f7e6e2;
  --mimo:#33383d;  --mimo-bg:#e8e5e0;
  --sans:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#14171a; --panel:#1b2024; --panel-2:#232a2f;
  --ink:#e7eaec; --ink-2:#b3bcc3; --ink-3:#828d95;
  --rule:#2c343a; --rule-2:#3d474e;
  --rail:#8fbdd0; --rail-soft:#1e2c34;
  --kod:#7cc3a0;   --kod-bg:#17281f;
  --r:#c0a3d0;     --r-bg:#251c2c;
  --jinde:#d6b463; --jinde-bg:#2b2415;
  --dotaz:#e79383; --dotaz-bg:#331c17;
  --mimo:#c8cdd2;  --mimo-bg:#262a2e;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);
  font-size:15px;line-height:1.5}
.wrap{max-width:1400px;margin:0 auto;padding:0 16px}
:focus-visible{outline:2px solid var(--rail);outline-offset:2px}
header{background:var(--panel);border-bottom:1px solid var(--rule);padding:24px 0 8px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rail);margin:0 0 8px}
h1{font-size:clamp(24px,3.4vw,34px);line-height:1.15;margin:0 0 8px}
h2{font-size:17px;margin:0 0 10px}
.lede{margin:0 0 16px;max-width:80ch;color:var(--ink-2)}
.vstupy{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:20px 0}
.vstup{background:var(--panel);border:1px solid var(--rule);padding:16px}
label{display:block;font-size:13px;color:var(--ink-2);margin:8px 0 4px}
input[type=text]{width:100%;padding:8px 10px;font:inherit;color:var(--ink);background:var(--panel-2);
  border:1px solid var(--rule-2);border-radius:2px}
input[type=file]{font:inherit;color:var(--ink-2);max-width:100%}
.radek{display:flex;gap:12px;flex-wrap:wrap}.radek>div{min-width:90px}.roste{flex:1}
button{margin-top:12px;padding:8px 16px;font:inherit;font-weight:600;color:var(--panel);
  background:var(--rail);border:0;border-radius:2px;cursor:pointer}
button:disabled{opacity:.45;cursor:default}
.pozn{font-size:13px;color:var(--ink-3);margin:8px 0 0}
.lista{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.lista button{margin:0}
.prubeh{margin:0;font-family:var(--mono);font-size:13px;color:var(--ink-2)}
table{width:100%;border-collapse:collapse;margin:12px 0 40px;background:var(--panel);
  border:1px solid var(--rule);font-size:14px}
th,td{text-align:left;vertical-align:top;padding:7px 8px;border-bottom:1px solid var(--rule)}
th{font-size:12px;color:var(--ink-3);font-weight:600;background:var(--panel-2)}
.c-id{width:60px}.c-mj{width:52px}.c-mn{width:84px}.c-kod{width:300px}.c-dil{width:56px}
.c-stav{width:150px}.c-kontroly{width:150px}
td.kod code{font-family:var(--mono);font-weight:600}
td.kod small{display:block;color:var(--ink-2)}
.stav{display:inline-block;padding:1px 7px;border-radius:2px;font-size:12px;font-weight:600}
.stav.kod{color:var(--kod);background:var(--kod-bg)}
.stav.r{color:var(--r);background:var(--r-bg)}
.stav.jinde{color:var(--jinde);background:var(--jinde-bg)}
.stav.dotaz{color:var(--dotaz);background:var(--dotaz-bg)}
.stav.mimo{color:var(--mimo);background:var(--mimo-bg)}
.duvod{display:block;font-size:12px;color:var(--ink-3);margin-top:3px}
.kontrola{display:inline-block;font-family:var(--mono);font-size:11px;margin:0 6px 2px 0}
.kontrola.pass{color:var(--kod)}.kontrola.fail{color:var(--dotaz)}.kontrola.off{color:var(--ink-3)}
tr.hlavni{cursor:pointer}tr.hlavni:hover td{background:var(--panel-2)}
tr.detail td{background:var(--panel-2);padding:8px 8px 12px 68px}
tr.detail table{margin:0;font-size:13px}
.nepotvrzeno{color:var(--ink-3);font-style:italic}
@media (max-width:760px){
  .c-mn,.c-kontroly,td:nth-child(4),td:nth-child(8){display:none}
  .c-kod{width:auto}
  table{display:block;overflow-x:auto}
}