/* ⭐ AI na tlačidlo (Juraj 29. 9. 2026 4:32, web/ai-spustanie.js): uložený výsledok s dátumom a Aktualizovať,
   vypnuté do dátumu. Zelená bodka = stav (uložené), oranžová = akcia (Spustiť), vypnuté tlačidlo sivé s vetou pod dátumom.
   V natívnom ráme Náskoku (main.nx-main) je to rovný pás bez oblúka, oblúk má len tlačidlo. */
.ai-sps{display:grid;gap:8px;margin:12px 0}
.ai-sp{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;margin:12px 0;border:1px solid var(--ram);border-radius:14px;background:var(--plocha2)}
.ai-sps .ai-sp{margin:0}
.ai-sp-t{flex:1 1 240px;display:flex;flex-direction:column;gap:3px;min-width:0}
.ai-sp-t b{display:flex;align-items:center;gap:8px;font-size:.98rem;color:var(--text)}
.ai-sp-t b::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--tl-zelena);flex:none}
.ai-sp-nic b::before{background:var(--tl-oranz)}
.ai-sp-t small{color:var(--text2);font-size:.9rem;line-height:1.4}
.ai-sp-t small a{font-weight:650}
.ai-sp form{margin:0;flex:0 0 auto}
.ai-sp .ai-sp-tl{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:150px;padding:0 20px;border-radius:999px;
  border:1.5px solid var(--tl-oranz);background:var(--plocha);color:var(--text);font:inherit;font-size:.95rem;font-weight:650;cursor:pointer}
.ai-sp .ai-sp-tl:hover:not([disabled]){border-color:var(--tl-oranz-hover);box-shadow:0 0 0 1px var(--tl-oranz-hover)}
.ai-sp .ai-sp-tl:focus-visible{outline:2px solid var(--tl-oranz);outline-offset:2px}
.ai-sp .ai-sp-tl.hl{background:var(--tl-oranz);color:var(--tl-oranz-text)}
.ai-sp .ai-sp-tl.hl:hover:not([disabled]){background:var(--tl-oranz-hover)}
.ai-sp .ai-sp-tl[disabled]{border-color:var(--ram);background:transparent;color:var(--text2);cursor:not-allowed;box-shadow:none;opacity:1}
@media (max-width:560px){.ai-sp form,.ai-sp .ai-sp-tl{width:100%}}
main.nx-main .ai-sps{margin:0 calc(var(--nx-x, 24px) * -1);gap:0;border-top:1px solid var(--ram2)}
main.nx-main .ai-sps .ai-sp{border-radius:0;border-width:0 0 1px;border-color:var(--ram2);background:transparent;padding:10px var(--nx-x, 24px)}
/* v ráme na mobile 1 riadok: text vľavo, tlačidlo vpravo, aby 2 pásy nezabrali pol obrazovky */
@media (max-width:560px){main.nx-main .ai-sp{flex-wrap:nowrap;gap:10px}
  main.nx-main .ai-sp form,main.nx-main .ai-sp .ai-sp-tl{width:auto;min-width:0}
  main.nx-main .ai-sp .ai-sp-tl{padding:0 14px;font-size:.9rem}
  main.nx-main .ai-sp-t{flex:1 1 auto}}