/* Firmy, Moje firmy (CRM) a Obľúbené v Náskoku (Juraj 29. 9. 2026 4:40; firmy-naskok.js, moje-firmy-naskok.js, oblubene-naskok.js).
   Natívna appka: riadky rovné s vlasovou čiarou, oblúky len čipy, tlačidlá a ikony, polia rovné. Riadky aspoň 76 px na palec.
   Štítky kategórií a našepkávač sú v sledovane.css (.sl-*), okno a čipy v upozornenia.css (.up-*). Len tokeny s dňom aj nocou. */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.crm,.fi,.ob,.obl-w,.obl-h1,.dm-r-obl{--hv:#B77D00;--hv-plocha:#FFF4D6}
html[data-theme="dark"] :is(.crm,.fi,.ob,.obl-w,.obl-h1,.dm-r-obl){--hv:#F2C14E;--hv-plocha:rgba(242,193,78,.16)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) :is(.crm,.fi,.ob,.obl-w,.obl-h1,.dm-r-obl){--hv:#F2C14E;--hv-plocha:rgba(242,193,78,.16)}}

/* ═══ hviezdička Obľúbené ═══ */
.obl-hv{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid var(--ram);background:var(--plocha);
  color:var(--text2);cursor:pointer;-webkit-tap-highlight-color:transparent}
.obl-hv svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.obl-hv:hover{border-color:var(--hv);color:var(--hv)}
.obl-hv.tu{background:var(--hv-plocha);border-color:var(--hv);color:var(--hv)}
.obl-hv.tu svg{fill:currentColor}
.obl-hv:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
.obl-hv:disabled{opacity:.6;cursor:progress}
/* riadok dema: odkaz, hviezdička vpravo, Priprav ma pod ním cez celú šírku */
.dm-r-obl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.dm-r-obl>.obl-hv{margin-right:var(--nx-x,16px)}
.dm-r-obl>.dm-akcia{grid-column:1/-1}
/* riadok webu, ktorý je celý odkaz (.vysl): hviezdička vedľa */
.obl-w{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}
.obl-w>:not(.obl-hv):not(:first-child){grid-column:1/-1}
.obl-w>.obl-hv{grid-column:2;grid-row:1}
.obl-h1{display:flex;align-items:flex-start;gap:14px}
.obl-h1 h1{flex:1 1 auto;min-width:0}
.obl-h1 .obl-hv{margin-top:6px}
.obl-bub{position:relative;grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px var(--nx-x,0) 10px;padding:12px 44px 12px 14px;
  background:var(--akcent-karta,var(--plocha2));border-left:3px solid var(--tl-oranz);font-size:.92rem}
.obl-bub p{margin:0;flex:1 1 220px}
.obl-bub .dm-kupit{min-height:44px;padding:0 18px}
.obl-bub-x{position:absolute;top:6px;right:6px;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--text2);font-size:1.3rem;cursor:pointer}
.dm-cip-obl{border-color:var(--hv,#B77D00)}

/* ═══ Obľúbené ═══ */
.ob-filtre{display:grid;gap:8px}
.ob-zor-h{align-self:center;color:var(--text2);font-size:.86rem;font-weight:650;margin-right:2px}
.ob-zor{align-items:center}
.ob-zoz{list-style:none;margin:14px calc(-1*var(--nx-x,16px)) 0;padding:0;border-top:1px solid var(--ram2)}
.ob-r{display:grid;grid-template-columns:96px minmax(0,1.8fr) minmax(0,.8fr) minmax(0,.8fr) 140px 44px;gap:8px 14px;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)}
.ob-r[data-stav="nezaujima"]>:not(.ob-stav):not(.obl-hv):not(.ob-pozn){opacity:.55}
.ob-hlr{min-height:0;padding-top:8px;padding-bottom:8px;color:var(--text2);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.ob-d{justify-self:start;display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:var(--plocha2);border:1px solid var(--ram);font-size:.8rem;font-weight:750}
.ob-hlr .ob-d{background:none;border:0;padding:0;font-size:inherit}
.ob-t{min-width:0;color:var(--text);text-decoration:none}
.ob-t b{display:block;font-size:1rem;line-height:1.3;overflow-wrap:anywhere}
.ob-t small{display:block;margin-top:3px;color:var(--text2);font-size:.84rem;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
a.ob-t:hover b{text-decoration:underline}
.ob-c{min-width:0;display:flex;flex-direction:column;gap:2px}
.ob-c b{font-size:.96rem;font-weight:750}
.ob-c small{color:var(--text2);font-size:.82rem}
.ob-c0 b{color:var(--text2);font-weight:600}
.ob-po{color:#B3261E!important;font-weight:700}
html[data-theme="dark"] .ob-po{color:#FF8A80!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .ob-po{color:#FF8A80!important}}
.ob-stav{position:relative;justify-self:start}
.ob-st{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:124px;padding:0 14px;box-sizing:border-box;border-radius:999px;
  font-weight:800;font-size:.92rem;cursor:pointer;list-style:none;user-select:none;background:var(--plocha2);border:1.5px solid var(--ram);color:var(--text)}
.ob-st::-webkit-details-marker{display:none}
.ob-st i{font-style:normal;font-size:.75rem;opacity:.8}
.ob-st[data-k="riesim"]{background:var(--akcent-plocha);border-color:var(--akcent-plocha);color:var(--akcent-plocha-text)}
.ob-st[data-k="podane"]{background:#2F5FAF;border-color:#2F5FAF;color:#fff}
.ob-st[data-k="vyhrate"]{background:var(--tl-zelena);border-color:var(--tl-zelena);color:var(--tl-zelena-text)}
.ob-st[data-k="nezaujima"]{color:var(--text2)}
.ob-st:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
.ob-volby{position:absolute;z-index:5;top:calc(100% + 6px);right:0;display:grid;gap:6px;min-width:170px;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)}
.ob-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}
.ob-v:hover{background:var(--plocha2)}
.ob-v.tu{border-width:2.5px;border-color:var(--text)}
.ob-pozn{grid-column:2/-1;display:flex;gap:8px;align-items:stretch;margin:0}
.ob-pozn textarea{flex:1 1 auto;min-height:44px;padding:10px 12px;box-sizing:border-box;border:1.5px solid var(--ram);border-radius:0;background:var(--plocha);color:var(--text);font:inherit;font-size:.92rem;resize:vertical}
.ob-pozn textarea:focus{outline:2px solid var(--fokus);outline-offset:0}
.ob-ulozit{align-self:center}
.ob-prihlas{display:inline-flex;align-items:center;min-height:44px;font-weight:650;color:var(--odkaz)}
@media (max-width:799px){
  .ob-hlr{display:none}
  .ob-r{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding-top:14px;padding-bottom:14px}
  .ob-d{grid-column:1;grid-row:1}
  .obl-hv[data-obl-zoznam]{grid-column:2;grid-row:1/3;align-self:start}
  .ob-t{grid-column:1/-1;grid-row:2}
  .ob-r>.ob-t{grid-column:1}
  .ob-c{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
  .ob-c::before{content:attr(data-l) ":";color:var(--text2);font-size:.8rem;font-weight:700}
  .ob-stav{grid-column:1/-1}
  .ob-volby{left:0;right:auto}
  .ob-pozn{grid-column:1/-1}
}

/* ═══ Moje firmy (CRM) ═══ */
.crm-uvod{margin:10px 0 0;color:var(--text2);font-size:.95rem;max-width:760px}
.crm-uvod a{color:var(--odkaz);font-weight:650}
.crm-r{grid-template-columns:minmax(0,1.5fr) 150px minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1.1fr)}
.crm-hl{min-width:0;display:flex;flex-direction:column;gap:6px}
.crm-kon{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.88rem}
.crm-kon b{font-weight:700}
.crm-kon a{display:inline-flex;align-items:center;min-height:32px;color:var(--odkaz);font-weight:650;overflow-wrap:anywhere}
.crm-stav{display:inline-block}
.crm-po{color:#B3261E;font-weight:750}
html[data-theme="dark"] .crm-po{color:#FF8A80}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .crm-po{color:#FF8A80}}
.sl-st[data-k="zakaznik"]{background:var(--tl-oranz);color:var(--tl-oranz-text)}
.sl-st[data-k="oblubena"]{background:var(--hv-plocha);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--hv)}
.sl-st[data-k="bez"],.sl-st[data-k="vlastna"]{background:var(--plocha2);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--ram)}
.sl-v[data-k="zakaznik"]::before,.sl-v[data-k="oblubena"]::before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border-radius:50%;vertical-align:-1px;border:1px solid var(--ram)}
.sl-v[data-k="zakaznik"]::before{background:var(--tl-oranz)}
.sl-v[data-k="oblubena"]::before{background:var(--hv)}
.sl-cip[data-k="zakaznik"] input:checked+span{background:var(--tl-oranz);border-color:var(--tl-oranz);color:var(--tl-oranz-text)}
.sl-cip[data-k="oblubena"] input:checked+span{background:var(--hv-plocha,#FFF4D6);border-color:var(--hv,#B77D00);color:var(--text)}
.crm-det{grid-column:1/-1;margin:2px 0 0;border-top:1px dashed var(--ram2)}
.crm-uprav{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;color:var(--odkaz);font-weight:700;font-size:.92rem}
.crm-uprav::-webkit-details-marker{display:none}
.crm-uprav i{font-style:normal;font-size:.75rem;transition:transform .15s}
.crm-det[open] .crm-uprav i{transform:rotate(180deg)}
.crm-uprav:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
.crm-telo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px 28px;padding:6px 0 10px}
.crm-form{display:grid;gap:12px;align-content:start;margin:0}
.crm-fs{margin:0;padding:0;border:0;display:grid;gap:8px}
.crm-fs legend{padding:0 0 4px;font-weight:800;font-size:.9rem}
.crm-fs label{display:grid;gap:4px;font-size:.84rem;font-weight:650;color:var(--text2)}
.crm-fs input{min-height:48px;padding:0 12px;box-sizing:border-box;border:1.5px solid var(--ram);border-radius:0;background:var(--plocha);color:var(--text);font:inherit;font-size:1rem;width:100%}
.crm-fs input:focus{outline:2px solid var(--fokus);outline-offset:0}
.crm-krok{grid-template-columns:minmax(0,1fr) 170px;align-items:end}
.crm-krok legend{grid-column:1/-1}
.crm-cipy{display:flex;flex-wrap:wrap;gap:8px}
.crm-oc span{min-height:44px!important;padding:4px 14px!important;font-size:.9rem}
.crm-sukr{margin:0;color:var(--text2);font-size:.82rem}
.crm-ulozit{justify-self:start;min-height:48px!important}
.crm-pozn h4{margin:0 0 8px;font-size:.9rem;font-weight:800}
.crm-pozn-f{display:grid;gap:8px;margin:0 0 12px}
.crm-pozn-f textarea{min-height:64px;padding:10px 12px;box-sizing:border-box;border:1.5px solid var(--ram);border-radius:0;background:var(--plocha);color:var(--text);font:inherit;font-size:.95rem;resize:vertical;width:100%}
.crm-pozn-f textarea:focus{outline:2px solid var(--fokus);outline-offset:0}
.crm-pozn-f button{justify-self:start}
.crm-pozn-z{list-style:none;margin:0;padding:0;border-top:1px solid var(--ram2)}
.crm-pozn-z li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--ram2)}
.crm-pozn-z time{grid-column:1;color:var(--text2);font-size:.78rem;font-weight:700}
.crm-pozn-z p{grid-column:1;margin:0;font-size:.92rem;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-pz{grid-column:2;grid-row:1/3;margin:0;align-self:center}
.crm-pozn-0{margin:0;color:var(--text2);font-size:.86rem}
.crm-spodok{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--ram2)}
.crm-straz-f,.crm-von-f{margin:0}
.crm-straz{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1.5px solid var(--ram);background:var(--plocha);color:var(--text);font:inherit;font-weight:750;cursor:pointer}
.crm-straz.tu{background:var(--tl-zelena);border-color:var(--tl-zelena);color:var(--tl-zelena-text)}
.crm-straz-z{margin:0;display:flex;align-items:center;gap:8px;color:var(--text2);font-size:.88rem}
.crm-von{color:var(--text2)}
.crm-filtre{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin:14px 0 0}
.crm-filtre label{display:grid;gap:4px;font-size:.8rem;font-weight:700;color:var(--text2);flex:1 1 160px}
.crm-filtre .crm-hladaj{flex:2 1 220px}
.crm-filtre select,.crm-filtre input{min-height:48px;padding:0 10px;box-sizing:border-box;border:1.5px solid var(--ram);border-radius:0;background:var(--plocha);color:var(--text);font:inherit;font-size:.95rem;width:100%}
.crm-filtre .up-mini{min-height:48px}
.crm-zrus{display:inline-flex;align-items:center;text-decoration:none}
.crm-str{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0}
.crm-str a{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ram);color:var(--text);text-decoration:none;font-size:1.3rem}
.crm-hl-js{margin:8px 0}
@media (max-width:799px){
  .crm-r{grid-template-columns:minmax(0,1fr) auto}
  .crm-r .crm-hl{grid-column:1;grid-row:1}
  .crm-telo{grid-template-columns:1fr}
  .crm-krok{grid-template-columns:1fr}
  .crm-spodok{flex-direction:column;align-items:stretch}
  .crm-straz{justify-content:center}
}

/* ═══ Firmy ═══ */
.fi-popis{font-weight:600;color:var(--text)}
.fi-form{margin:14px calc(-1*var(--nx-x,16px)) 0;padding:14px var(--nx-x,16px);background:var(--plocha2);border-top:1px solid var(--ram2);border-bottom:1px solid var(--ram2);display:grid;gap:12px}
.fi-mriezka{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 12px}
.fi-p{display:grid;gap:4px;min-width:0;font-size:.78rem;font-weight:750;color:var(--text2);text-transform:uppercase;letter-spacing:.03em}
.fi-p2{grid-column:span 2}
.fi-p select,.fi-p input{min-height:48px;padding:0 10px;box-sizing:border-box;border:1.5px solid var(--ram);border-radius:0;background:var(--plocha);color:var(--text);font:inherit;font-size:.95rem;
  text-transform:none;letter-spacing:0;font-weight:500;width:100%;min-width:0}
.fi-p select:focus,.fi-p input:focus{outline:2px solid var(--fokus);outline-offset:0}
.fi-zor select{font-weight:700}
.fi-chipy{display:flex;flex-wrap:wrap;gap:8px}
.fi-ch{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;box-sizing:border-box;border-radius:999px;border:1.5px solid var(--ram);
  background:var(--plocha);color:var(--text);font-weight:700;font-size:.9rem;cursor:pointer;list-style:none;user-select:none}
.fi-ch::-webkit-details-marker{display:none}
.fi-ch input{position:absolute;opacity:0;pointer-events:none}
.fi-ch.tu,.fi-ch:has(input:checked){background:var(--tl-zelena);border-color:var(--tl-zelena);color:var(--tl-zelena-text)}
.fi-ch:has(input:focus-visible),.fi-ch:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
.fi-ch-z{color:var(--text2);border-style:dashed}
.fi-zamok{position:relative}
.fi-zamok[open]{flex-basis:100%}
.fi-co{margin-top:8px;padding:12px 14px;background:var(--plocha);border-left:3px solid var(--tl-oranz);display:grid;gap:8px;justify-items:start}
.fi-co p{margin:0;font-size:.9rem;color:var(--text2)}
.fi-co .dm-kupit{min-height:44px}
.fi-udalosti>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:750;color:var(--odkaz)}
.fi-udalosti>.fi-chipy{margin-top:6px}
.fi-akcie{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fi-akcie .dm-kupit{min-height:48px}
.fi-akcie .up-mini{display:inline-flex;align-items:center;min-height:48px;text-decoration:none}
.fi-export{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:12px 0 0}
.fi-export small{color:var(--text2)}
.fi-zoz{list-style:none;margin:14px calc(-1*var(--nx-x,16px)) 0;padding:0;border-top:1px solid var(--ram2)}
.fi-r{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr) auto;gap:6px 16px;align-items:center;min-height:80px;box-sizing:border-box;
  padding:12px var(--nx-x,16px);border-bottom:1px solid var(--ram2);background:var(--plocha)}
.fi-hlr{min-height:0;padding-top:8px;padding-bottom:8px;color:var(--text2);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.fi-do{justify-self:end}
.fi-plus{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--tl-oranz);color:var(--tl-oranz-text);font-weight:800;font-size:.9rem;
  cursor:pointer;list-style:none;white-space:nowrap}
.fi-plus::-webkit-details-marker{display:none}
.fi-plus span{font-size:1.25rem;line-height:1}
.fi-plus:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
.fi-do .sl-volby{left:auto;right:0}
.fi-uz{justify-self:end;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--tl-zelena);color:var(--text);font-weight:750;font-size:.88rem;text-decoration:none;white-space:nowrap}
.fi-r.sl-x{pointer-events:none;user-select:none}
@media (max-width:799px){
  .fi-hlr{display:none}
  .fi-p2{grid-column:1/-1}
  .fi-mriezka{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fi-r{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-top:14px;padding-bottom:14px}
  .fi-t{grid-column:1}
  .fi-do,.fi-uz{grid-column:2;grid-row:1;align-self:start}
  .fi-r>.sl-c{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
  .fi-r>.sl-c::before{content:attr(data-l) ":";color:var(--text2);font-size:.78rem;font-weight:700}
  .fi-r.sl-x>.sl-c::before{content:none}
  .fi-plus{padding:0 12px}
}
@media (max-width:340px){.fi-mriezka{grid-template-columns:1fr}}