/* Panel firmy a obce (24. 9. 2026), od 24. 9. večer v režime appky (protokol panel v3).
   Farby len z tokenov styl.css, takže deň aj noc platia bez vlastných pravidiel.
   ORANŽOVÁ = nákup, ZELENÁ = stav, MODRÁ = štruktúra (lišty, menu).
   Podľa šírky 3 podoby menu sekcií (Material 3): nad 840 px bočný panel, 600 až 839 px
   úzky pás ikon, pod 600 px tab bar cez celú šírku; pod 840 px navyše mriežka ikon a „Viac" pri 6 sekciách.
   Od v5 (24. 9. 20:24) sú ikony sekcií farebné ako appky Apple a obsah je v plochých skupinách. */

/* ═══ v5 (Juraj 24. 9. 2026 20:24): natívny vzhľad, nie web ═══
   Obsah je skupinový zoznam ako v iOS a Material 3: sivé pozadie, biele skupiny cez celú šírku,
   riadky a bunky sa dotýkajú a delí ich len vlasová čiara. Žiadne karty v kartách, tiene ani plávanie.
   Zaoblené sú len tlačidlá, polia, ikony a spodné okno. Ikony sekcií majú sýtu farbu ako appky Apple. */
html.appka{--pn-bg:#EEF1F5}
html[data-theme="dark"].appka{--pn-bg:#08142A}
@media (prefers-color-scheme:dark){html.appka:not([data-theme="light"]){--pn-bg:#08142A}}
html.appka body{background:var(--pn-bg)}
.pn{--pn-x:0px;--pn-in:20px;--pn-cara:var(--ram);--pn-sk:var(--plocha);--pn-vyber:rgba(21,32,43,.08);--pn-navy:var(--panel);
  --ik:#1673F0;--ik2:#3C8DFF}
html[data-theme="dark"] .pn{--pn-vyber:rgba(255,255,255,.12);--pn-navy:#0E1E36}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .pn{--pn-vyber:rgba(255,255,255,.12);--pn-navy:#0E1E36}}
/* farby sekcií: kontrast bieleho znaku na spodnej farbe aspoň 3:1, v noci tie isté */
.pn [data-s="granty"]{--ik:#E8680C;--ik2:#FF8F33}
.pn [data-s="vyzvy"],.pn [data-s="sutaze"]{--ik:#E23B3F;--ik2:#FF5F63}
.pn [data-s="zmluvy"]{--ik:#0B93AB;--ik2:#27B8CF}
.pn [data-s="vitazi"]{--ik:#C98200;--ik2:#F0AA1A}
.pn [data-s="financie"],.pn [data-s="rozpocet"]{--ik:#1E9A4B;--ik2:#36C065}
.pn [data-s="dodavatelia"]{--ik:#8A3FE6;--ik2:#A866FF}
.pn [data-s="zavierka"]{--ik:#3F55D9;--ik2:#6377FF}
.pn .pn-viac{--ik:#7D7D85;--ik2:#9C9CA4}
.pn-ik,.pn .pn-dl-ik,.pn .pn-pol svg{color:#fff;background-color:var(--ik);background-image:linear-gradient(180deg,var(--ik2),var(--ik));
  box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.14)}
.pn .pn-pol svg{box-sizing:content-box}

main.ah-main:has(>.pn){padding-top:0}
html.appka:has(.pn) .ah{box-shadow:none}
.pn{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-areas:"hlava hlava" "menu obsah";gap:0 28px}

/* hlavička: pokračovanie lišty appky cez celú šírku, veľký titul (ako iOS large title) */
.pn-hlava{grid-area:hlava;position:relative;isolation:isolate;margin:0;padding:14px 0 24px;color:#fff}
.pn-hlava::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:var(--pn-navy)}
.pn-hlava .drobky{margin:0 0 8px;font-size:.84rem;color:rgba(255,255,255,.72)}
.pn-hlava .drobky a{color:rgba(255,255,255,.86)}
.pn-nad{display:block;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ABDDC1}
.pn-hlava h1{margin:6px 0 4px;font-size:clamp(26px,3.4vw,36px);line-height:1.1;letter-spacing:-.02em;color:#fff}
.pn-hlava h1::before{display:none}
.pn-pod{margin:0;color:rgba(255,255,255,.8);font-size:.95rem}

/* ─── bočný panel od 840 px: ako Nastavenia v macOS, bez karty okolo ─── */
.pn-menu{grid-area:menu;position:sticky;top:calc(var(--ah-v) + 16px);align-self:start;display:flex;flex-direction:column;gap:2px;
  padding:20px 0 0}
.pn .pn-pol{display:flex;align-items:center;gap:12px;min-height:46px;padding:7px 10px;border-radius:12px;
  color:var(--text);text-decoration:none;font-weight:500;font-size:.95rem;line-height:1.25}
.pn .pn-pol svg{flex:none;width:20px;height:20px;padding:5px;border-radius:8px;stroke-width:1.9}
.pn .pn-pol:hover{background:var(--pn-vyber);text-decoration:none}
.pn .pn-pol.tu{background:var(--pn-vyber);color:var(--text);font-weight:700}
.pn-kratky{display:none}

/* ─── mriežka ikon sekcií pod hlavičkou, len pod 840 px: pás cez celú šírku, nie karta ─── */
.pn-mriezka{display:none}
.pn .pn-dl{display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 2px;border-radius:16px;
  color:var(--text2);text-decoration:none;font-size:12.5px;font-weight:600;line-height:1.2;text-align:center;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pn-dl-ik{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;
  transition:transform .25s cubic-bezier(.42,1.67,.21,.9)}
.pn-dl-ik svg{width:30px;height:30px;stroke-width:1.9}
.pn .pn-dl:hover{text-decoration:none;color:var(--text)}
.pn .pn-dl:active .pn-dl-ik{transform:scale(.9)}
/* aktívna: popis tučne a farebný krúžok okolo ikony, farba ikony sa nemení */
.pn .pn-dl.tu{color:var(--text);font-weight:750}
.pn .pn-dl.tu .pn-dl-ik{box-shadow:0 0 0 2.5px var(--pn-sk),0 0 0 4.5px var(--ik)}
.pn-dl-t{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-obsah{grid-area:obsah;min-width:0}
.pn-sek[hidden]{display:none}

/* profil vo vnútri panela: hlavička panela nesie názov, kotvy sa nelepia (lepí sa menu) */
.pn .kotvy{position:static}
.pn-profil>.hrdina:first-child{margin-top:0}

/* ─── sekcia ─── */
.pn-h2{margin:0 0 6px;font-size:clamp(20px,2.6vw,26px);line-height:1.2}
.pn-h2::before{display:none}
.pn-h3{margin:22px 0 10px;font-size:1.02rem}
.pn-uvod{margin:0 0 16px;color:var(--text2);max-width:720px}
.pn-cisla{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 16px}
.pn-cisla>div{padding:14px 16px;border-radius:14px;background:var(--plocha);border:1px solid var(--ram2)}
.pn-cisla>div:nth-child(odd){background:var(--akcent-karta)}
.pn-cisla b{display:block;font-size:1.35rem;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--text)}
.pn-cisla span{display:block;margin-top:4px;font-size:.82rem;color:var(--text2)}
.pn-pilulky{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 16px}
.pn-pilulky span{padding:5px 11px;border-radius:999px;font-size:.8rem;background:var(--akcent-jemna);color:var(--akcent-jemna-text)}

.pn-zoznam{display:flex;flex-direction:column;gap:8px}
.pn .pn-r{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:68px;padding:14px 16px;
  background:var(--plocha);border:1px solid var(--ram2);border-radius:14px;color:var(--text);text-decoration:none;
  transition:border-color .15s, transform .15s}
.pn a.pn-r:hover{border-color:var(--lem-hover);text-decoration:none;transform:translateY(-1px)}
.pn-r-t{min-width:0;display:flex;flex-direction:column;gap:4px}
.pn-r-t b{font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.pn-r-t span{font-size:.84rem;color:var(--text2);line-height:1.35;overflow-wrap:anywhere}
.pn-r-v{flex:none;max-width:38%;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.pn-r-v b{font-variant-numeric:tabular-nums;white-space:nowrap}
.pn-r-v small{font-size:.76rem;color:var(--text2)}
.pn-st{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:650;white-space:nowrap;
  background:var(--akcent-jemna);color:var(--akcent-jemna-text)}
.pn-st-skoro{background:var(--doplnok-jemna);color:var(--doplnok-tint-text)}

/* ─── rozmazaná časť: zástupné bloky, nikdy nie skutočné dáta ─── */
.pn-zamok{position:relative;margin-top:8px;min-height:250px}
.pn-zamok-rady{display:flex;flex-direction:column;gap:8px;filter:blur(4px);opacity:.75;pointer-events:none;user-select:none}
.pn-r-zastup b,.pn-r-zastup span{color:var(--text3);white-space:nowrap;overflow:hidden;letter-spacing:-.12em}
.pn-zamok-karta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92%,440px);padding:22px 20px;
  border-radius:20px;background:var(--plocha);border:1px solid var(--ram);box-shadow:var(--tien2);text-align:center}
.pn-zamok-karta p{margin:0 0 14px}
.pn-zamok-karta small{display:block;margin-top:10px;font-size:.8rem;color:var(--text2)}
.pn a.tl.tl-oranz.pn-kup{border-radius:999px;min-height:50px;padding:12px 26px;color:var(--tl-oranz-text);font-size:1rem}
.pn a.tl.pn-tl-modre{border-radius:999px;min-height:46px;padding:10px 20px}
.pn-export{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.pn-export small{color:var(--text2);font-size:.82rem}
.pn-prazdne{padding:18px;border-radius:14px;background:var(--plocha2);border:1px dashed var(--ram);color:var(--text2)}
.pn-zdroj{margin:18px 0 0;font-size:.78rem;line-height:1.5;color:var(--text3)}

/* pruhy (rozpočet, dodávatelia): CSS, bez knižnice grafov */
.pn-rok{margin:0 0 14px;padding:14px 16px;border-radius:14px;background:var(--plocha);border:1px solid var(--ram2)}
.pn-rok h3{margin:0 0 8px;font-size:1rem}
.pn-pas{display:grid;grid-template-columns:minmax(120px,30%) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:4px 0}
.pn-pas>span{font-size:.9rem;line-height:1.25}
.pn-pas>span small{display:block;font-size:.76rem;color:var(--text2)}
.pn-pas>b{font-variant-numeric:tabular-nums;font-size:.92rem;white-space:nowrap}
.pn-pas-os{height:12px;border-radius:999px;background:var(--tint)}
.pn-pas-os i{display:block;height:100%;border-radius:999px;background:var(--odkaz)}
.pn-pas-os i.pn-i-z{background:var(--akcent)}
.pn-pas-os i.pn-i-m2{background:var(--modra-svetla)}
.pn-pas-os i.pn-i-o{background:var(--tl-oranz)}
.pn-tab table{font-size:.9rem}

/* kostra počas načítania sekcie */
.pn-kostra{display:flex;flex-direction:column;gap:8px}
.pn-kostra i{display:block;height:68px;border-radius:14px;background:linear-gradient(90deg,var(--tint) 0%,var(--tint2) 50%,var(--tint) 100%);
  background-size:200% 100%;animation:pn-kostra 1.2s ease-in-out infinite}
.pn-kostra i:first-child{height:34px;width:60%}
.pn-kostra b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 8px}
.pn-kostra b i{height:74px}
@keyframes pn-kostra{0%{background-position:100% 0}100%{background-position:-100% 0}}


/* ═══ režim appky: vlastná lišta namiesto hlavičky a päty webu ═══ */
html.appka{--ah-v:calc(56px + env(safe-area-inset-top,0px));--ease:cubic-bezier(.2,0,0,1);scroll-padding-top:calc(var(--ah-v) + 12px)}
html.appka body{-webkit-tap-highlight-color:transparent}
.ah{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:var(--panel);color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.06)}
html[data-theme="dark"] .ah{background:#0E1E36;box-shadow:0 1px 0 rgba(255,255,255,.08)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .ah{background:#0E1E36;box-shadow:0 1px 0 rgba(255,255,255,.08)}}
.ah-in{display:flex;align-items:center;gap:2px;height:56px;max-width:1320px;margin:0 auto;
  padding:0 max(8px,env(safe-area-inset-right,0px)) 0 max(6px,env(safe-area-inset-left,0px))}
.ah .ah-tl{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:999px;
  color:#fff;background:transparent;border:0;cursor:pointer;touch-action:manipulation;transition:background-color .2s var(--ease),transform .2s var(--ease)}
.ah .ah-tl:hover{background:rgba(255,255,255,.12);color:#fff}
.ah .ah-tl:active{transform:scale(.92);background:rgba(255,255,255,.18)}
.ah .tema-tl .i-mesiac{color:#ABDDC1}.ah .tema-tl .i-slnko{color:#F5A25A}
.ah-znacka{display:inline-flex;flex:none;padding:6px;border-radius:999px}
.ah-znacka img{display:block;width:28px;height:28px}
.ah-titul{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 6px;line-height:1.2;
  opacity:0;transform:translateY(6px);transition:opacity .2s var(--ease),transform .3s var(--ease)}
.ah-titul b{font-size:1rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ah-titul span{font-size:.72rem;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ah-skr .ah-titul{opacity:1;transform:none}
main.ah-main{max-width:1320px;padding:20px max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px))}
.ah-pata{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;margin:40px 0 0;padding:18px 0 0;
  border-top:1px solid var(--ram2);font-size:.8rem}
.ah-pata a{color:var(--text2);padding:6px 0}

/* spodné okno (sheet): natívny <dialog>, zdola, s úchytkou a sklom */
.pn-sheet{position:fixed;inset:auto 0 0 0;margin:0 auto;width:100%;max-width:560px;max-height:min(86vh,720px);
  padding:8px 18px calc(18px + env(safe-area-inset-bottom,0px));border:0;border-radius:24px 24px 0 0;
  background:var(--plocha);color:var(--text);box-shadow:0 -10px 40px rgba(0,0,0,.25);overflow:auto;overscroll-behavior:contain}
.pn-sheet[open]{animation:pn-sheet-hore .3s var(--ease)}
.pn-sheet::backdrop{background:rgba(8,16,28,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
@keyframes pn-sheet-hore{from{transform:translateY(100%)}to{transform:none}}
@media (min-width:600px){.pn-sheet{inset:12vh 0 auto 0;border-radius:24px;padding-bottom:18px}
  .pn-sheet[open]{animation:pn-sheet-zjav .2s var(--ease)}}
@keyframes pn-sheet-zjav{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.pn-sheet-uchyt{width:40px;height:5px;margin:0 auto 12px;border-radius:999px;background:var(--ram)}
.pn-sheet-h{margin:0 0 10px;font-size:1.05rem}
.pn-sheet-h::before{display:none}
.pn-sheet-zoznam{display:flex;flex-direction:column;gap:6px}
/* okno je vnútri .pn, preto .pn .pn-sheet: prebije pravidlá karty spodnej lišty */
.pn .pn-sheet .pn-sheet-zoznam{gap:0;margin:0 -18px;border-block:1px solid var(--ram2)}
.pn .pn-sheet .pn-pol{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-height:56px;margin:0;
  padding:8px 18px;border-radius:0;color:var(--text);text-decoration:none;font-size:1rem;font-weight:550;text-align:left;
  background:none;box-shadow:0 1px 0 var(--ram2)}
.pn .pn-sheet .pn-pol:last-child{box-shadow:none}
.pn .pn-sheet .pn-pol svg{flex:none;width:20px;height:20px;padding:5px;border-radius:8px}
.pn .pn-sheet .pn-pol.tu{background:var(--pn-vyber);color:var(--text);font-weight:750}
.pn .pn-sheet .pn-dlhy{display:block}
.pn .pn-sheet .pn-kratky{display:none}
.pn-sheet-zavri{display:block;width:100%;min-height:50px;margin:14px 0 0;border:0;border-radius:14px;background:var(--tint);
  color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.ah-form{position:relative;display:flex;gap:8px;margin:4px 0 0}
.ah-form input{flex:1;min-width:0;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--ram);
  background:var(--vstup-plocha,var(--plocha2));color:var(--text);font:inherit;font-size:17px}
.ah-form button{min-height:52px;padding:0 18px;border:0;border-radius:14px;font:inherit;font-weight:650;cursor:pointer;
  background:var(--tl-oranz);color:var(--tl-oranz-text)}
.ah-hladanie{min-height:min(70vh,520px)}
.ah-hladanie .naseptavac{top:calc(100% + 6px)}

/* prechod sekcie: View Transitions, inak jemné zjavenie */
.pn-sek.pn-zjav{animation:pn-sek-in .22s var(--ease,ease-out)}
@keyframes pn-sek-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
::view-transition-old(pn-obsah){animation:pn-vt-von .12s var(--ease,ease-in) both}
::view-transition-new(pn-obsah){animation:pn-sek-in .22s var(--ease,ease-out) both}
@keyframes pn-vt-von{to{opacity:0}}
.pn-obsah{view-transition-name:pn-obsah}
html.appka .pn .pn-pol,html.appka .pn a.pn-r{touch-action:manipulation}
html.appka .pn a.pn-r:active{transform:scale(.985)}
.pn .pn-viac{display:none}

/* karty profilu v užšom stĺpci vedľa menu: pilulka zmeny sa zalomí, nevytečie z karty */
.pn .karta{min-width:0}
.pn .karta .zmena{max-width:100%;white-space:normal}

/* ═══ v5: ploché skupiny namiesto kariet (všetky šírky) ═══
   SKUPINA = biely pás s vlasovou čiarou hore a dole; na mobile cez celú šírku (--pn-x).
   MRIEŽKA = skupina, ktorej bunky sa dotýkajú; čiary kreslí tieň bunky doprava a dole, okraj orezáva skupina. */
.pn-obsah{padding-top:8px}
.pn .pn-obsah :is(.fakt-riadky,.fakt-pohlad,.hrd-ludia-in,.roly-in,.dlazdice,.semafor,figure.graf,div.graf,.tabulka-obal,ul.os,
  details.karta,.osoby,.stupnica,.zamok,.karty,.pn-cisla,.pn-zoznam,.pn-zamok,.pn-rok,.pn-prazdne){
  margin:14px calc(-1 * var(--pn-x)) 0;padding:0;border:0;border-block:1px solid var(--pn-cara);border-radius:0;box-shadow:none;
  background:var(--pn-sk);-webkit-backdrop-filter:none;backdrop-filter:none}
/* skupina v skupine (tabuľka v grafe, dlaždice v zámku) je len obsah */
.pn .pn-obsah :is(figure.graf,div.graf,details.karta,.zamok,.pn-zamok,.pn-rok) :is(.tabulka-obal,.dlazdice,.pn-zamok-rady){
  margin:0;border:0;background:none}
/* textové skupiny majú vnútorný okraj, mriežky ho nechávajú bunkám */
.pn .pn-obsah :is(figure.graf,div.graf,details.karta,ul.os,.pn-rok,.pn-prazdne){padding:14px var(--pn-in)}
/* dve skupiny za sebou sa dotýkajú */
.pn .pn-obsah :is(.fakt-riadky,.fakt-pohlad,.dlazdice,.semafor,figure.graf,div.graf,.tabulka-obal,.stupnica,.pn-cisla,.pn-zoznam,.pn-rok,.karty,.zamok)
  + :is(.fakt-riadky,.fakt-pohlad,.dlazdice,.semafor,figure.graf,div.graf,.tabulka-obal,.stupnica,.pn-cisla,.pn-zoznam,.pn-rok,.karty,.zamok,.pn-zamok){margin-top:0 !important;border-top:0}  /* !important: server.js dáva tabuľkám vložený margin-top */
.pn .pn-obsah :is(.fakt-riadky,.fakt-pohlad,.hrd-ludia-in,.roly-in,.dlazdice,.semafor,.osoby,.stupnica,.karty,.pn-cisla,.pn-zoznam,.pn-zamok-rady){
  display:grid;gap:0;overflow:hidden}
.pn .pn-obsah :is(.fakt-riadky,.fakt-pohlad,.hrd-ludia-in,.roly-in,.dlazdice,.semafor,.osoby,.stupnica,.karty,.pn-cisla,.pn-zoznam,.pn-zamok-rady)>*{
  margin:0;border:0;border-radius:0;background:transparent;transform:none;
  box-shadow:1px 0 0 var(--pn-cara),0 1px 0 var(--pn-cara);padding-inline:var(--pn-in)}
.pn .pn-obsah :is(.dlaz,.karta,.dlazdica,.sem,.stupen,.osoba,.rola,.fakt-r,.fakt-fakt,.hrd-osoba,.pn-r){min-height:44px}
.pn .pn-obsah :is(.dlaz,.karta)::before{display:none}
.pn .pn-obsah :is(.dlaz,.karta):is(:has(.zmena.rast),:has(.zmena.pokles),:has(>.zmena.rast),:has(>.zmena.pokles)){background:transparent}
.pn .pn-obsah .stupen{opacity:1}
.pn .pn-obsah .stupen.tu{background:var(--pn-vyber)}
.pn .pn-obsah .roly .rola.tu{background:var(--pn-vyber)}
.pn .pn-obsah .roly .rola.tu :is(b,span){color:var(--text)}
.pn .pn-obsah .roly .rola:hover,.pn .pn-obsah a.hrd-osoba:hover,.pn .pn-obsah a.osoba:hover,.pn a.pn-r:hover{background:var(--pn-vyber);transform:none}
.pn .pn-obsah table{border:0;border-radius:0;box-shadow:none;background:none}
.pn .pn-obsah th{background:none;color:var(--text3)}
.pn .pn-obsah :is(th,td):first-child{padding-left:var(--pn-in)}
.pn .pn-obsah :is(th,td):last-child{padding-right:var(--pn-in)}
.pn .pn-obsah tr:last-child td{border-bottom:0}
.pn .pn-obsah figure.graf .tabulka-obal{margin-inline:calc(-1 * var(--pn-in))}
.pn .pn-obsah details.karta>summary{margin:-14px calc(-1 * var(--pn-in));padding:14px var(--pn-in);min-height:48px}
.pn .pn-obsah details.karta[open]>summary{margin-bottom:0}
.pn .pn-obsah .os-viac>summary{margin:0 calc(-1 * var(--pn-x));padding:13px var(--pn-in);border:0;border-bottom:1px solid var(--pn-cara);
  border-radius:0;background:var(--pn-sk);box-shadow:none}
.pn .pn-obsah .os-viac>ul.os{margin-top:0;border-top:0}
.pn .pn-obsah .kotvy{margin:14px 0 0;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}

/* sekcie a nadpisy ležia na sivom pozadí nad skupinou, ako hlavička skupiny v iOS */
.pn .pn-obsah section.blok,.pn .pn-obsah .fakt,.pn .pn-obsah .roly,.pn .pn-obsah .hrd-ludia{margin:0;padding:0;border:0;border-radius:0;
  box-shadow:none;background:none}
.pn .pn-obsah section.blok>h2,.pn .pn-obsah .fakt>h2{margin:30px 0 4px;font-size:1.25rem}
.pn .pn-obsah .podnadpis,.pn .pn-obsah .fakt-pod{margin:0;font-size:.92rem;color:var(--text2)}
.pn .pn-obsah .pozn,.pn-zdroj{margin:8px 0 0}
.pn .pn-obsah :is(.roly-nad,.hrd-ludia-nad){margin:26px 0 6px;color:var(--text2)}
.pn .pn-obsah .roly{margin-top:0}

/* hrdinovia profilu (fakturačné údaje, vedenie) sú v appke obyčajné skupiny, nie tmavé karty */
.pn .pn-obsah .hrdina{margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--text);overflow:visible}
.pn .pn-obsah .hrdina::before,.pn .pn-obsah .hrdina::after{display:none}
.pn .pn-obsah .hrdina .fakt{margin:0}
.pn .pn-obsah .hrdina-pn{padding-top:12px}
.pn .pn-obsah .hrdina :is(.kop-co,.fakt-pod){color:var(--text2)}
.pn .pn-obsah .hrdina :is(.fakt-pop,.fakt-nota,.fakt-fakt b,.fakt-fakt .pop,.hrd-ludia-zdroj,.hrd-osoba-t span){color:var(--text2)}
.pn .pn-obsah .hrdina :is(.fakt-hod,.fakt-fakt span,.hrd-osoba){color:var(--text)}
.pn .pn-obsah .hrdina .fakt-fakt.dobra span{color:var(--rast)}
.pn .pn-obsah .hrdina .fakt-fakt.zla span{color:var(--pokles)}
.pn .pn-obsah .hrdina :is(.fakt-fakt a,.fakt-nota a){color:var(--odkaz)}
.pn .pn-obsah .hrdina .fakt-varovanie{background:var(--doplnok-jemna);color:var(--text);border-color:transparent}
.pn .pn-obsah .hrdina .kop{background:var(--tint);border-color:transparent;color:var(--text)}
.pn .pn-obsah .hrdina .kop:hover{background:var(--tint2)}
.pn .pn-obsah .hrdina .kop.hotovo{background:var(--akcent-jemna);color:var(--akcent-jemna-text)}
.pn .pn-obsah .hrdina .fakt-pohlad{padding:0}
.pn .pn-obsah .fakt-pohlad{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.pn .pn-obsah .fakt-fakt{padding-block:10px}
.pn .pn-obsah .hrd-osoba .ini,.pn .pn-obsah .osoba .ini{background:var(--modra-plocha);color:var(--odkaz)}
.pn .pn-obsah .hrd-osoba .sip{color:var(--text3)}
.pn .pn-obsah .hrdina-ludia{border-left:0}
.pn .pn-obsah .hrdina-akcia{margin-top:14px}
.pn .pn-obsah .hrdina :is(.kop-vsetko,.pridaj){box-shadow:none}

/* sekcie panela */
.pn .pn-cisla>div{padding-block:14px}
.pn .pn-pilulky{margin:12px 0 0}
.pn .pn-r{padding-block:12px}
.pn .pn-pas{border-bottom:1px solid var(--pn-cara)}
.pn .pn-rok .pn-pas:last-child{border-bottom:0}
.pn .pn-rok h3{margin:0 0 4px}
.pn .pn-prazdne{border-style:solid;border-inline:0}
.pn-zamok{min-height:260px}
.pn-zamok-rady{filter:blur(4px)}
.pn-zamok-karta{left:0;right:0;width:auto;transform:translateY(-50%);border-radius:0;border:0;border-block:1px solid var(--pn-cara);
  background:color-mix(in srgb,var(--pn-sk) 94%,transparent);box-shadow:none;padding:22px var(--pn-in)}
.pn-kostra{gap:0}
.pn-kostra i{border-radius:0;height:64px;border-bottom:1px solid var(--pn-sk)}
.pn-kostra i:first-child{height:30px;width:60%;margin:14px 0;border-radius:8px}
.pn-kostra b{gap:0;margin:0}

/* ─── 600 až 839 px: mriežka ikon ako pás, vľavo úzky pás sekcií ─── */
@media (max-width:839px){
  .pn{grid-template-columns:88px minmax(0,1fr);gap:0 20px;grid-template-areas:"hlava hlava" "mriezka mriezka" "menu obsah"}
  .pn-mriezka{grid-area:mriezka;position:relative;isolation:isolate;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 0;
    margin:0;padding:16px 0 14px}
  .pn-mriezka::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:var(--pn-sk);border-bottom:1px solid var(--pn-cara)}
  .pn .pn-dl{flex:0 0 calc(100% / 6)}
  .pn-menu{padding:14px 0 0;gap:4px;border-right:1px solid var(--pn-cara);min-height:60vh}
  .pn .pn-pol{flex-direction:column;justify-content:center;gap:5px;min-height:68px;padding:8px 4px;margin-right:8px;text-align:center;
    font-size:.72rem;font-weight:600;color:var(--text2)}
  .pn .pn-pol svg{width:22px;height:22px;padding:6px;border-radius:10px}
  .pn .pn-pol.tu{color:var(--text);font-weight:750}
  .pn-menu .pn-dlhy{display:none}
  .pn-menu .pn-kratky{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* ─── pod 600 px: skupiny cez celú šírku, spodná lišta ako natívny tab bar ─── */
@media (max-width:599px){
  main.ah-main{padding:0 max(16px,env(safe-area-inset-right,0px)) calc(96px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .pn{--pn-x:16px;--pn-in:16px;display:block}
  .ah-znacka{display:none}
  .pn-hlava{padding:6px 0 20px}
  .pn-hlava .drobky{display:none}
  .pn-hlava h1{font-size:clamp(26px,7.4vw,32px)}
  .pn-mriezka{padding:16px 0 12px;gap:16px 0}
  .pn .pn-dl{flex:0 0 33.333%}
  /* tab bar: pripnutý dole cez celú šírku, rozmazaný podklad, vlasová čiara hore (Apple HIG, Material 3) */
  .pn-menu{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:45;display:grid;min-height:0;
    grid-template-columns:repeat(var(--pn-pocet,5),minmax(0,1fr));gap:0;margin:0;
    padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));
    border:0;border-top:1px solid var(--pn-cara);border-radius:0;box-shadow:none;
    background:color-mix(in srgb,var(--pn-sk) 80%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
  .pn .pn-pol{min-height:54px;gap:3px;margin:0 2px;padding:5px 0 4px;border-radius:14px;font-size:11px;font-weight:600;letter-spacing:0;
    background:none;font-family:inherit;border:0;color:var(--text2);cursor:pointer}
  .pn .pn-pol svg{width:18px;height:18px;padding:5px;border-radius:8px;
    transition:transform .3s cubic-bezier(.42,1.67,.21,.9)}
  .pn .pn-pol:hover{background:none}
  /* aktívna karta: sivá kapsula a tučný popis, ikona ostáva vo svojej farbe */
  .pn .pn-pol.tu{background:var(--pn-vyber);color:var(--text);font-weight:750}
  .pn .pn-pol:active svg{transform:scale(.86)}
  .pn-menu .pn-pol-nad{display:none}
  .pn .pn-viac{display:flex}
  .pn .pn-r{flex-direction:column;align-items:stretch;gap:8px}
  .pn-r-v{max-width:none;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;text-align:left;gap:6px 10px}
  .pn-pas{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n h" "o o";gap:4px 10px;padding:8px 0}
  .pn-pas>span{grid-area:n}.pn-pas>b{grid-area:h}.pn-pas-os{grid-area:o}
  /* mriežky na mobile: čísla po 2, zoznamy po 1 */
  .pn .pn-obsah :is(.dlazdice,.karty,.pn-cisla,.fakt-pohlad,.roly-in){grid-template-columns:repeat(2,minmax(0,1fr))}
  .pn .pn-obsah :is(.semafor,.osoby,.hrd-ludia-in,.fakt-riadky,.pn-zoznam,.pn-zamok-rady,.stupnica,.dlazdice:has(>.dlazdica)){grid-template-columns:minmax(0,1fr)}
  .pn .pn-obsah .karta .cis{font-size:24px}
  .ah-pata{margin-top:28px}
}
@media (prefers-reduced-transparency:reduce){.pn-menu{background:var(--pn-sk);-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.pn-menu{background:var(--pn-sk)}}
@media (prefers-reduced-motion:reduce){
  .pn-kostra i{animation:none}.pn a.pn-r:hover,html.appka .pn a.pn-r:active{transform:none}
  .pn-sek.pn-zjav,.pn-sheet[open]{animation:none}.pn-dl-ik,.pn .pn-pol svg{transition:none}.ah-titul{transition:none}
  ::view-transition-old(pn-obsah),::view-transition-new(pn-obsah){animation:none}
}

/* ═══ Účtovná závierka: filter roka a riadky výkazu ═══ */
.pn .pn-roky{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.pn .pn-rk{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:64px;min-height:44px;padding:0 14px;
  border-radius:999px;background:var(--pn-vyber);color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;
  text-decoration:none;touch-action:manipulation}
.pn .pn-rk:hover{text-decoration:none}
.pn .pn-rk.tu{background:var(--ik,#3F55D9);color:#fff}
.pn .pn-rk-zamok::after{content:"";width:9px;height:10px;margin-left:2px;opacity:.55;background:currentColor;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 10"><path d="M1 4.5h7v5H1zM2.5 4.5V3a2 2 0 0 1 4 0v1.5" fill="black" stroke="black"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 10"><path d="M1 4.5h7v5H1zM2.5 4.5V3a2 2 0 0 1 4 0v1.5" fill="black" stroke="black"/></svg>') center/contain no-repeat}
.pn .pn-zav-hlava{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 12px}
.pn .pn-zav-hlava b{flex:1 1 100%;font-size:1.02rem}
.pn .pn-zav-hlava a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.pn .pn-zav .pn-r{min-height:52px;flex-direction:row;align-items:center;gap:12px}
.pn .pn-zav .pn-r-v{max-width:48%;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}
.pn .pn-zav .pn-zr-u0 .pn-r-t b,.pn .pn-zav .pn-zr-u0 .pn-r-v b{font-weight:750}
.pn .pn-zav .pn-zr-u1 .pn-r-t b{font-weight:600}
.pn .pn-zav .pn-zr-u2 .pn-r-t{padding-left:14px}
.pn .pn-zav .pn-zr-u2 .pn-r-t b{font-weight:450}
.pn .pn-zav .pn-zr-u2 .pn-r-v b{font-weight:500}

/* ═══ Časová os ako samostatná sekcia (Juraj 24. 9. 2026 20:29) ═══
   Ikona malinová, filter druhu = zalamovacie pilulky ako roky v závierke, rok = natívny výber
   (30 rokov by v pilulkách zabralo pol obrazovky). Os samotná je z styl.css (.os, .osu). */
.pn [data-s="os"]{--ik:#C2255C;--ik2:#E8457E}
.pn .os-suhrn{margin:0 0 10px;color:var(--text2);font-size:.92rem}
.pn .os-suhrn a{font-weight:600;margin-left:4px}
.pn .os-fil{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.pn .os-ch{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;
  background:var(--pn-vyber);color:var(--text);font-weight:600;font-size:.9rem;text-decoration:none;touch-action:manipulation}
.pn .os-ch small{font-size:.76rem;font-weight:700;color:var(--text2);font-variant-numeric:tabular-nums}
.pn .os-ch:hover{text-decoration:none}
.pn .os-ch.tu{background:var(--ik);color:#fff}
.pn .os-ch.tu small{color:#fff;opacity:.9}
.pn .os-str{align-items:center;margin:16px 0 0}
.pn .os-str-t{flex-basis:100%;color:var(--text2);font-size:.92rem}
.pn .os-str-m{color:var(--text3);padding:0 2px}
.pn .os-rok{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.pn .os-rok label{font-weight:600;color:var(--text2);font-size:.9rem}
.pn .os-rok select{min-height:44px;font-size:17px;padding:0 12px;border-radius:12px;border:1px solid var(--ram);
  background:var(--plocha);color:var(--text);max-width:100%}
.pn .os-panel{margin-top:6px}
.pn .osu-druh{display:inline-block;font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.03em;
  color:var(--text2);text-transform:uppercase;margin-bottom:2px}
.pn .osu-t .osu-pp{display:grid;gap:3px;margin:5px 0 2px}
.pn .osu-t .osu-pp > span{display:grid;grid-template-columns:62px 1fr;gap:8px;color:var(--text);font-size:.84rem;margin:0}
.pn .osu-pp i{font-style:normal;color:var(--text2);font-weight:600}
.pn .osu-z a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.pn .os-cela{display:inline-flex;align-items:center;min-height:44px;margin-top:12px}

/* ═══ Spoľahlivosť a Vlastníci a vzťahy (Juraj 24. 9. 2026 20:51) ═══
   Spoľahlivosť hnedá ako Apple, Vlastníci fialová. Zoznamy úradov sú obyčajné bunky bez farby
   hodnotenia (právny rozbor: neutrálne, s dátumom a zdrojom); body zložiek sú sivé bodky. */
.pn [data-s="spolahlivost"]{--ik:#8E6A3E;--ik2:#B38A58}
.pn [data-s="vlastnici"]{--ik:#7A4DD8;--ik2:#9B72F2}
.pn .pn-sk-hlava{margin:4px 0 0;color:var(--text2);font-size:.88rem;line-height:1.45}
.pn .pn-sk-pata{margin:6px 0 4px;color:var(--text2);font-size:.8rem;line-height:1.45}
.pn .pn-sk-pata a,.pn .pn-sp .pn-r-t span a{font-weight:600}
.pn .pn-sp .pn-r,.pn .pn-stab .pn-r{flex-direction:row;align-items:center;gap:12px}
.pn .pn-sp .pn-r-v,.pn .pn-stab .pn-r-v{max-width:46%;flex-direction:column;align-items:flex-end;text-align:right;gap:3px}
.pn .pn-sp .pn-r-v b{white-space:normal;overflow-wrap:anywhere}
.pn .pn-isk-r .pn-r-v{flex-direction:row;align-items:center;gap:10px;max-width:60%}
.pn .pn-isk-r .pn-r-v b{white-space:nowrap}
.pn-isk{flex:none;display:block}.pn-isk-0{stroke:var(--ram);stroke-width:1;stroke-dasharray:2 2}
.pn .pn-zm .pn-r{flex-direction:row;align-items:center;gap:12px;color:inherit}
.pn .pn-zm .pn-r-t b{color:var(--odkaz,var(--akcent-text,inherit))}
.pn .pn-zm .pn-r-v{max-width:40%;flex-direction:column;align-items:flex-end;text-align:right;gap:3px}
.pn .pn-zm .pn-r-v b{white-space:normal;overflow-wrap:anywhere;font-weight:600}
.pn .pn-stab-nic{font-weight:500;color:var(--text2)}
.pn .pn-body{display:inline-flex;gap:4px;margin-top:2px}
.pn .pn-body i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--text2);opacity:.7}
.pn .pn-body i.pl{background:var(--text);box-shadow:none;opacity:1}
/* osoby: bunka je <details>, riadok je jej summary; rozbalený zoznam firiem je obsah bunky */
.pn .pn-obsah .pn-vz>details{padding-inline:0}
.pn .pn-vz-d>summary{list-style:none;cursor:pointer}
.pn .pn-vz-d>summary::-webkit-details-marker{display:none}
.pn .pn-vz-d>summary .pn-r-t b::after{content:"";display:inline-block;width:7px;height:7px;margin:0 0 2px 8px;
  border-right:2px solid var(--text2);border-bottom:2px solid var(--text2);transform:rotate(45deg);transition:transform .2s}
.pn .pn-vz-d[open]>summary .pn-r-t b::after{transform:rotate(225deg);margin-bottom:-2px}
.pn .pn-vz-d[open]{background:var(--pn-bg)}
.pn .pn-vz-in{display:flex;flex-direction:column}
.pn .pn-vz-in .pn-r{min-height:56px;padding:10px var(--pn-in) 10px calc(var(--pn-in) + 14px);box-shadow:0 -1px 0 var(--pn-cara);background:var(--pn-sk)}
.pn .pn-vz-d .pn-sk-pata{padding:8px var(--pn-in) 10px calc(var(--pn-in) + 14px);margin:0}
.pn .pn-vz-d .pn-sk-pata a{display:inline-flex;align-items:center;min-height:44px}
.pn .pn-vz .pn-r-v,.pn .pn-vz-in .pn-r-v{max-width:44%}
@media (max-width:599px){
  .pn .pn-sp .pn-r,.pn .pn-stab .pn-r,.pn .pn-vz .pn-r,.pn .pn-vz-in .pn-r{flex-direction:row;align-items:center}
  .pn .pn-sp .pn-r-v,.pn .pn-stab .pn-r-v,.pn .pn-vz .pn-r-v,.pn .pn-vz-in .pn-r-v{flex-direction:column;align-items:flex-end;text-align:right;max-width:44%}
}
/* sieť: SVG v skupine cez celú šírku, čiary a uzly len tokenmi, bez farby hodnotenia */
.pn .pn-obsah .pn-siet{margin:14px calc(-1 * var(--pn-x)) 0;padding:10px var(--pn-in) 12px;background:var(--pn-sk);border-block:1px solid var(--pn-cara)}
.pn .pn-siet svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;font-family:inherit}
.pn .pn-siet line{stroke:var(--ram);stroke-width:1.2}
.pn .pn-siet .vz-c1{stroke:var(--text2);opacity:.55}
.pn .pn-siet .vz-spol{stroke:var(--ik);stroke-width:2;opacity:.9}
.pn .pn-siet .vz-stred{fill:var(--text)}
.pn .pn-siet .vz-o{fill:var(--ik);stroke:var(--pn-sk);stroke-width:2}
.pn .pn-siet .vz-o.vz-po{fill:var(--pn-sk);stroke:var(--ik);stroke-width:2.5}
.pn .pn-siet .vz-f{fill:var(--text2);stroke:var(--pn-sk);stroke-width:1.5}
.pn .pn-siet .vz-f.vz-zrus{fill:var(--pn-sk);stroke:var(--text2);stroke-dasharray:2 2}
.pn .pn-siet text{fill:var(--text);font-size:11px}
.pn .pn-siet .vz-to{font-size:12.5px;font-weight:650}
.pn .pn-siet .vz-tf{fill:var(--text2)}
.pn .pn-siet .vz-ts{font-size:12px;font-weight:700}
.pn .pn-siet a:focus-visible circle{outline:none;stroke:var(--akcent);stroke-width:3}
.pn .pn-siet figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:6px;color:var(--text2);font-size:.78rem}
.pn .pn-siet figcaption span{display:inline-flex;align-items:center;gap:6px}
.pn .vz-l{display:inline-block;width:10px;height:10px;border-radius:50%}
.pn .vz-lo{background:var(--ik)}
.pn .vz-lf{background:var(--text2)}
.pn .vz-lz{border:1.5px dashed var(--text2)}
.pn .vz-ls{width:16px;height:3px;border-radius:2px;background:var(--ik)}
/* 10 sekcií firmy: pod 600 px 4 ikony v rade ako plocha iPhonu (4 + 4 + 2), inak by boli 4 rady */
@media (max-width:599px){
  .pn[data-pn="firma"] .pn-dl{flex:0 0 25%}
  .pn[data-pn="firma"] .pn-dl-t{font-size:.76rem}
}
/* riadky vnútri rozbalenej osoby nie sú karty: bez rámu a oblúka, čiaru kreslí tieň */
.pn .pn-vz-d>summary.pn-r,.pn .pn-vz-in .pn-r{border:0;border-radius:0;transform:none}
.pn .pn-vz-d>summary.pn-r{background:transparent;padding-inline:var(--pn-in)}
.pn .pn-vz-in a.pn-r:hover{transform:none;background:var(--pn-vyber)}
.pn .pn-obsah .pn-cisla.pn-cisla-1{grid-template-columns:minmax(0,1fr)}

/* Štítok platených sekcií v rohu ikony, ako odznak na iOS (Juraj 24. 9. 2026 21:11). Text z PREMIUM_STITOK. */
.pn .pn-ikw{position:relative;display:inline-flex;flex:none}
.pn .pn-dl-ik{position:relative}
.pn .pn-pro{position:absolute;top:-6px;right:-9px;z-index:1;min-width:14px;padding:1px 4px;border-radius:999px;
  background:var(--tl-oranz);color:var(--tl-oranz-text);font-size:8.5px;font-weight:800;line-height:1.35;letter-spacing:.03em;text-align:center;
  box-shadow:0 0 0 1.5px var(--pn-sk);pointer-events:none;white-space:nowrap}
.pn .pn-dl-ik .pn-pro{top:-5px;right:-7px;font-size:10px;padding:1px 5px}
.pn .pn-pro-h{position:static;display:inline-block;vertical-align:.3em;margin-left:6px;font-size:10.5px;padding:2px 7px;box-shadow:none}

/* ═══ Export do Excelu a stráženie (Juraj 25. 9. 2026: „také odlišnejšie tlačidlo posledné“) ═══
   Excel je vždy posledná položka a vyzerá inak: zelená Excel, prerušovaný rámik okolo dlaždice
   aj položky bočného panela. Stráženie je tlačidlo v hlavičke panela, nie ďalšia sekcia v menu. */
.pn [data-s="excel"]{--ik:#107C41;--ik2:#21A366}
.pn .pn-dl[data-s="excel"] .pn-dl-ik{outline:2px dashed #21A366;outline-offset:3px}
.pn .pn-pol[data-s="excel"]{margin-top:8px;border:1.5px dashed #21A366;color:var(--text);font-weight:650}
.pn .pn-pol[data-s="excel"].tu{border-style:solid}
.pn-sheet .pn-pol[data-s="excel"],.pn .pn-sheet .pn-pol[data-s="excel"]{margin-top:10px}
.pn-xl-obsah{list-style:none;margin:6px 0 14px;padding:0;display:grid;gap:0;border-block:1px solid var(--pn-cara)}
.pn-xl-obsah li{padding:11px 0 11px 30px;position:relative;border-top:1px solid var(--pn-cara);line-height:1.35}
.pn-xl-obsah li:first-child{border-top:0}
.pn-xl-obsah li::before{content:"";position:absolute;left:4px;top:14px;width:14px;height:14px;border-radius:4px;background:#21A366;
  box-shadow:inset 0 0 0 3px #107C41}
.pn-xl-obsah li span{color:var(--text2);font-size:.9rem}
.pn a.tl.pn-xl-tl{border-radius:999px;min-height:50px;padding:12px 24px;display:inline-flex;align-items:center;font-size:1rem;color:var(--tl-oranz-text)}
.pn-xl-stiahni small{flex:1 1 220px}
/* tlačidlo Strážiť v hlavičke: priehľadná kapsula na tmavom pozadí, na palec aspoň 44 px */
.pn .pn-straz-hl{display:inline-flex;align-items:center;gap:8px;margin-top:14px;min-height:44px;padding:6px 16px 6px 8px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(171,221,193,.55);color:#fff;font-weight:650;text-decoration:none}
.pn .pn-straz-hl svg{box-sizing:border-box;width:30px;height:30px;padding:6px;border-radius:999px;background:#F5A25A;color:#0E1E36;stroke-width:2}
.pn .pn-straz-hl .pro-st{font-size:.68rem;padding:2px 7px;vertical-align:0}
.pn .pn-straz-hl:hover,.pn .pn-straz-hl.tu{background:rgba(255,255,255,.2);text-decoration:none}
.pn-straz-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 14px}
.pn-straz-form small{flex:1 1 100%;color:var(--text2);font-size:.85rem}
.pn-straz-form .pn-straz-stav{flex:1 1 100%;margin:0}
.pn button.tl.pn-straz-tl{border-radius:999px;min-height:50px;padding:12px 26px;font-size:1rem;border:0;cursor:pointer;
  background:var(--tl-oranz);color:var(--tl-oranz-text);font-weight:700}
.pn button.tl.pn-tl-modre{border-radius:999px;min-height:46px;cursor:pointer}
.pn-straz-mail{display:grid;gap:6px;margin:0 0 12px;padding:14px 16px;border-radius:14px;background:var(--akcent-karta);color:var(--text);
  filter:blur(.6px)}
.pn-straz-mail span{font-size:.9rem;color:var(--text2)}
.pn-straz-form small a{display:inline-block;padding:10px 4px;margin:-10px 0}

/* ⭐ Štítok PRO v karte zámku a tlačidlo Štatistiky PRO v lište appky (25. 9. 2026, jednotná trieda .pro-st) */
.pn-zamok-znacka{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 6px!important;font-size:.9rem}
.pn-zamok-znacka a{font-weight:650}
.pn-zamok-pod{margin:0 0 8px!important;font-size:.84rem;font-weight:650;color:var(--text2)}
.ah .ah-pro{display:inline-flex;align-items:center;gap:6px;flex:none;height:36px;padding:0 10px;margin:0 4px;border-radius:999px;
  background:var(--tl-oranz);color:var(--tl-oranz-text);font-weight:750;font-size:14px;text-decoration:none;white-space:nowrap}
.ah .ah-pro:hover{background:var(--tl-oranz-hover);text-decoration:none}
.ah .ah-pro .pro-st{background:var(--tl-oranz-text);color:var(--tl-oranz);font-size:10px;padding:1px 6px;vertical-align:0}
/* po zrolovaní potrebuje miesto názov firmy v lište, na úzkom displeji ostane len štítok PRO */
@media(max-width:560px){html.ah-skr .ah .ah-pro .md-plne{display:none}}

/* ═══ Prestavba panela firmy (Juraj 25. 9. 2026 15:48, tabuľka 4.1 návrhu) ═══
   Hlavička: stav, 3 čísla, semafor a akcie. 3 skupiny O firme, Spoľahlivosť, Príležitosti PRO.
   Mriežka dlaždíc len na Prehľade, na sekcii riadok „‹ Prehľad". ⛔ Semafor nehodnotí farbou:
   zelená bodka = v zozname nie je, nález má len neutrálny krúžok (spolahlivost.js, právny rozbor). */
.pn-otazka{margin:-2px 0 6px;color:var(--text2);font-size:1rem;font-weight:600}
.pn-verdikt{margin-top:12px}
.pn-stav-r{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;color:rgba(255,255,255,.8);font-size:.9rem}
.pn-stav{display:inline-flex;align-items:center;min-height:24px;padding:1px 11px;border-radius:999px;background:rgba(255,255,255,.14);
  color:#fff;font-weight:700;font-size:.82rem}
.pn-stav.ok{background:#1F7A4F}
.pn-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin:12px 0 10px;border-top:1px solid rgba(255,255,255,.18)}
.pn-kpi div{padding:9px 8px 0 0;min-width:0}
.pn-kpi b{display:block;font-size:1.2rem;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-kpi span{display:block;font-size:.76rem;line-height:1.3;color:rgba(255,255,255,.72)}
.pn-semafor{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.pn a.pn-sem{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 12px 4px 10px;border-radius:999px;
  background:rgba(255,255,255,.1);color:#fff;font-size:.84rem;font-weight:550;text-decoration:none;line-height:1.25}
.pn a.pn-sem::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.6px rgba(255,255,255,.75)}
.pn a.pn-sem.ok::before{background:#3DDC84;box-shadow:none}
.pn a.pn-sem:hover{background:rgba(255,255,255,.18);text-decoration:none}
.pn-akcie{display:flex;flex-wrap:wrap;gap:8px;max-width:720px}
.pn a.pn-akcia{flex:1 1 150px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:6px 14px;border-radius:14px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:650;font-size:.92rem;text-decoration:none}
.pn a.pn-akcia svg{box-sizing:border-box;width:28px;height:28px;padding:5px;border-radius:999px;background:#F5A25A;color:#0E1E36;stroke-width:2}
.pn a.pn-akcia .pro-st{font-size:.66rem;padding:2px 6px;vertical-align:0}
.pn a.pn-akcia:hover,.pn a.pn-akcia.tu{background:rgba(255,255,255,.22);text-decoration:none}
/* nadpisy skupín: bočné menu na PC, mriežka pod 840 px */
.pn-menu-h{margin:16px 10px 4px;font-size:.72rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--text2);
  display:flex;align-items:center;gap:6px}
.pn-menu-h:first-child{margin-top:0}
.pn-menu-h::before,.pn-mr-h::before{display:none}
.pn .pn-pro-sk{font-size:.62rem;padding:1px 6px;letter-spacing:.03em;vertical-align:0}
.pn .pn-viac[data-okno="pn-prilez-okno"]{--ik:#E23B3F;--ik2:#FF5F63}
.pn-spat{display:none}
@media (max-width:839px){
  .pn-menu-h{display:none}
  .pn-mriezka.pn-mriezka-sk{display:block;padding:12px 0 6px}
  .pn-mr-sk{margin:0 0 10px}
  .pn-mr-h{margin:0 0 10px;padding:0 4px;font-size:.74rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--text2);
    display:flex;align-items:center;gap:6px}
  .pn-mr-in{display:flex;flex-wrap:wrap;gap:12px 0}
  .pn .pn-mriezka-sk .pn-dl{flex:0 0 25%}
  .pn.pn-na-sekcii .pn-mriezka{display:none}
  .pn.pn-na-sekcii .pn-spat{grid-area:mriezka;display:flex;align-items:center;min-height:44px;margin:8px 0 0;font-weight:650;text-decoration:none}
}
@media (max-width:599px){
  .pn-kpi b{font-size:1.05rem}
  .pn a.pn-akcia{flex:1 1 30%;padding:6px 8px;font-size:.86rem;gap:5px}
  .pn a.pn-akcia svg{display:none}
  .pn-menu.pn-menu-sk .pn-viac{display:flex}
  /* tabuľky na mobile ako riadkové karty (úprava 9): 1 riadok = 1 karta, stĺpec je popis vľavo a číslo vpravo */
  .pn .pn-tab-karty{overflow:visible;border:0}
  .pn .pn-tab-karty table,.pn .pn-tab-karty tbody,.pn .pn-tab-karty tr,.pn .pn-tab-karty td{display:block;width:auto}
  .pn .pn-tab-karty tr:first-child{display:none}
  .pn .pn-tab-karty tr{margin:0 0 10px;padding:4px 14px;border:1px solid var(--pn-cara);border-radius:14px;background:var(--pn-sk)}
  .pn .pn-tab-karty td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border:0;border-top:1px solid var(--pn-cara);text-align:right}
  .pn .pn-tab-karty td:first-child{border-top:0;font-weight:750;font-size:1.05rem;text-align:left}
  .pn .pn-tab-karty td:first-child::before{content:none}
  .pn .pn-tab-karty td::before{content:attr(data-l);color:var(--text2);text-align:left;font-weight:500}
  .pn .pn-tab-karty td.cislo{font-weight:700;font-variant-numeric:tabular-nums}
}
/* mobil: hlavička kratšia, na sekcii len stav a akcie (čísla a semafor sú na Prehľade aj v Riziku) */
@media (max-width:599px){
  .pn-verdikt{margin-top:8px}
  .pn-kpi{margin:8px 0 6px}
  .pn-semafor{gap:5px;margin:2px 0 10px}
  .pn a.pn-sem{min-height:28px;padding:3px 10px 3px 8px;font-size:.76rem}
  .pn a.pn-akcia{min-height:44px;white-space:nowrap}
  .pn.pn-na-sekcii .pn-kpi,.pn.pn-na-sekcii .pn-semafor{display:none}
  .pn.pn-na-sekcii .pn-stav-r{margin-bottom:10px}
  .pn.pn-na-sekcii .pn-spat{margin:2px 0 -8px}
}
@media (max-width:599px){.pn-akcie{flex-wrap:nowrap;gap:6px}.pn a.pn-akcia{flex:1 1 0;min-width:0;padding:6px 4px;font-size:.8rem}.pn a.pn-akcia .pro-st{font-size:.6rem;padding:1px 4px}}