/* Sledované firmy v Náskoku (Juraj 29. 9. 2026 4:28, sledovane-naskok.js): zoznam firiem so štítkom kategórie, obrat a posledná udalosť.
   Natívna appka: riadky rovné s vlasovou čiarou, oblúky len štítky, tlačidlá a ikony. Okno Pridať firmu berie vzhľad z upozornenia.css (.up-okno).
   ⭐ Štítok kategórie je najvýraznejšia vec riadku: plná farba, ťuk otvorí 4 voľby. Farby deň aj noc cez --sl-*. */
.sl{--sl-dod:#2F5FAF;--sl-dod-t:#FFFFFF;--sl-odb:var(--tl-zelena);--sl-odb-t:var(--tl-zelena-text);--sl-kon:#B4376B;--sl-kon-t:#FFFFFF;
  --sl-len:#E3E8EF;--sl-len-t:#16345C}
html[data-theme="dark"] .sl{--sl-dod:#9CC2F5;--sl-dod-t:#0E1E36;--sl-kon:#F2A0C0;--sl-kon-t:#0E1E36;--sl-len:rgba(255,255,255,.16);--sl-len-t:#FFFFFF}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .sl{--sl-dod:#9CC2F5;--sl-dod-t:#0E1E36;--sl-kon:#F2A0C0;--sl-kon-t:#0E1E36;--sl-len:rgba(255,255,255,.16);--sl-len-t:#FFFFFF}}
.sl-zoz{list-style:none;margin:14px calc(-1*var(--nx-x,16px)) 0;padding:0;border-top:1px solid var(--ram2)}
.sl-r{display:grid;grid-template-columns:minmax(0,1.6fr) 150px minmax(0,1fr) minmax(0,1.25fr) auto;gap:6px 16px;align-items:center;min-height:84px;box-sizing:border-box;
  padding:12px var(--nx-x,16px);border-bottom:1px solid var(--ram2);background:var(--plocha)}
.sl-hlr{min-height:0;padding-top:8px;padding-bottom:8px;color:var(--text2);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.sl-hlr b{font-weight:700}
.sl-t{min-width:0;color:var(--text);text-decoration:none}
.sl-t b{display:block;font-size:1.02rem;line-height:1.3;overflow-wrap:anywhere}
.sl-t small{display:block;margin-top:3px;color:var(--text2);font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}
a.sl-t:hover b{text-decoration:underline}
.sl-c{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.sl-c b{font-size:.98rem;font-weight:750;line-height:1.3}
.sl-c small{flex-basis:100%;color:var(--text2);font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}
.sl-c0 b{color:var(--text2);font-weight:600}
.sl-zm{font-style:normal;font-weight:750;font-size:.86rem;white-space:nowrap}
.sl-zm.hore{color:var(--tl-zelena-hover)}
.sl-zm.dole{color:var(--text2)}
html[data-theme="dark"] .sl-zm.hore{color:var(--tl-zelena)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .sl-zm.hore{color:var(--tl-zelena)}}
/* štítok kategórie */
.sl-kat{position:relative;justify-self:start}
.sl-st{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:128px;padding:0 16px;box-sizing:border-box;border-radius:999px;
  font-weight:800;font-size:.95rem;white-space:nowrap;cursor:pointer;list-style:none;user-select:none;background:var(--sl-len);color:var(--sl-len-t)}
.sl-st::-webkit-details-marker{display:none}
.sl-st i{font-style:normal;font-size:.75rem;opacity:.8}
.sl-st[data-k="dodavatel"]{background:var(--sl-dod);color:var(--sl-dod-t)}
.sl-st[data-k="odberatel"]{background:var(--sl-odb);color:var(--sl-odb-t)}
.sl-st[data-k="konkurent"]{background:var(--sl-kon);color:var(--sl-kon-t)}
.sl-st-pevny{cursor:default}
.sl-st-h{font-weight:700}
.sl-kat summary:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
.sl-volby{position:absolute;z-index:5;top:calc(100% + 6px);left:0;display:grid;gap:6px;min-width:180px;padding:8px;box-sizing:border-box;border-radius:18px;
  background:var(--plocha);border:1px solid var(--ram);box-shadow:0 12px 32px rgba(8,18,30,.22)}
.sl-v{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ram);background:transparent;color:var(--text);font:inherit;font-weight:700;
  text-align:left;cursor:pointer}
.sl-v:hover{background:var(--plocha2)}
.sl-v.tu{border-width:2.5px;border-color:var(--text)}
.sl-v[data-k="dodavatel"]::before,.sl-v[data-k="odberatel"]::before,.sl-v[data-k="konkurent"]::before,.sl-v[data-k="lentak"]::before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border-radius:50%;background:var(--sl-len);vertical-align:-1px;border:1px solid var(--ram)}
.sl-v[data-k="dodavatel"]::before{background:var(--sl-dod)}
.sl-v[data-k="odberatel"]::before{background:var(--sl-odb)}
.sl-v[data-k="konkurent"]::before{background:var(--sl-kon)}
.sl-v:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
/* odobrať, návrh */
.sl-von-f,.sl-navrh-f{margin:0;justify-self:end}
.sl-von{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ram);background:transparent;color:var(--text2);font-size:1.3rem;line-height:1;cursor:pointer}
.sl-von:hover{background:var(--plocha2);color:var(--text)}
.sl-h3{margin:22px 0 0;font-size:1.05rem}
/* rozmazaný zvyšok pre neplatiaceho */
.sl-x{pointer-events:none;user-select:none}
.sl-x>*{filter:blur(4px);opacity:.6}
.sl-x i{display:block;height:10px;width:var(--w,70%);margin:4px 0;border-radius:999px;background:var(--ram2)}
.sl-x .sl-t i:first-child{height:13px;background:var(--text2);opacity:.45}
.sl-x .sl-c{display:block}
.sl .dm-zamok-dole{margin-top:0}
/* našepkávač v okne */
.sl-hl{position:relative}
.sl-nas{position:absolute;z-index:3;left:0;right:0;top:100%;display:grid;background:var(--plocha);border:1.5px solid var(--ram);border-top:0;max-height:300px;overflow:auto}
.sl-nas[hidden]{display:none}
.sl-nas a{display:flex;flex-direction:column;justify-content:center;min-height:52px;padding:6px 14px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--ram2)}
.sl-nas a small{color:var(--text2);font-size:.82rem}
.sl-nas a.tu,.sl-nas a:hover{background:var(--plocha2)}
.sl-cip input:checked+span{background:var(--sl-len);border-color:var(--sl-len);color:var(--sl-len-t)}
.sl-cip[data-k="dodavatel"] input:checked+span{background:var(--sl-dod);border-color:var(--sl-dod);color:var(--sl-dod-t)}
.sl-cip[data-k="odberatel"] input:checked+span{background:var(--sl-odb);border-color:var(--sl-odb);color:var(--sl-odb-t)}
.sl-cip[data-k="konkurent"] input:checked+span{background:var(--sl-kon);border-color:var(--sl-kon);color:var(--sl-kon-t)}
.sl-okno{--sl-dod:#2F5FAF;--sl-dod-t:#FFFFFF;--sl-odb:var(--tl-zelena);--sl-odb-t:var(--tl-zelena-text);--sl-kon:#B4376B;--sl-kon-t:#FFFFFF;--sl-len:#E3E8EF;--sl-len-t:#16345C}
html[data-theme="dark"] .sl-okno{--sl-dod:#9CC2F5;--sl-dod-t:#0E1E36;--sl-kon:#F2A0C0;--sl-kon-t:#0E1E36;--sl-len:rgba(255,255,255,.16);--sl-len-t:#FFFFFF}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .sl-okno{--sl-dod:#9CC2F5;--sl-dod-t:#0E1E36;--sl-kon:#F2A0C0;--sl-kon-t:#0E1E36;--sl-len:rgba(255,255,255,.16);--sl-len-t:#FFFFFF}}
@media (max-width:799px){
  .sl-hlr{display:none}
  .sl-r{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding-top:14px;padding-bottom:14px}
  .sl-t{grid-column:1}
  .sl-kat,.sl-r>.sl-st{grid-column:2;grid-row:1;justify-self:end;align-self:start}
  .sl-volby{left:auto;right:0}
  .sl-c{grid-column:1/-1}
  .sl-r>.sl-c+.sl-c{margin-top:-2px}
  .sl-c::before{content:attr(data-l);flex-basis:100%;color:var(--text2);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .sl-x .sl-c::before{content:none}
  .sl-r{grid-template-areas:none}
  .sl-r .sl-c{display:grid;grid-template-columns:auto 1fr;column-gap:10px}
  .sl-r .sl-c::before{grid-column:1/-1}
  .sl-r .sl-c small{grid-column:1/-1}
  .sl-von-f,.sl-navrh-f{grid-column:1/-1;justify-self:start}
  .sl-st{min-width:0;min-height:40px;padding:0 14px}
}
@media (max-width:420px){.sl-r .sl-c{grid-template-columns:1fr}.sl-zm{justify-self:start}}
