/* Demo Náskoku /naskok/demo a Priprav ma na tender /priprav-ma-na-tender (28. 9. 2026 20:28).
   Farby značky: oranžová = akcia a nákup, zelená = plocha a stav, modrá = štruktúra (pamäť nocny-rezim).
   Len tokeny, ktoré majú deň aj noc (styl.css :root a 2 tmavé bloky), preto tu tmavý blok netreba. Ikony aplikácií
   majú farbu z panel.css cez .pn [data-s]; obal .dm-pnw.pn je display:contents, aby .pn nemenil rozloženie. */
.dm-pnw.pn{display:contents}
.pn [data-s="priprav"]{--ik:#5B4BD6;--ik2:#7D6EF0}
.dm-in{max-width:1240px}
.dm-lead{font-size:1.06rem;color:var(--text2);margin:6px 0 16px;max-width:760px}
.dm-ik{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px}
.dm-ik svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* formulár IČO alebo web */
.dm-form{margin:0 0 18px;max-width:720px}
.dm-form label{display:block;font-weight:700;margin:0 0 6px}
.dm-pole{display:flex;gap:8px;flex-wrap:wrap}
.dm-pole input{flex:1 1 240px;min-height:52px;padding:0 16px;border:1.5px solid var(--ram);border-radius:14px;background:var(--plocha);color:var(--text);font-size:1rem}
.dm-pole input:focus{outline:2px solid var(--fokus);outline-offset:1px}
.dm-pole button,.dm-kupit,.dm-stano-tl{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:0;border-radius:999px;
  background:var(--tl-oranz);color:var(--tl-oranz-text);font-weight:750;font-size:1rem;cursor:pointer;text-decoration:none;font-family:inherit}
.dm-pole button:hover,.dm-kupit:hover,.dm-stano-tl:hover{background:var(--tl-oranz-hover);text-decoration:none}
.dm-chyba{color:var(--doplnok);font-weight:650;margin:8px 0 0}

/* rozloženie appky: ľavé menu a obsah */
.dm{display:grid;grid-template-columns:268px minmax(0,1fr);gap:22px;align-items:start;margin:8px 0 26px}
.dm-lava{position:sticky;top:80px}
.dm-nav{background:var(--d5-karta);border:1px solid var(--d5-lem);border-radius:20px;box-shadow:var(--d5-tien);padding:10px}
.dm-nav-h{margin:4px 8px 8px;font-size:.78rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--text2)}
.dm-zoz{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dm-pol{position:relative;display:flex;align-items:center;gap:11px;min-height:48px;padding:6px 10px;border-radius:13px;color:var(--text);text-decoration:none;font-weight:620;font-size:.97rem}
.dm-pol:hover{background:var(--akcent-jemna);text-decoration:none}
.dm-pol.tu{background:var(--akcent-karta);font-weight:750}
.dm-pol.tu::before{content:"";position:absolute;left:-10px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--doplnok)}
.dm-menu{display:none}

/* karta firmy: tmavý blok v oboch režimoch s farebnými oblakmi ako hrdina */
.dm-firma{position:relative;overflow:hidden;border-radius:22px;padding:20px 22px;color:#E8EEF6;margin:0 0 16px;
  background:radial-gradient(40% 70% at 95% 0%,rgba(255,159,71,.42) 0,transparent 70%),radial-gradient(50% 80% at 0% 100%,rgba(79,179,127,.45) 0,transparent 70%),#0E1E36;
  box-shadow:var(--d5-tien2)}
.dm-firma-hl{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.dm-kicker{margin:0;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:#ABDDC1;font-weight:750}
.dm-firma h2{margin:2px 0 2px;font-size:1.45rem;line-height:1.2;color:#fff}
.dm-firma h2::before{display:none}
.dm-firma-m{margin:0;color:#C9D6E6;font-size:.93rem;overflow-wrap:anywhere}
.dm-stano-znak,.dm-rada-z{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#FFB067,#F28A26);color:#15202B;font-weight:850;font-size:.9rem;letter-spacing:.04em}
.dm-prof{margin:12px 0 0}
.dm-prof-z{margin:12px 0 0;font-size:1.02rem;line-height:1.5;color:#F2F6FA}
.dm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.dm-chips span{padding:5px 11px;border-radius:999px;background:rgba(171,221,193,.16);border:1px solid rgba(171,221,193,.35);font-size:.86rem;color:#E6F5EC}
.dm-dl{display:grid;gap:6px;margin:12px 0 0}
.dm-dl div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;font-size:.92rem}
.dm-dl dt{color:#ABDDC1;font-weight:650}
.dm-dl dd{margin:0;color:#E8EEF6;overflow-wrap:anywhere}
.dm-dl b{color:#FFC38A}
.dm-firma .dm-pozn{color:#AFC0D4}
.dm-vyber-z{margin:12px 0 0;padding:10px 14px;border-radius:14px;background:rgba(255,176,103,.14);border:1px solid rgba(255,176,103,.35);color:#FFE3C7}
.dm-vyber-z b{color:#FFC38A}
.dm-stano-rad{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0}
.dm-stano-tl[aria-busy="true"]{opacity:.75;cursor:progress}
.dm-stav{margin:0;color:#DDE6F0;font-size:.93rem}
.dm-pozn{font-size:.86rem;color:var(--text2);margin:10px 0 0}

/* obrazovka aplikácie */
.dm-obr{background:var(--d5-karta);border:1px solid var(--d5-lem);border-radius:22px;box-shadow:var(--d5-tien);padding:20px 22px 16px}
.dm-obr-hl{display:flex;gap:14px;align-items:center}
.dm-obr-hl .dm-ik{width:52px;height:52px;border-radius:15px}
.dm-obr-hl .dm-ik svg{width:28px;height:28px}
.dm-obr-hl h2{margin:0;font-size:1.35rem}
.dm-obr-hl h2::before{display:none}
.dm-obr-hl p{margin:2px 0 0;color:var(--text2)}
.dm-metoda{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:12px 0 0;font-size:.86rem;color:var(--text2)}
.dm-m{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-weight:650;font-size:.82rem}
.dm-m-nie{background:var(--akcent-jemna);color:var(--akcent-jemna-text)}
.dm-m-vyber{background:var(--doplnok-tint);color:var(--doplnok-tint-text)}
.dm-m-cita{background:var(--plocha2);color:var(--odkaz)}
.dm-rada{display:flex;gap:12px;align-items:flex-start;margin:14px 0 0;padding:14px 16px;border-radius:16px;background:var(--akcent-karta);border:1px solid var(--akcent-lem);--text3:var(--text2)}
.dm-rada b{display:block}
.dm-rada p{margin:3px 0 0;line-height:1.45}
.dm-rada .dm-rada-z{width:36px;height:36px;font-size:.78rem}
.dm-rada-prazdna{background:var(--plocha2);border-color:var(--ram)}
.dm-uvod{margin:14px 0 0;color:var(--text2)}
.dm-cisla{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:12px 0 0}
.dm-cisla div{padding:12px 14px;border-radius:14px;background:var(--plocha2)}
.dm-cisla div:nth-child(even){background:var(--akcent-karta)}
.dm-cisla b{display:block;font-size:1.15rem}
.dm-cisla span{font-size:.84rem;color:var(--text2)}
.dm-zoznam{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.dm-r{border:1px solid var(--ram);border-radius:16px;background:var(--plocha);overflow:hidden}
.dm-r:hover{border-color:var(--lem-hover)}
.dm-r-a{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:64px;padding:12px 16px;color:inherit;text-decoration:none}
a.dm-r-a:hover b{text-decoration:underline}
.dm-r-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.dm-r-t b{font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.dm-r-t small{color:var(--text2);font-size:.86rem;line-height:1.4;overflow-wrap:anywhere}
.dm-r-h{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none;max-width:40%}
.dm-r-h b{font-size:1.02rem;color:var(--text)}
.dm-r-h small{color:var(--text2);font-size:.8rem}
.dm-r-stano{border-color:var(--doplnok-lem);box-shadow:inset 4px 0 0 var(--doplnok)}
.dm-r-st{align-self:flex-start;display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;background:var(--doplnok-tint);color:var(--doplnok-tint-text);font-size:.76rem;font-weight:750}
.dm-akcia{padding:0 16px 12px}
.dm-akcia .pn-cz{margin:0}
.dm-prazdne{display:flex;gap:12px;align-items:center;margin:14px 0 0;padding:18px;border-radius:16px;background:var(--plocha2);color:var(--text2)}
.dm-prazdne p{margin:0}
.dm-straz{margin:14px 0 0}
.dm-co{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.dm-co li{position:relative;padding-left:26px}
.dm-co li::before{content:"";position:absolute;left:4px;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--akcent-lem)}
.dm-ok{padding:10px 14px;border-radius:12px;background:var(--akcent-karta);font-weight:650}
.dm-zdroj{margin:14px 0 0;font-size:.84rem;color:var(--text2)}

/* zámok a výzva kúpiť */
.dm-zamok{position:relative;margin:10px 0 0;border-radius:16px;overflow:hidden;border:1px dashed var(--doplnok-lem)}
.dm-zamok-zr{display:grid;gap:8px;padding:12px 16px;filter:blur(3px);opacity:.55}
.dm-zamok-zr i{display:block;height:46px;border-radius:12px;background:var(--plocha2)}
.dm-zamok-t{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:14px 18px;
  background:linear-gradient(90deg,var(--d5-karta) 55%,transparent)}
.dm-zamok-t b{font-size:1.08rem}
.dm-zamok-t span{color:var(--text2);font-size:.92rem;max-width:520px}
.dm-zamok .dm-kupit{min-height:46px;margin-top:4px}
.dm-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:8px 0 30px;padding:20px 22px;border-radius:22px;background:var(--akcent-karta);border:1px solid var(--akcent-lem);--text3:var(--text2)}
.dm-cta>div{flex:1 1 320px;display:flex;flex-direction:column;gap:4px}
.dm-cta b{font-size:1.15rem}
.dm-cta span:not(.pro-st){color:var(--text2)}
.dm-viac{display:inline-flex;align-items:center;min-height:48px;font-weight:650;color:var(--odkaz)}

/* prázdny stav: mriežka aplikácií */
.dm-uvod-p h2{margin:18px 0 6px}
.dm-uvod-p>p{color:var(--text2);max-width:760px}
.dm-mriezka{list-style:none;margin:14px 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.dm-mriezka li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:var(--d5-karta);border:1px solid var(--d5-lem);box-shadow:var(--d5-tien)}
.dm-mriezka li:nth-child(even){background:var(--akcent-karta);--text3:var(--text2)}
.dm-mriezka .dm-ik{width:44px;height:44px;border-radius:13px}
.dm-mriezka span{color:var(--text2);font-size:.92rem}
.dm-mriezka small{align-self:flex-start;margin-top:auto}

/* Priprav ma na tender */
.pp-hl{display:flex;gap:16px;align-items:center;margin:4px 0 10px}
.pp-hl h1{margin:0}
.pp-ik{width:64px;height:64px;border-radius:18px}
.pp-ik svg{width:34px;height:34px}
.pp-lim{padding:10px 14px;border-radius:14px;background:var(--akcent-karta);display:inline-block;margin:0 0 14px}
.pp-alebo{margin:8px 0 0;color:var(--text2);font-size:.93rem}
.pp-h2{margin:18px 0 8px}
.pp-zoz{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.pp-r{border:1px solid var(--ram);border-radius:16px;background:var(--d5-karta);box-shadow:var(--d5-tien);padding:0 0 12px}
.pp-r-a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:14px 16px 8px;color:inherit;text-decoration:none}
.pp-r-a b{grid-column:1;font-size:1.02rem;line-height:1.35}
.pp-r-a small{grid-column:1;color:var(--text2);font-size:.88rem}
.pp-h{grid-column:2;grid-row:1/3;text-align:right;font-weight:750}
.pp-h small{display:block;font-weight:500}
.pp-r .pn-cz{margin:0 16px}
.pp-prazdne{padding:16px;border-radius:16px;background:var(--plocha2);color:var(--text2)}
.pp-kroky{margin:22px 0 10px}
.pp-kroky ol{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;counter-reset:k}
.pp-kroky li{counter-increment:k;display:flex;flex-direction:column;gap:4px;padding:16px 16px 16px 58px;position:relative;border-radius:18px;background:var(--akcent-karta);--text3:var(--text2)}
.pp-kroky li::before{content:counter(k);position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--tl-oranz);color:var(--tl-oranz-text);font-weight:800}
.pp-kroky span{color:var(--text2);font-size:.93rem}

/* mobil: ľavé menu je panel za tlačidlom (details), nič sa neposúva do strany (pamäť menu-sa-zalamuje-neposuva) */
@media (max-width:899px){
  .dm{grid-template-columns:minmax(0,1fr);gap:12px}
  .dm-lava{position:sticky;top:60px;z-index:20}
  .dm-nav{display:none}
  .dm-menu{display:block;background:var(--d5-karta);border:1px solid var(--d5-lem);border-radius:18px;box-shadow:var(--d5-tien2)}
  .dm-menu-s{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 12px;cursor:pointer;list-style:none}
  .dm-menu-s::-webkit-details-marker{display:none}
  .dm-menu-t{display:flex;flex-direction:column;flex:1;min-width:0}
  .dm-menu-t small{font-size:.74rem;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
  .dm-menu-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dm-menu-z{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--akcent-jemna);color:var(--akcent-jemna-text);font-weight:700;font-size:.88rem}
  .dm-menu-z::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
  .dm-menu[open] .dm-menu-z::after{transform:rotate(-135deg) translateY(-2px)}
  .dm-menu nav{max-height:min(70vh,560px);overflow-y:auto;padding:4px 10px 12px;border-top:1px solid var(--ram)}
  .dm-menu .dm-zoz{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
  .dm-menu .dm-pol{min-height:52px;background:var(--plocha2);font-size:.9rem;line-height:1.2}
  .dm-menu .dm-pol.tu::before{display:none}
  .dm-menu .dm-pol.tu{background:var(--akcent-karta);box-shadow:inset 0 0 0 2px var(--doplnok-lem)}
  .dm-firma{padding:16px}
  .dm-firma h2{font-size:1.2rem}
  .dm-dl div{grid-template-columns:minmax(0,1fr);gap:0}
  .dm-obr{padding:16px 14px 14px;border-radius:18px}
  .dm-r-a{flex-direction:column;align-items:stretch;gap:6px}
  .dm-r-h{flex-direction:row;align-items:baseline;gap:8px;max-width:none;text-align:left}
  .dm-zamok-t{background:linear-gradient(180deg,transparent,var(--d5-karta) 30%)}
  .dm-stano-tl,.dm-cta .dm-kupit{width:100%}
  .pp-r-a{grid-template-columns:minmax(0,1fr)}
  .pp-h{grid-column:1;grid-row:auto;text-align:left}
}
.dm-cta .pro-st,.dm-zamok-t .pro-st{align-self:flex-start}
.dm-prof-viac{margin:10px 0 0}
.dm-prof-viac>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:#ABDDC1;font-weight:700;list-style:none}
.dm-prof-viac>summary::-webkit-details-marker{display:none}
.dm-prof-viac>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.dm-prof-viac[open]>summary::after{transform:rotate(-135deg)}
.dm-skus{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 0 0;color:var(--text2);font-size:.92rem}
.dm-skus a{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:var(--akcent-jemna);color:var(--akcent-jemna-text);font-weight:650;text-decoration:none}
.dm-skus a:hover{background:var(--akcent-karta);text-decoration:none}
@media (max-width:599px){
  .dm-mriezka{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dm-mriezka li{padding:12px;border-radius:16px;gap:5px}
  .dm-mriezka b{font-size:.95rem;line-height:1.25}
  .dm-mriezka span{font-size:.82rem;line-height:1.35}
  .dm-mriezka small{font-size:.72rem;padding:3px 8px;min-height:0;line-height:1.3}
  .dm-mriezka .dm-ik{width:38px;height:38px}
}
@media (max-width:599px){
  .dm-zamok-zr{display:none}
  .dm-zamok-t{position:static;background:none;padding:16px}
  .pp-hl{align-items:flex-start;gap:12px}
  .pp-hl h1{font-size:1.6rem}
  .pp-ik{width:48px;height:48px;border-radius:14px}
  .pp-ik svg{width:26px;height:26px}
  .dm-pole button{flex:1 1 100%}
}
[data-dm-obr]{transition:opacity .15s}[data-dm-obr][aria-busy="true"]{opacity:.45;pointer-events:none}