html,body{touch-action:pan-x pan-y} /* mobil: zákaz pinch-zoom (spolu s viewport meta) */
/* 11a: dropdown prepínač eshopov v admin hlavičke */
.shop-dd{position:relative} /* je prvý v lište, odsadenie zľava netreba */
.shop-dd-btn{display:flex;align-items:center;gap:9px;border:1px solid var(--line2);background:var(--card);border-radius:99px;padding:6px 14px 6px 8px;font-size:13.5px;font-weight:700;color:var(--text);cursor:pointer;font-family:inherit;max-width:260px;white-space:nowrap}
.shop-dd-btn:hover{background:var(--gray-soft)}
.shop-av{width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent-2);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.shop-av.big{width:30px;height:30px;border-radius:9px;font-size:11px}
.shop-av.dash{width:30px;height:30px;border-radius:9px;background:none;border:1.5px dashed #c7ccd4;color:var(--muted);font-size:14px;font-weight:700}
.shop-dd-caret{font-size:9px;color:var(--soft)}
.shop-dd-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;width:310px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(16,24,40,.16);padding:6px;z-index:60;flex-direction:column}
.shop-dd.open .shop-dd-menu{display:flex}
.shop-dd-label{font-size:11px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 4px}
.shop-dd-item{display:flex;align-items:center;gap:10px;border-radius:10px;padding:9px 10px;text-decoration:none;color:var(--text)}
.shop-dd-item:hover{background:var(--gray-soft);color:var(--text)}
.shop-dd-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.shop-dd-txt b{font-size:13.5px;font-weight:700;color:var(--text)}
.shop-dd-txt i{font-style:normal;font-size:12px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-dd-check{font-size:14px;font-weight:800;color:var(--accent);flex:none}
.shop-dd-sep{height:1px;background:#f1f3f5;margin:6px 4px}
/* 11b: stránka Pridať eshop */
.shopadd-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:start}
@media(max-width:900px){.shopadd-grid{grid-template-columns:1fr}}
.shopadd-urls{display:flex;flex-direction:column;gap:8px}
.shopadd-urls .l{display:block;font-size:11px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.shopadd-urls code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f8f9fb;border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:#374151;font-size:12px;overflow-wrap:anywhere}
/* 11c: badge roly manažéra */
.badge.violet{background:var(--accent-soft);color:var(--accent-2)}
:root{
--bg:#f6f7fb; --card:#ffffff; --line:#eceef4; --line2:#e2e5ee;
--text:#111527; --muted:#6b7280; --soft:#9aa1b2;
--accent:#5b5bd6; --accent-2:#4747c9; --accent-soft:#eef0ff;
--green:#16a34a; --green-soft:#e8f7ee; --amber:#d97706; --amber-soft:#fdf3e3;
--red:#dc2626; --red-soft:#fdecec; --gray-soft:#f1f2f6;
--r:18px; --r-sm:12px;
--shadow:0 1px 2px rgba(17,21,39,.04), 0 8px 24px -12px rgba(17,21,39,.12);
--shadow-lg:0 24px 60px -20px rgba(17,21,39,.25);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
h1{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}
h2{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px}
h3{font-size:14px;font-weight:600;margin:0 0 8px}
/* topbar */
.topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar-in{width:100%;padding:0 32px;height:64px;display:flex;align-items:center;gap:28px}
.brand{font-weight:800;font-size:16px;color:var(--text);display:flex;align-items:center;gap:9px;letter-spacing:-.02em}
.brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#7c7cf0,#4747c9);box-shadow:0 0 0 4px var(--accent-soft)}
.nav{display:flex;gap:4px;flex:1}
.nav-link{padding:8px 16px;border-radius:999px;color:var(--muted);font-weight:600;font-size:14px;transition:.15s}
.nav-link:hover{background:var(--gray-soft);color:var(--text)}
.nav-link.active{background:var(--accent-soft);color:var(--accent)}
.top-right{display:flex;align-items:center;gap:12px}
/* ── účet + dropdown (63a) ── */
/* ── Moji klienti (66a) ── */
.mk{display:flex;flex-direction:column;gap:18px}
.mk-hd{display:flex;align-items:flex-end;gap:12px}
.mk-hd>div{flex:1;min-width:0}
.mk-hd h1{margin:0;font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--text,#111827)}
.mk-hd p{margin:5px 0 0;font-size:13.5px;color:#6b7280}
.mk-hd input{flex:0 0 240px !important;margin-left:auto;border:1px solid #e5e7eb;background:#fff;border-radius:10px;
padding:9px 13px;font-size:13px;color:#111827;outline:none;width:240px !important;font-family:inherit;box-sizing:border-box}
.mk-hd input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.mk-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mk-kpi{background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.mk-kpi .l{font-size:12.5px;font-weight:700;color:#6b7280}
.mk-kpi .v{font-size:25px;font-weight:800;letter-spacing:-.02em;color:#111827;line-height:1}
.mk-kpi .s{font-size:12px;color:#9ca3af}
.mk-card{background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:22px 24px 8px}
.mk-card h3{margin:0 0 14px;font-size:17px;font-weight:800;letter-spacing:-.01em;color:#111827}
.mk-card h3 span{font-size:13px;font-weight:700;color:#9ca3af;margin-left:5px}
.mk-thead,.mk-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 90px 140px 140px;gap:20px;align-items:center}
.mk-row .mail{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-thead{padding:0 4px 9px;font-size:10.5px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em}
.mk-row{padding:12px 4px;border-top:1px solid #f4f5f7}
.mk-row[hidden]{display:none}
.mk-row .cl{display:flex;flex-direction:column;gap:2px;min-width:0}
.mk-row .cl b{font-size:13.5px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-row .cl i{font-style:normal;font-size:11px;color:#9ca3af}
.mk-row .num{font-size:13.5px;font-weight:700;color:#111827;text-align:right}
.mk-row .num.com{font-weight:800;color:#0e8a48}
.mk-row .num.soft{font-weight:600;color:#9ca3af}
.mk-thead .num{text-align:right}
.mk-empty{border-top:1px solid #f4f5f7;padding:22px 4px;text-align:center;font-size:12.5px;color:#9ca3af}
.mk-pager{display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid #f4f5f7;
padding:26px 0 14px;margin-top:12px}
.mk-pager[hidden]{display:none}
.mk-pager button{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:9px;font-size:16px;
color:#374151;cursor:pointer;font-family:inherit;line-height:1}
.mk-pager button:hover:not(:disabled){background:#f4f5f8}
.mk-pager button:disabled{opacity:.4;cursor:default}
.mk-pager span{font-size:12.5px;font-weight:700;color:#6b7280;min-width:90px;text-align:center}
@media(max-width:900px){.mk-kpis{grid-template-columns:1fr 1fr}.mk-thead{display:none}
.mk-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}.mk-row .num{text-align:left}}
/* ── BIO + Telegram dlaždica 6:4 (65a) ── */
.bio-tg{display:block}
/* Telegram dlaždica je len odkaz – nech si berie presne toľko, koľko potrebuje
jej najdlhší preklad, a zvyšok šírky nechá BIO banneru */
.bio-tg.has-tg{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:16px;align-items:stretch}
.bio-tg.has-tg .tg-tile{min-width:330px}
.bio-tg.has-tg .tg-tile .tx i{white-space:nowrap}
.bio-tg.has-tg .bio-banner{margin:0}
.tg-tile{display:flex;align-items:center;gap:14px;background:#e7f4fc;border:1px solid #cfe8f7;border-radius:14px;
padding:18px 22px;text-decoration:none;transition:background .15s ease,box-shadow .15s ease}
.tg-tile:hover{background:#daeefb;box-shadow:0 4px 14px rgba(34,158,217,.16)}
.tg-tile .ic{width:30px;height:30px;border-radius:50%;background:#fff;color:#229ED9;display:flex;align-items:center;
justify-content:center;flex:none}
.tg-tile .ic svg{width:17px;height:17px}
.tg-tile .tx{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.tg-tile .tx b{font-size:14.5px;font-weight:800;color:#1275a3}
.tg-tile .tx i{font-style:normal;font-size:13.5px;color:#374151}
.tg-tile .open{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid #b6ddf1;background:#fff;
color:#1275a3;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700}
@media(max-width:900px){.bio-tg.has-tg{grid-template-columns:1fr}}
/* ── zvonček v portáli (62a) ── */
.pnb{position:relative;display:flex}
.pnb-btn{width:38px;height:38px;border:1px solid #e5e7eb;background:#fff;border-radius:11px;cursor:pointer;
display:flex;align-items:center;justify-content:center;position:relative;transition:.15s;color:#111827}
.pnb-btn:hover{background:#f4f5f8}
.pnb-btn svg{width:18px;height:18px}
.pnb-cnt{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;
border-radius:99px;background:#e5342a;border:2px solid #fff;color:#fff;font-size:10.5px;font-weight:800;
display:flex;align-items:center;justify-content:center;line-height:1}
.pnb-pop{position:absolute;top:48px;right:0;width:372px;max-width:92vw;background:#fff;border:1px solid #e8eaee;
border-radius:14px;box-shadow:0 18px 44px rgba(16,24,40,.18);z-index:80;overflow:hidden;animation:fadeup .15s ease}
.pnb-pop[hidden]{display:none}
.pnb-pop .hd{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid #f1f2f5}
.pnb-pop .hd b{font-size:13.5px;font-weight:800;color:#111827}
.pnb-pop .hd .new{font-size:11px;font-weight:800;color:#e5342a;background:#fdecea;border-radius:99px;padding:2px 8px}
.pnb-pop .hd .x{margin-left:auto;border:none;background:transparent;color:#9ca3af;font-size:17px;font-weight:700;
cursor:pointer;padding:0 2px;line-height:1}
.pnb-pop .hd .x:hover{color:#111827}
.pnb-pop .items{display:flex;flex-direction:column;max-height:344px;overflow-y:auto}
.pnb-pop .it{display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid #f4f5f7}
.pnb-pop .it.un{background:#f7f8ff}
.pnb-pop .it .ic{width:29px;height:29px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
.pnb-pop .it .ic svg{width:14px;height:14px}
.pnb-pop .it .ic.nws{background:#eef0fd;color:#4949c4}
.pnb-pop .it .ic.imp{background:#fdecea;color:#b42318}
.pnb-pop .it .tx{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.pnb-pop .it .meta{display:flex;align-items:center;gap:7px}
.pnb-pop .it .tag{font-size:9.5px;font-weight:800;letter-spacing:.07em;border-radius:5px;padding:2px 6px}
.pnb-pop .it .tag.nws{color:#4949c4;background:#eef0fd}
.pnb-pop .it .tag.imp{color:#b42318;background:#fdecea}
.pnb-pop .it .dot{width:7px;height:7px;border-radius:50%;background:#e5342a}
.pnb-pop .it .dt{margin-left:auto;font-size:11px;color:#9ca3af;white-space:nowrap}
.pnb-pop .it .tt{font-size:13px;font-weight:600;color:#111827;line-height:1.35}
.pnb-pop .it.un .tt{font-weight:800}
.pnb-pop .it .bd{font-size:12px;color:#6b7280;line-height:1.45}
.pnb-pop .none{display:block;padding:20px 16px;text-align:center;font-size:12px;color:#9ca3af}
.pnb-pop .ft{padding:10px 16px;background:#fafbfc;display:flex;align-items:center}
.pnb-pop .ft span{font-size:11.5px;color:#9ca3af}
.pnb-pop .ft button{margin-left:auto;border:none;background:transparent;color:#4949c4;font-size:11.5px;font-weight:800;
cursor:pointer;font-family:inherit}
.pnb-pop .ft button:hover{text-decoration:underline}
@media(max-width:640px){.pnb-pop{position:fixed;top:64px;left:4vw;right:4vw;width:auto}}
.acc-dd{position:relative}
.acc-btn{display:flex;align-items:center;gap:9px;border:1px solid #e5e7eb;background:#fff;border-radius:99px;
padding:5px 13px 5px 6px;font-size:13px;font-weight:700;color:#111827;cursor:pointer;font-family:inherit;
transition:background .15s ease,border-color .15s ease}
.acc-btn:hover{background:#fafbfc}
.acc-btn.on,.acc-dd.open .acc-btn{background:#eef0fd;border-color:#c9cbf5;color:#4949c4}
/* krúžok s iniciálou nech neslezie s fialovým pozadím aktívneho/hover tlačidla (Ondrej, 26. 10. 2026) */
.acc-btn:hover .acc-av,.acc-btn.on .acc-av,.acc-dd.open .acc-btn .acc-av{background:#fff;box-shadow:0 0 0 1px #dfe1fb}
.acc-av{width:26px;height:26px;border-radius:50%;background:#eef0fd;color:#4949c4;font-size:10.5px;font-weight:800;
display:flex;align-items:center;justify-content:center;flex:none}
.acc-av.big{width:34px;height:34px;font-size:12px}
.acc-caret{font-style:normal;font-size:9px;color:#9ca3af;transition:transform .15s ease}
.acc-dd.open .acc-caret{transform:rotate(180deg)}
.acc-menu{position:absolute;top:calc(100% + 8px);right:0;width:308px;background:#fff;border:1px solid #e8eaee;
border-radius:14px;box-shadow:0 18px 44px rgba(16,24,40,.18);z-index:60;overflow:hidden;display:none;
animation:fadeup .15s ease}
.acc-dd.open .acc-menu{display:block}
.acc-head{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid #f1f2f5}
.acc-who{display:flex;flex-direction:column;gap:1px;min-width:0}
.acc-who b{font-size:13.5px;font-weight:800;color:#111827}
.acc-who i{font-style:normal;font-size:11.5px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-role{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.06em;color:#4949c4;background:#eef0fd;
border-radius:6px;padding:3px 7px;flex:none}
.acc-items,.acc-foot{display:flex;flex-direction:column;padding:6px}
.acc-foot{border-top:1px solid #f1f2f5}
.acc-item{display:flex;align-items:center;gap:11px;border-radius:10px;padding:10px 11px;text-decoration:none}
.acc-item:hover{background:#f7f8ff}
.acc-item.on{background:#f4f5ff}
.acc-ic{width:30px;height:30px;border-radius:9px;background:#eef0fd;color:#4949c4;display:flex;align-items:center;
justify-content:center;flex:none}
.acc-ic svg{width:15px;height:15px}
.acc-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.acc-tx b{font-size:13.5px;font-weight:700;color:#111827}
.acc-tx i{font-style:normal;font-size:11.5px;color:#9ca3af}
.acc-item.out:hover{background:#fef3f2}
.acc-item.out .acc-ic{background:#fdecea;color:#b42318}
.acc-item.out .acc-tx b{color:#b42318}
/* ── notifikácie (64a) ── */
.nf [hidden]{display:none !important}
.nf{display:flex;flex-direction:column;gap:18px}
.nf-hd{display:flex;align-items:flex-start;gap:16px}
.nf-hd h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em}
.nf-hd p{margin:4px 0 0;font-size:13.5px;color:#6b7280}
.nf-stats{margin-left:auto;display:flex;gap:8px;flex:none}
.nf-stat{display:flex;flex-direction:column;gap:2px;align-items:flex-end;border:1px solid #eceef1;background:#fff;
border-radius:11px;padding:8px 14px;min-width:74px}
.nf-stat b{font-size:17px;font-weight:800;line-height:1}
.nf-stat i{font-style:normal;font-size:10.5px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}
.nf-grid{display:grid;grid-template-columns:398px minmax(0,1fr) 296px;gap:20px;align-items:start}
@media(max-width:1200px){.nf-grid{grid-template-columns:1fr}}
.nf-cap{font-size:11px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.07em}
.nf-form{border:1px solid #eceef1;background:#fafbfc;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}
.nf-f{display:flex;flex-direction:column;gap:6px;flex:1}
.nf-f label{display:flex;align-items:baseline;font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}
.nf-f label em{margin-left:auto;font-style:normal;font-weight:700;letter-spacing:0}
.nf-f input[type=text],.nf-f input[type=date],.nf-f textarea{border:1px solid #e5e7eb;background:#fff;border-radius:10px;
padding:10px 12px;font-size:13.5px;color:#111827;outline:none;font-family:inherit}
.nf-f input[type=text]{font-weight:700}
.nf-f textarea{resize:vertical;line-height:1.5;font-size:13px}
.nf-f input:focus,.nf-f textarea:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.nf-seg{display:flex;background:#f1f2f5;border-radius:10px;padding:3px;gap:3px}
.nf-seg button{flex:1;border:none;background:transparent;color:#6b7280;border-radius:8px;padding:8px 10px;font-size:12.5px;
font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease}
.nf-seg button.on{background:#fff;color:#111827;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.nf-2{display:flex;gap:12px}
.nf-who{display:flex;align-items:center;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:9px 12px;
font-size:13px;font-weight:600;color:#111827}
.nf-pin{display:flex;align-items:center;gap:9px;border:none;background:transparent;padding:0;cursor:pointer;
font-family:inherit;text-align:left}
.nf-pin .mk{width:17px;height:17px;border-radius:5px;border:2px solid #d5d7dd;background:#fff;flex:none;
display:flex;align-items:center;justify-content:center}
.nf-pin.on .mk{border-color:#5b5bd6;background:#5b5bd6}
.nf-pin.on .mk::after{content:"✓";color:#fff;font-size:11px;font-weight:800;line-height:1}
.nf-pin span{font-size:13px;font-weight:700;color:#374151}
.nf-pin span em{font-style:normal;font-weight:600;color:#9ca3af}
.nf-warn{display:flex;align-items:center;background:#fdecea;border-radius:10px;padding:9px 12px;font-size:12.5px;
font-weight:700;color:#b42318}
.nf-btns{display:flex;gap:8px}
.nf-btns button{border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.nf-btns .gh{border:1px solid #e5e7eb;background:#fff;color:#374151}
.nf-btns .gh:hover{background:#f4f5f8}
.nf-btns .pr{flex:1;border:none;background:#4949c4;color:#fff}
.nf-btns .pr:hover{background:#3d3daa}
.nf-btns button:disabled{opacity:.65;cursor:progress}
.nf-btns .cx{border:1px solid #e5e7eb;background:#fff;color:#9ca3af}
.nf-btns .cx:hover{color:#111827}
.nf-list{display:flex;flex-direction:column;gap:9px;min-width:0}
.nf-lhd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nf-flt{border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:99px;padding:5px 12px;font-size:11.5px;
font-weight:700;cursor:pointer;font-family:inherit;transition:.15s}
.nf-flt.on{border-color:#5b5bd6;background:#f4f5ff;color:#4949c4}
.nf-row{display:flex;gap:12px;border:1px solid #eceef1;background:#fff;border-radius:12px;padding:13px 14px;align-items:flex-start}
.nf-row[hidden]{display:none}
.nf-row .ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
.nf-row .ic svg{width:15px;height:15px}
.nf-row .tx{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.nf-row .meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nf-row .tag,.nf-prev .tag{font-size:9.5px;font-weight:800;letter-spacing:.07em;border-radius:5px;padding:2px 6px}
.nf-row .st{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px}
.nf-row .st i{width:5px;height:5px;border-radius:50%}
.nf-row .pinb{font-size:10.5px;font-weight:800;color:#b54708;background:#fdf6e3;border-radius:5px;padding:2px 7px}
.nf-row .st.mail{color:#b54708;background:#fdf6e3}
.nf-row .st.mail.ok{color:#067647;background:#ecfdf3}
.nf-row .dt{margin-left:auto;font-size:11.5px;color:#9ca3af;white-space:nowrap}
.nf-row .tt{font-size:13.5px;font-weight:800;color:#111827;line-height:1.35}
.nf-row .bd{font-size:12.5px;color:#6b7280;line-height:1.5}
.nf-row .acts{display:flex;gap:6px;flex:none}
.nf-row .acts button{height:29px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;
font-family:inherit;display:flex;align-items:center;justify-content:center}
.nf-row .acts .tg{padding:0 11px;font-size:11.5px;font-weight:700;color:#374151}
.nf-row .acts .tg:hover,.nf-row .acts .ed:hover{background:#f4f5f8}
.nf-row .acts .ed,.nf-row .acts .dl{width:29px}
.nf-row .acts .ed svg{width:12px;height:12px;color:#6b7280}
.nf-row .acts .dl{border-color:#fecdca}
.nf-row .acts .dl svg{width:12px;height:12px;color:#d92d20}
.nf-row .acts .dl:hover{background:#fef3f2}
.nf-empty{border:1px dashed #d5d9e0;border-radius:12px;padding:22px;text-align:center;font-size:12.5px;color:#9ca3af}
.nf-prev{display:flex;flex-direction:column;gap:9px}
.nf-bellbox{border:1px solid #e8eaee;border-radius:14px;background:#f8f9fb;padding:14px;display:flex;flex-direction:column;gap:10px}
.nf-bellbox .bellrow{display:flex;align-items:center;gap:9px}
.nf-bellbox .bell{width:34px;height:34px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;display:flex;
align-items:center;justify-content:center;position:relative;flex:none}
.nf-bellbox .bell svg{width:17px;height:17px;color:#111827}
.nf-bellbox .bell .cnt{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;
border-radius:99px;background:#e5342a;border:2px solid #f8f9fb;color:#fff;font-size:10px;font-weight:800;
display:flex;align-items:center;justify-content:center;line-height:1}
.nf-bellbox .soft{font-size:12px;color:#9ca3af;line-height:1.4}
.nf-bellbox .feed{background:#fff;border:1px solid #e8eaee;border-radius:12px;overflow:hidden}
.nf-bellbox .it{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-bottom:1px solid #f4f5f7;background:#f7f8ff}
.nf-bellbox .it:last-child{border-bottom:none}
.nf-bellbox .it .meta{display:flex;align-items:center;gap:6px}
.nf-bellbox .it .dot{width:6px;height:6px;border-radius:50%;background:#e5342a}
.nf-bellbox .it .dt{margin-left:auto;font-size:10.5px;color:#9ca3af;white-space:nowrap}
.nf-bellbox .it b{font-size:12px;font-weight:800;color:#111827;line-height:1.35}
.nf-bellbox .it span:last-child{font-size:11px;color:#6b7280;line-height:1.45}
.nf-bellbox .none{display:block;padding:18px 12px;text-align:center;font-size:11.5px;color:#9ca3af}
@keyframes fadeup{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.user-chip{font-size:13px;color:var(--muted);background:var(--gray-soft);padding:6px 14px;border-radius:999px;font-weight:500}
.wrap{width:100%;padding:32px 32px 80px}
/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:24px}
.card+.card{margin-top:20px}
.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;display:flex;align-items:flex-start;gap:14px;min-height:126px}
.stat .lbl{font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
/* popisok drž na jednom riadku – dvojriadkový by posunul veľké číslo nižšie než v susedných boxoch */
.grid-stats .stat .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.stat .val{font-size:27px;font-weight:800;letter-spacing:-.025em;line-height:1.05}
.stat .sub{font-size:13px;color:var(--soft)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:14px;padding:10px 20px;border-radius:10px;background:var(--accent);color:#fff;transition:.15s;box-shadow:0 2px 10px -2px rgba(91,91,214,.45);white-space:nowrap}
.btn:hover{background:var(--accent-2);transform:translateY(-1px)}
.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--line2);box-shadow:none}
.btn.ghost:hover{background:var(--gray-soft)}
.btn.danger{background:var(--red-soft);color:var(--red);box-shadow:none}
.btn.danger:hover{background:#fbdcdc}
.btn.sm{padding:7px 14px;font-size:13px}
.btn:disabled{opacity:.55;cursor:default;transform:none}
/* table */
.tbl-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
/* Pripnutá hlavička tabuľky (dizajn 58a): keďže tabuľka sa posúva do strán, CSS sticky by ju
uväznilo v posuvnom kontajneri – preto sa pod hlavné menu pripne jej kópia (assets/app.js).
Polopriehľadné biele pozadie s blurom, spodná linka a tieň = jasne „pláva" nad riadkami. */
.pin-head{position:fixed;z-index:30;overflow:hidden;background:rgba(255,255,255,.85);
backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
border-bottom:1px solid #e8eaee;box-shadow:0 8px 18px -12px rgba(16,24,40,.28)}
.pin-head table{border-collapse:collapse;table-layout:fixed;background:transparent}
.pin-head th{background:transparent;border-bottom:none}
.pin-head[hidden]{display:none}
/* ---------- Manažment zľavových kódov v nastaveniach influencera (dizajn 59a) ---------- */
.dcm{display:flex;flex-direction:column}
.dcm-head,.dcm-row{display:grid;grid-template-columns:minmax(120px,1.1fr) 64px 175px 96px 96px 96px minmax(150px,1fr) 74px;
align-items:center;gap:12px}
.dcm-head{padding:0 14px 8px;font-size:10.5px;font-weight:800;color:var(--soft);text-transform:uppercase;letter-spacing:.08em}
.dcm-row{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 14px;margin-bottom:8px}
/* expirované/koncepty ostávajú na bielom (ako v predlohe 59a) – stav hovorí pilulka a farba kódu */
.dcm-row.st-bad{border-color:#fecdca;background:#fffbfa}
.dcm-row.is-pers{border-color:#fef0c7;background:#fffdf4}
.dcm-row.is-main{border-color:#dfe3ff;background:#f8f8fe}
.dcm-code{font-family:'SF Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;font-weight:800;letter-spacing:.04em;
color:#067647;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcm-row.st-warn .dcm-code{color:#b54708}
.dcm-row.st-bad .dcm-code{color:#b42318}
.dcm-pct{font-size:15px;font-weight:800;white-space:nowrap}
.dcm-stbox{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.dcm-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:99px;
background:#ecfdf3;color:#067647;white-space:nowrap}
.dcm-st i{width:6px;height:6px;border-radius:50%;background:#12b76a;flex:none}
.st-warn .dcm-st{background:#fffaeb;color:#b54708}.st-warn .dcm-st i{background:#f79009}
.st-bad .dcm-st{background:#fef3f2;color:#b42318}.st-bad .dcm-st i{background:#f04438}
.dcm-exp{font-size:11px;color:#b54708;font-weight:600;padding-left:11px;white-space:nowrap}
.dcm-exp.soft2{color:var(--soft)}
.dcm-toggle{display:inline-flex;align-items:center;gap:7px;border:none;background:transparent;padding:0;cursor:pointer;
font-family:inherit;justify-self:start}
.dcm-toggle b{font-size:12px;font-weight:700;color:var(--soft)}
.dcm-toggle:disabled{opacity:.5;cursor:default}
.dcm-main .ring{width:17px;height:17px;border-radius:50%;border:2px solid var(--line-2,#d0d5dd);background:#fff;
display:flex;align-items:center;justify-content:center;transition:.15s;flex:none}
.dcm-main .ring i{width:8px;height:8px;border-radius:50%;background:transparent;transition:.15s}
.dcm-main.on .ring{border-color:#4949c4}
.dcm-main.on .ring i{background:#4949c4}
.dcm-main.on b{color:#4949c4}
.dcm-pers .sw,.dcm-akc .sw{width:32px;height:19px;border-radius:99px;background:#e4e7ec;position:relative;transition:background .15s;display:block;flex:none}
.dcm-pers .sw i,.dcm-akc .sw i{position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:50%;background:#fff;
box-shadow:0 1px 2px rgba(16,24,40,.2);transition:left .15s}
.dcm-pers.on .sw{background:#b54708}
.dcm-akc.on .sw{background:#4949c4}
.dcm-pers.on .sw i,.dcm-akc.on .sw i{left:15.5px}
.dcm-pers.on b{color:#b54708}
.dcm-akc.on b{color:#4949c4}
.dcm-used{font-size:12.5px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dcm-act{display:flex;gap:4px;justify-content:flex-end}
.dcm-act button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;
display:flex;align-items:center;justify-content:center;color:var(--soft);font-size:13px;line-height:1;transition:.12s}
.dcm-act button:hover{background:#f4f5f8;color:var(--text)}
.dcm-act button.x:hover{background:#fef3f2;color:var(--red);border-color:#fecdca}
.dcm-note{display:flex;align-items:flex-start;gap:9px;background:#f8f9fb;border:1px solid var(--line);border-radius:11px;
padding:11px 14px;margin-top:14px;font-size:12.5px;color:var(--muted);line-height:1.55}
.dcm-note>b{font-weight:800;color:var(--accent);flex:none}
/* obdobie akcie – vyroluje sa až po zaškrtnutí „Akciový kód" */
.dcf-promobox{border:1px solid #dfe3ff;background:#f8f8fe;border-radius:11px;padding:12px 14px;
animation:dcfSlide .16s ease}
.dcf-promobox .hint{margin-top:6px}
@keyframes dcfSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dcm-exp.promo{color:#4949c4}
/* checkboxy v popupe kódu (59a): farebný štvorček s fajkou, osobný oranžový */
.dcf-chk{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;user-select:none}
.dcf-chk input{position:absolute;opacity:0;pointer-events:none}
.dcf-chk .box{width:17px;height:17px;border-radius:5px;border:2px solid #d0d5dd;background:#fff;flex:none;
display:flex;align-items:center;justify-content:center;transition:.12s}
.dcf-chk .box::after{content:'✓';font-size:11px;font-weight:800;color:#fff;line-height:1;opacity:0;transform:scale(.6);transition:.12s}
.dcf-chk input:checked + .box{background:#4949c4;border-color:#4949c4}
.dcf-chk.pers input:checked + .box{background:#b54708;border-color:#b54708}
.dcf-chk input:checked + .box::after{opacity:1;transform:scale(1)}
.dcf-chk b{font-weight:700;color:#374151}
.dcf-chk .soft{font-weight:500}
.dcf-chk:hover .box{border-color:#9aa1ac}
.dcf-chk input:checked:hover + .box{filter:brightness(1.06)}
@media(max-width:1100px){
.dcm-head{display:none}
.dcm-row{grid-template-columns:1fr 1fr;gap:8px 12px}
.dcm-act{grid-column:2}
}
/* štítok nepovinnej sekcie v nastaveniach influencera */
.opt-chip{display:inline-flex;align-items:center;background:#f2f4f7;color:#667085;border-radius:99px;padding:2px 10px;font-size:11.5px;font-weight:700}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.tbl-scroll::-webkit-scrollbar{height:8px}
.tbl-scroll::-webkit-scrollbar-thumb{background:#d7dae2;border-radius:99px}
.tbl-scroll::-webkit-scrollbar-thumb:hover{background:#c2c7cf}
.tbl-scroll .tbl{min-width:1170px}
/* Pri vyhľadávaní ostane viditeľných pár riadkov a prehliadač prepočíta šírky stĺpcov
nanovo – stĺpec s influencerom sa zúži a meno sa škaredo zalomí. Držíme mu minimum
a meno na jednom riadku. */
.tbl td .person{min-width:225px}
.tbl .person .p-name{white-space:nowrap}
/* admin Objednávky: širšia tabuľka so zdrojom z eshopu — skroluje sa do strany,
každá bunka drží jeden riadok (e-mail a čas majú vlastné riadky zámerne) */
.obj-tbl{min-width:1280px}
.obj-tbl td,.obj-tbl th{white-space:nowrap}
.obj-tbl tbody tr{cursor:pointer}
.obj-tbl .badge{white-space:nowrap}
.tbl-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}
table.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--soft);padding:12px 16px;border-bottom:1px solid var(--line);background:#fafbfe}
.tbl td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:none}
.tbl tbody tr{cursor:pointer;transition:.12s}
.tbl tbody tr:hover{background:#f8f9fe}
.tbl th:first-child,.tbl td:first-child{padding-left:24px}
.tbl th:last-child,.tbl td:last-child{padding-right:24px}
.num{text-align:right;font-variant-numeric:tabular-nums}
th.num{text-align:right}
.rank{width:28px;height:28px;border-radius:50%;background:var(--gray-soft);color:var(--muted);font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center}
.rank.top1{background:linear-gradient(135deg,#ffe9a8,#f7c948);color:#7a5b00}
.rank.top2{background:#eef0f5;color:#5f6b7d}
.rank.top3{background:#f7e3d3;color:#8a5a2b}
/* avatar + person */
.person{display:flex;align-items:center;gap:12px}
.avatar{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible;position:relative}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}
/* štít s levelom v ľavom hornom rohu fotky */
/* rovnaká stavba ako veľký štít v portáli, len v malom – vrstvy sú v %, nech sedia
pri každej veľkosti (rebríček 21 px, profil influencera 34 px) */
.lvbadge{position:absolute;left:-8px;top:-8px;width:23px;height:26px;display:block;z-index:3;
filter:drop-shadow(0 2px 3px rgba(16,24,40,.4))}
.lvbadge i{position:absolute;clip-path:polygon(50% 0%,100% 14%,100% 56%,50% 100%,0% 56%,0% 14%)}
.lvbadge i.e{inset:0;background:linear-gradient(160deg,#3b4150 0%,#1b1e27 100%)}
.lvbadge i.g{left:7%;right:7%;top:6%;bottom:7%}
.lvbadge i.s{left:14%;right:14%;top:12%;bottom:18%;
background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.05) 48%,rgba(0,0,0,.16) 100%)}
.lvbadge i.c{left:26%;right:26%;top:21%;bottom:29%;background:rgba(18,20,28,.9)}
.lvbadge b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
padding-bottom:22%;font-size:9px;font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.pf-avatar{position:relative;overflow:visible}
.pf-avatar img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.pf-avatar .lvbadge{left:-13px;top:-13px;width:38px;height:43px}
.pf-avatar .lvbadge b{font-size:15px}
/* Odhad najbližšej kontroly levelu – len pre tím: zelená hore = postúpi, červená dole = klesne.
Samostatný glyf bez pozadia, naľavo od štítu a zarovnaný na jeho vertikálny stred.
Stojí mimo .lvbadge, takže ho neoreže clip-path štítu ani nechytí jeho tieň. */
.lvar{position:absolute;left:-18.5px;top:-16px;width:15px;height:15px;z-index:4}
.lvar svg{display:block;width:100%;height:100%}
.lvar.up{color:#3f9d5d}
.lvar.dn{color:#dd3b30}
/* profil influencera – väčší štít, teda aj väčšia šípka. Avatar posúvame doprava, inak by
šípku orezal okraj karty (.pf má overflow:hidden); miesto držíme vždy, keď je štít, aby
hlavička neposkakovala podľa toho, či šípka je alebo nie je */
.pf-avatar .lvar{left:-25px;top:-14px;width:18px;height:18px}
.pf-avatar:has(.lvbadge){margin-left:10px}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.lg{width:64px;height:64px;font-size:20px;border-radius:22px}
.person .p-name{font-weight:600}
.person .p-name .p-name-lnk{color:inherit;text-decoration:none;font-weight:inherit}
.person .p-name .p-name-lnk:hover{text-decoration:underline}
.person .p-sub{font-size:12.5px;color:var(--soft)}
/* badges & pills */
.badge{display:inline-block;white-space:nowrap;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}
.badge.green{background:var(--green-soft);color:var(--green)}
.badge.amber{background:var(--amber-soft);color:var(--amber)}
.badge.red{background:var(--red-soft);color:var(--red)}
.badge.gray{background:var(--gray-soft);color:var(--muted)}
.badge.blue{background:#e3edfe;color:#1d4ed8}
.badge.teal{background:#e6f7f3;color:#0f766e}
.camp-ch{width:32px;height:32px;border:1px solid var(--line2);background:#fff;border-radius:9px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.camp-ch svg{width:16px;height:16px}
.camp-tbl td.camp-no{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;padding-left:6px;padding-right:6px}
.camp-ch:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}
a.badge{text-decoration:none;cursor:pointer}
a.badge:hover{filter:brightness(.96)}
/* chip „filtrované: Meno ✕" v hlavičke Balíčkov – filter prišiel z profilu influencera */
.bx-qchip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;
background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:600;
text-decoration:none;white-space:nowrap}
.bx-qchip:hover{background:#dcdcfa}
.bx-qchip span{opacity:.65;font-weight:700}
/* popup Uhradiť / Presunúť (Výplaty v eurách) */
.paym-sum{background:linear-gradient(135deg,#1b1f36,#2a2f52);border-radius:16px;padding:18px 20px;color:#fff;margin-bottom:16px}
.paym-who{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.paym-who b{font-size:15.5px}
.paym-who span{font-size:12.5px;color:rgba(255,255,255,.65)}
.paym-amt{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-top:6px}
.paym-brk{font-size:12.5px;color:rgba(255,255,255,.72);margin-top:4px}
.paym-opts{display:grid;gap:10px;margin-bottom:14px}
.paym-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;border:1.5px solid var(--line2);
background:#fff;border-radius:14px;padding:14px 16px;cursor:pointer;font-family:inherit;transition:.15s}
.paym-opt:hover{border-color:#c7c9f0}
.paym-opt.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px rgba(91,91,214,.12)}
.paym-opt .ic{font-size:20px;line-height:1.2}
.paym-opt b{display:block;font-size:14px;color:var(--text)}
.paym-opt .d{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.45}
.paym-chk{display:flex;gap:10px;align-items:flex-start;background:var(--gray-soft);border-radius:12px;
padding:12px 14px;cursor:pointer;font-size:13px;line-height:1.5}
.paym-chk[hidden]{display:none}
.paym-chk input{width:16px;height:16px;margin-top:2px;flex:none;accent-color:var(--green)}
.badge.violet{background:var(--accent-soft);color:var(--accent)}
.code-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--gray-soft);border:1px solid var(--line2);padding:3px 10px;border-radius:8px;cursor:pointer}
.code-chip:hover{background:var(--accent-soft);border-color:#d5d8ff}
.net-pill{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 6px;border-radius:8px;font-size:10.5px;font-weight:800;letter-spacing:.02em;margin-right:4px;cursor:help}
a.net-pill.link{cursor:pointer;text-decoration:none;transition:filter .15s}
a.net-pill.link:hover{filter:brightness(.93)}
.net-pill.ok{background:var(--green-soft);color:var(--green)}
.net-pill .net-n{margin-left:4px;padding-left:4px;border-left:1px solid currentColor;opacity:.85;font-size:10px}
.net-pill.bad{background:var(--red-soft);color:var(--red)}
.net-pill.warn{background:var(--amber-soft);color:var(--amber)}
.net-pill.idle{background:var(--gray-soft);color:var(--soft)}
/* forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.form-grid .full{grid-column:1/-1}
label.f{display:block}
label.f .l{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:6px}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],select,textarea{
width:100%;font-family:inherit;font-size:14px;color:var(--text);background:#fbfbfd;border:1.5px solid var(--line2);border-radius:var(--r-sm);padding:10px 14px;outline:none;transition:.15s}
input:focus,select:focus,textarea:focus{border-color:var(--accent);background-color:#fff;box-shadow:0 0 0 4px rgba(91,91,214,.10)}
textarea{resize:vertical;min-height:90px}
.hint{font-size:12.5px;color:var(--soft);margin-top:5px}
.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}
/* login */
.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:
radial-gradient(1000px 500px at 20% -10%, #eef0ff 0%, transparent 60%),
radial-gradient(900px 500px at 100% 110%, #e9fbf1 0%, transparent 55%), var(--bg)}
.login-card{width:400px;max-width:92vw;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-lg);padding:40px}
.login-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em;margin-bottom:6px}
.login-sub{color:var(--muted);font-size:14px;margin-bottom:28px}
.login-card .f{margin-bottom:16px}
/* tabs */
.tabs{display:flex;gap:4px;background:var(--gray-soft);border-radius:999px;padding:4px;width:fit-content;margin-bottom:20px}
.tab{padding:8px 18px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--muted);cursor:pointer;border:none;background:transparent;font-family:inherit;transition:.15s}
.tab.active{background:#fff;color:var(--text);box-shadow:var(--shadow)}
.tabpane{display:none}
.tabpane.active{display:block}
/* profile header */
.profile-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.profile-head .grow{flex:1;min-width:220px}
.aff-box{display:flex;align-items:center;gap:8px;background:var(--gray-soft);border:1px solid var(--line2);border-radius:var(--r-sm);padding:8px 8px 8px 14px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;max-width:100%;overflow:hidden}
.aff-box span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* chat */
.chat-box{display:flex;flex-direction:column;height:460px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:#fafbfe}
.chat-msgs{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:72%;padding:10px 14px;border-radius:16px;font-size:14px;white-space:pre-wrap;word-wrap:break-word}
.msg.in{align-self:flex-start;background:#fff;border:1px solid var(--line2);border-bottom-left-radius:6px}
.msg.out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px}
.msg .meta{font-size:11px;opacity:.65;margin-bottom:3px;font-weight:600}
.chat-input{display:flex;gap:10px;padding:12px;background:#fff;border-top:1px solid var(--line)}
.chat-input textarea{min-height:44px;max-height:130px;flex:1}
/* misc */
.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.spread{justify-content:space-between}
.mt{margin-top:20px}
.muted{color:var(--muted)}.soft{color:var(--soft);font-size:12.5px}
.alert{padding:12px 18px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;margin-bottom:18px}
.alert.err{background:var(--red-soft);color:var(--red)}
.alert.ok{background:var(--green-soft);color:var(--green)}
.empty{padding:60px 20px;text-align:center;color:var(--soft)}
.empty .big{font-size:38px;margin-bottom:10px}
.net-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.net-row:last-child{border-bottom:none}
.net-ic{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}
.net-ic.instagram{background:#fdeef5;color:#d6317e}.net-ic.facebook{background:#e9f0fe;color:#1866d2}
.net-ic.tiktok{background:#111;color:#fff}.net-ic.twitter{background:#eef2f6;color:#111}.net-ic.youtube{background:#fdecec;color:#e02424}
.checkline{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.chk{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px}
.chk.y{background:var(--green-soft);color:var(--green)}
.chk.n{background:var(--red-soft);color:var(--red)}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#111527;color:#fff;padding:11px 22px;border-radius:999px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transition:.25s;pointer-events:none;z-index:99}
.toast.show{opacity:1}
.snippet{background:#0f1222;color:#d8ddf5;font-family:ui-monospace,Menlo,monospace;font-size:12px;border-radius:var(--r-sm);padding:16px 18px;overflow-x:auto;white-space:pre;line-height:1.6}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.nav{display:none}.msg{max-width:88%}}
/* selecty – rovnaká výška a vzhľad ako ostatné polia */
input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],select{height:44px}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
select:focus{background-color:#fff;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235b5bd6' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
/* sociálne siete – mriežka 2 na riadok, výrazní sledovatelia */
.net-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:14px}
.net-cell{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fbfbfd}
.net-cell input{background:#fff}
.fol-box{min-width:104px;text-align:right}
.fol{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--text)}
.fol-l{font-size:11px;color:var(--soft);line-height:1.3}
@media(max-width:900px){.net-grid{grid-template-columns:1fr}}
/* výplaty – statusy */
/* stavy mesačnej výplaty – odvodené, nie ručné: zbiera sa / ukončený mesiac / uhradené */
.badge.po-collecting{background:#e3edfe;color:#1d4ed8}
.badge.po-moved{background:#ede9fe;color:#6d28d9}
.badge.po-closed{background:var(--amber-soft);color:var(--amber)}
.badge.po-paid{background:var(--green-soft);color:var(--green)}
/* vrátenie úhrady v úprave výplaty */
.pom-undo{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;
background:var(--gray-soft);border:1px solid var(--line2);border-radius:12px}
/* bez tohto by atribút hidden neplatil – display:flex vyššie ho prebije */
.pom-undo[hidden]{display:none}
.pom-undo>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:13px}
.pom-undo i{font-style:normal;font-size:12px;color:var(--soft);line-height:1.5}
.pom-undo .btn{flex:none;white-space:nowrap}
.paym-note{margin-top:14px;font-size:12.5px;color:var(--soft);line-height:1.55}
/* zloženie balíčka: kompaktné riadky, ktoré sa nelámu (fix / % · suma · obrat) */
.comp-lines{display:flex;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.35;color:var(--muted)}
.comp-lines b{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
.comp-lines .chk{margin-left:6px}
.cl-row{display:flex;align-items:baseline;gap:6px;white-space:nowrap;min-width:0}
.cl-k{flex:none;min-width:38px;font-size:11px;font-weight:800;letter-spacing:.03em;color:#9aa0ae;
text-transform:uppercase}
.cl-row i{font-style:normal;font-size:11.5px;color:#a8aeba;overflow:hidden;text-overflow:ellipsis}
/* Platobné údaje sa rozbaľujú animovane (výšku dopočíta app.js) – natívne
vyskočí naraz a celou tabuľkou to trhne. Marker si kreslíme sami, aby sa dal otáčať. */
.pay-details summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--accent);margin-top:2px;
display:inline-flex;align-items:center;gap:6px;list-style:none;user-select:none}
.pay-details summary::-webkit-details-marker{display:none}
.pay-details summary::before{content:"";width:0;height:0;border-left:5px solid currentColor;
border-top:4px solid transparent;border-bottom:4px solid transparent;
transition:transform .22s cubic-bezier(.32,.72,0,1)}
.pay-details[open] summary::before{transform:rotate(90deg)}
.pay-wrap{overflow:hidden}
@media(prefers-reduced-motion:reduce){.pay-details summary::before{transition:none}}
.pay-box{margin-top:8px;padding:10px 12px;background:var(--gray-soft);border:1px solid var(--line2);border-radius:10px;font-size:12.5px;line-height:1.6;word-break:break-all;max-width:260px}
/* Platobný QR: odkaz pod platobnými údajmi a okno s kódom */
.qr-link{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:0;border:0;background:none;
font:inherit;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer}
.qr-link svg{width:14px;height:14px}
.qr-link:hover{text-decoration:underline}
/* firemný príjemca bankového prevodu – faktúra namiesto QR */
.inv-co{display:inline-block;margin-left:5px;padding:1px 7px;border-radius:999px;background:#eef0ff;color:var(--accent);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
.inv-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.inv-cell .qr-link{margin-top:0}
.inv-wait{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--amber)}
.inv-wait::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber);animation:invPulse 1.6s ease-in-out infinite}
.inv-wait.dim{color:var(--soft);font-weight:600}
.inv-wait.dim::before{display:none}
@keyframes invPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.inv-wait::before{animation:none}}
.inv-more{border:0;background:none;padding:0;font-size:11.5px;font-weight:600;color:var(--muted);cursor:pointer;text-decoration:underline dotted}
.inv-more:hover{color:var(--text)}
/* prepínač Fyzická osoba / Firma (admin aj portál) */
.bt-seg{display:inline-flex;gap:3px;padding:3px;background:var(--gray-soft);border:1px solid var(--line2);border-radius:10px}
.bt-seg label{position:relative;cursor:pointer;margin:0}
.bt-seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.bt-seg span{display:block;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}
.bt-seg input:checked+span{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(17,21,39,.10)}
.bt-seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
/* portál: blok Faktúra pod voľbou Firma */
.inv-widget{margin:2px 0 14px;padding:14px 16px 12px;border:1px solid var(--line2);border-radius:14px;background:#fff;
box-shadow:0 1px 2px rgba(17,21,39,.04)}
.inv-w-head{display:flex;gap:12px;align-items:flex-start}
.inv-w-ic{flex:none;width:36px;height:36px;border-radius:10px;background:#eef0ff;color:var(--accent);display:inline-flex;align-items:center;justify-content:center}
.inv-w-ic svg{width:18px;height:18px}
.inv-w-t{font-size:14px;font-weight:800;color:var(--text);letter-spacing:0}
.inv-w-s{font-size:12.5px;color:var(--muted);line-height:1.45;margin-top:2px}
.inv-w-empty{margin-top:12px;font-size:13px;color:var(--muted);padding:12px 14px;background:var(--gray-soft);border:1px dashed var(--line2);border-radius:10px}
.inv-w-rows{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.inv-w-row{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px 10px 14px;
border:1px solid var(--line2);border-radius:12px;background:var(--gray-soft);transition:border-color .15s,background .15s,box-shadow .15s}
.inv-w-row.wait{border-style:dashed}
.inv-w-row.over{border-color:var(--accent);background:#eef0ff;box-shadow:0 0 0 3px rgba(73,73,196,.12)}
.inv-w-row.busy{opacity:.6;pointer-events:none}
.inv-w-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}
.inv-w-row.wait .inv-w-dot{animation:invPulse 1.6s ease-in-out infinite}
.inv-w-row.done .inv-w-dot{background:var(--green)}
.inv-w-m{display:flex;flex-direction:column;gap:1px;min-width:0}
.inv-w-m b{font-size:13.5px;text-transform:capitalize;color:var(--text)}
.inv-w-m span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-w-st{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}
.inv-w-row.wait .inv-w-st{display:none} /* pri čakajúcom riadku hovorí všetko tlačidlo Nahrať – štítok by len lámal text */
.inv-w-row.done .inv-w-st{background:var(--green-soft);color:var(--green)}
.inv-w-act{display:flex;gap:6px;align-items:center}
.inv-w-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--accent);
background:var(--accent);color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:filter .15s,background .15s}
.inv-w-btn:hover{filter:brightness(1.06)}
.inv-w-btn.ghost{background:#fff;color:var(--text);border-color:var(--line2)}
.inv-w-btn.ghost:hover{background:var(--gray-soft);filter:none}
.inv-w-btn svg{width:14px;height:14px}
.inv-w-btn:has(svg:only-child){padding:0 9px}
.inv-w-foot{margin-top:10px;font-size:11.5px;color:var(--soft)}
@media(max-width:560px){
.inv-w-row{grid-template-columns:8px 1fr auto}
.inv-w-st{display:none}
.inv-w-m span{white-space:normal}
}
/* portál: zoznam faktúr k uzavretým mesiacom */
.inv-list{margin-top:14px;border-top:1px solid var(--line)}
.inv-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.inv-m{display:flex;flex-direction:column;gap:2px;min-width:0}
.inv-m b{font-size:14px;text-transform:capitalize}
.inv-m .soft{font-size:12.5px}
.inv-act{display:flex;gap:6px;align-items:center}
@media(max-width:640px){
.inv-row{grid-template-columns:1fr auto}
.inv-act{grid-column:1/-1;justify-content:flex-start}
}
.qrm{display:flex;flex-direction:column;gap:14px}
.qrm-tabs{display:flex;gap:6px;padding:4px;background:var(--gray-soft);border-radius:12px}
.qrm-tab{flex:1;padding:8px 10px;border:0;border-radius:9px;background:none;font:inherit;font-size:12.5px;
font-weight:700;color:var(--soft);cursor:pointer;transition:background .18s ease,color .18s ease}
.qrm-tab.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.qrm-hint{font-size:12px;color:var(--soft);text-align:center;min-height:16px}
.qrm-code{display:flex;align-items:center;justify-content:center;min-height:240px}
.qrm-code svg{width:100%;max-width:260px;height:auto;border-radius:10px}
.qrm-load{width:26px;height:26px;border:3px solid var(--line2);border-top-color:var(--accent);
border-radius:50%;animation:chSpin .7s linear infinite}
.qrm-err{font-size:13px;color:var(--red);text-align:center;padding:0 10px}
.qrm-sum{display:grid;gap:8px;padding:14px;background:var(--gray-soft);border-radius:12px}
.qrm-sum>div{display:flex;justify-content:space-between;gap:14px;font-size:12.5px}
.qrm-sum i{font-style:normal;color:var(--soft)}
.qrm-sum b{text-align:right;word-break:break-all}
@media(prefers-reduced-motion:reduce){.qrm-load{animation-duration:2s}.qrm-tab{transition:none}}
/* „až" v rozsahu zárobku – o polovicu menšie, nech nekonkuruje sume */
.lvl-pop-er .v .ax{font-size:.5em;font-weight:700;opacity:.7}
/* ── Vyhodnotenie súťaže (predloha 97a) ───────────────────────────────── */
.cz-hd{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.cz-hd .eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.cz-hd h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}
.cz-hd p{margin:0;font-size:13.5px;color:var(--soft);max-width:640px;line-height:1.55}
.cz-hide{display:none !important}
.cz-open{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--card);
border:1px solid #e7e9ee;border-radius:16px;padding:14px 18px 14px 22px;
box-shadow:0 1px 3px rgba(16,24,40,.04);margin-bottom:16px}
.cz-open .s{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.cz-open .s b{font-size:14px;font-weight:800}
.cz-open .s i{font-style:normal;font-size:12px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-open button{flex:none;border:1px solid var(--line2);background:var(--card);color:var(--text);
border-radius:11px;padding:10px 16px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.cz-open button:hover{border-color:var(--accent);color:var(--accent)}
.cz-bar{background:var(--card);border:1px solid #e7e9ee;border-radius:16px;padding:24px 28px 22px;
box-shadow:0 1px 3px rgba(16,24,40,.04);display:flex;flex-direction:column;gap:20px;margin-bottom:16px}
.cz-steps{display:grid;grid-template-columns:1fr 1.5fr .8fr}
.cz-step{display:flex;flex-direction:column;gap:10px;padding:0 28px;border-left:1px solid #f0f1f4;min-width:0}
.cz-step:first-child{padding:0 28px 0 0;border-left:0}
.cz-step:last-child{padding-right:0}
.cz-l{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#9ca3af}
.cz-l b{color:var(--accent)}
.cz-l em{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:#c0c4cc}
.cz-dates{display:flex;align-items:center;gap:8px}
.cz-dates input{flex:1;min-width:0;border:1px solid var(--line2);border-radius:10px;padding:10px 11px;
font:inherit;font-size:13px;font-weight:700;color:var(--text);background:var(--card)}
.cz-dates i{flex:none;font-style:normal;font-size:12px;color:#9ca3af}
.cz-codes{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.cz-code{display:flex;align-items:center;gap:9px;border:1px solid var(--line2);background:var(--card);
border-radius:11px;padding:9px 13px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.cz-code:hover{border-color:var(--accent)}
.cz-code.on{border-color:var(--accent);background:var(--accent-soft)}
.cz-code input{position:absolute;opacity:0;width:0;height:0}
.cz-code .tick{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line2);color:transparent;
font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.cz-code.on .tick{background:var(--accent);border-color:var(--accent);color:#fff}
.cz-code{max-width:100%}
.cz-code b{font-size:13px;font-weight:800;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis}
.cz-code i{font-style:normal;font-size:12px;font-weight:800;color:var(--accent)}
.cz-code u{text-decoration:none;font-size:10.5px;font-weight:700;color:#9ca3af}
.cz-num{display:flex;align-items:center;gap:10px}
.cz-num button{width:38px;height:38px;border:1px solid var(--line2);border-radius:11px;background:var(--card);
font:inherit;font-size:17px;font-weight:800;color:var(--soft);cursor:pointer;transition:border-color .15s,color .15s}
.cz-num button:hover{border-color:var(--accent);color:var(--accent)}
.cz-num span{width:52px;height:38px;background:var(--accent-soft);border-radius:11px;display:flex;
align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--accent)}
.cz-go{display:flex;align-items:center;gap:14px;border-top:1px solid #f0f1f4;padding-top:18px;flex-wrap:wrap}
.cz-go .btn{padding:13px 26px;font-size:14px;font-weight:800;border-radius:12px}
.cz-go span{font-size:12.5px;color:#9aa1ac}
.cz-go strong{color:var(--soft)}
.cz-note{display:flex;align-items:center;gap:12px;border-radius:14px;padding:20px 24px;font-size:13px;line-height:1.55}
.cz-note .ic{width:34px;height:34px;border-radius:50%;font-size:15px;font-weight:800;flex:none;
display:flex;align-items:center;justify-content:center}
.cz-note.intro{border:1.5px dashed #dcdfef;color:var(--soft)}
.cz-note.intro .ic{background:var(--accent-soft);color:var(--accent)}
.cz-note.empty{background:#fff4e3;color:#b45309}
.cz-note.empty .ic{background:#fce4bc;color:#b45309}
.cz-res{display:grid;grid-template-columns:1fr 400px;gap:16px;align-items:start}
.cz-left{display:flex;flex-direction:column;gap:14px;min-width:0}
.cz-list{background:var(--card);border:1px solid #e7e9ee;border-radius:16px;overflow:hidden}
.cz-list .hd{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid #f0f1f4;flex-wrap:wrap}
.cz-list .hd b{font-size:14.5px;font-weight:800}
.cz-list .hd .rg{font-size:12px;font-weight:700;color:#9aa1ac}
.cz-list .hd .ok{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:#0e8a48}
.cz-list .hd .ok i{width:7px;height:7px;border-radius:50%;background:var(--green);display:block}
.cz-list .rows{max-height:430px;overflow-y:auto}
.cz-list .r{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid #f5f6f8}
.cz-list .who,.cz-list .meta{display:contents}
.cz-open button .sm,.cz-list .cd .sm{display:none}
.cz-list .r:last-child{border-bottom:0}
.cz-list .n{flex:none;width:30px;font-size:12px;font-weight:800;color:#c0c4cc}
.cz-list .cz-nm{flex:none;font-size:13px;font-weight:800}
.cz-list .em{flex:1;min-width:0;font-size:12.5px;font-weight:600;color:#9aa1ac;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-list .cd{flex:none;background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:800;
letter-spacing:.03em;padding:3px 9px;border-radius:99px}
.cz-list .dt{flex:none;text-align:right;font-size:12px;font-weight:700;color:#9aa1ac;white-space:nowrap}
.cz-draw{background:linear-gradient(180deg,#111827 0%,#0d1420 100%);border-radius:18px;padding:24px;
display:flex;flex-direction:column;gap:14px;position:sticky;top:12px}
.cz-draw .t{display:flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.14em;
text-transform:uppercase;color:#8b95a5}
.cz-draw .t em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}
.cz-draw .big{display:flex;align-items:baseline;gap:9px;font-size:13.5px;font-weight:700;color:#cbd5e1}
.cz-draw .big b{font-size:42px;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1}
.cz-draw .ex{font-size:12px;color:#8b95a5;line-height:1.55}
.cz-btn-main{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;
color:#111827;border:0;border-radius:13px;padding:15px;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.cz-btn-main:hover{background:var(--accent-soft)}
.cz-cnt{font-size:13px;font-weight:800;color:var(--accent);background:var(--accent-soft);
border-radius:99px;padding:8px 14px}
/* popup so žrebovaním */
.cz-ov{position:fixed;inset:0;z-index:90;background:rgba(10,14,22,.62);backdrop-filter:blur(4px);
display:flex;align-items:center;justify-content:center;padding:20px;animation:czFade .2s ease}
.cz-ov[hidden]{display:none}
.cz-md{position:relative;width:min(420px,96vw);max-height:88vh;overflow:auto;
background:linear-gradient(180deg,#111827 0%,#0d1420 100%);border:1px solid rgba(255,255,255,.09);
border-radius:20px;padding:30px 26px 26px;display:flex;flex-direction:column;align-items:center;gap:14px;
box-shadow:0 30px 80px rgba(0,0,0,.45);animation:czUp .28s cubic-bezier(.32,.72,0,1)}
.cz-md .x{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;
background:rgba(255,255,255,.08);color:#cbd5e1;font-size:14px;cursor:pointer;line-height:1}
.cz-md .x:hover{background:rgba(255,255,255,.16);color:#fff}
.cz-md #czCd{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0 6px}
.cz-md #czCd[hidden]{display:none}
.cz-md .ring{position:relative;width:140px;height:140px}
.cz-md .ring svg{width:140px;height:140px;transform:rotate(-90deg)}
.cz-md .ring circle{fill:none;stroke-width:8;stroke-linecap:round}
.cz-md .ring .bg{stroke:rgba(255,255,255,.1)}
.cz-md .ring .fg{stroke:#f5c344;stroke-dasharray:327;stroke-dashoffset:0}
.cz-md .ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
font-size:52px;font-weight:800;color:#fff;letter-spacing:-.03em}
.cz-md .lb{font-size:15px;font-weight:800;color:#fff}
.cz-md .sub{font-size:12.5px;color:#8b95a5}
.cz-md #czMdWin{width:100%;display:flex;flex-direction:column;gap:9px}
.cz-md #czMdWin[hidden]{display:none}
.cz-md .wh{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f5c344;text-align:center}
.cz-md .w{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:11px 13px;animation:czIn .45s ease both}
.cz-md .w .m{width:34px;height:34px;border-radius:50%;font-size:14px;font-weight:800;flex:none;
display:flex;align-items:center;justify-content:center}
.cz-md .w .i{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.cz-md .w .i b{font-size:13.5px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-md .w .i em{font-style:normal;font-size:11px;font-weight:700;color:#8b95a5}
.cz-md .cz-btn-main{margin-top:6px}
@keyframes czRing{from{stroke-dashoffset:0}to{stroke-dashoffset:327}}
@keyframes czPop{0%{transform:scale(.55);opacity:.2}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes czFade{from{opacity:0}to{opacity:1}}
@keyframes czUp{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cz-md .ring .fg{animation-duration:7s}.cz-md,.cz-ov{animation:none}}
.cz-draw .wh{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f5c344}
.cz-draw .w{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:11px 13px;margin-top:9px;
animation:czIn .45s ease both}
.cz-draw .w .m{width:34px;height:34px;border-radius:50%;font-size:14px;font-weight:800;flex:none;
display:flex;align-items:center;justify-content:center}
.cz-draw .w .i{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.cz-draw .w .i b{font-size:13.5px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-draw .w .i em{font-style:normal;font-size:11px;font-weight:700;color:#8b95a5}
.cz-draw .acts{display:flex;gap:8px;margin-top:11px}
.cz-draw .acts button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;border-radius:12px;padding:11px;
font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.cz-draw .acts button:hover{background:rgba(255,255,255,.08)}
.cz-draw .acts .dl{background:#fff;color:#111827;border-color:#fff}
.cz-draw .acts .dl:hover{background:var(--accent-soft)}
.cz-draw .fo{font-size:11px;color:#8b95a5;text-align:center;margin-top:9px}
@media(max-width:1000px){
.cz-res{display:flex;flex-direction:column;align-items:stretch}
.cz-draw{position:static;order:1}
.cz-left{order:2;width:100%}
.cz-steps{grid-template-columns:1fr}
.cz-step{padding:16px 0 0;border-left:0;border-top:1px solid #f0f1f4}
.cz-step:first-child{padding-top:0;border-top:0}
}
/* ── Mobil (predloha 99a): 2 kroky, každý krok vlastná karta ────────────── */
@media(max-width:700px){
.cz-hd h1{font-size:21px}
.cz-hd p{display:none}
/* lišta filtra sa rozpadne na samostatné biele karty */
.cz-bar{background:none;border:0;box-shadow:none;padding:0;gap:12px}
.cz-steps{display:flex;flex-direction:column;gap:12px}
.cz-step{background:var(--card);border:0;border-top:0;border-radius:16px;padding:16px;gap:10px}
.cz-step:first-child{padding:16px}
.cz-l em{display:none}
/* 3 · počet výhercov: popis vľavo, prepínač vpravo v jednom riadku.
padding musí byť aj tu, inak ho prebije desktopové .cz-step:last-child{padding-right:0} */
.cz-step:last-child{flex-direction:row;align-items:center;gap:12px;padding:16px}
.cz-step:last-child .cz-l{flex:1}
.cz-num button{width:40px;height:40px}
.cz-num span{width:48px;height:40px;font-size:17px}
/* kódy na celú šírku, dotykový cieľ nad 44 px */
.cz-codes{flex-direction:column;gap:8px}
.cz-code{width:100%;border-radius:12px;padding:12px 13px;gap:10px}
.cz-code .tick{width:20px;height:20px;font-size:10px}
.cz-code b{flex:1;min-width:0}
.cz-code i,.cz-code u{flex:none}
.cz-go{border-top:0;padding-top:0;flex-direction:column;align-items:stretch;gap:10px}
.cz-go .btn{width:100%;text-align:center;padding:15px;font-size:14.5px;border-radius:13px}
.cz-cnt{text-align:center}
/* zhrnutie nad výsledkom */
.cz-open{padding:13px 15px;border-radius:15px;gap:10px}
.cz-open .s b{font-size:14px}
.cz-open .s i{font-size:11px}
.cz-open button .lg{display:none}
.cz-open button .sm{display:inline}
.cz-open button{padding:9px 13px;font-size:12px;border-radius:10px}
/* tmavý panel žrebovania */
.cz-draw{padding:20px 18px 18px;border-radius:18px;gap:12px}
.cz-draw .big b{font-size:38px}
.cz-draw .big{font-size:12.5px}
.cz-draw .ex{font-size:11.5px}
.cz-btn-main{padding:14px;font-size:14px}
.cz-draw .w{padding:11px 12px;gap:11px}
.cz-draw .w .m{width:32px;height:32px;font-size:13px}
.cz-draw .w .i b{font-size:13px}
.cz-draw .w .i em{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-draw .acts{gap:7px}
.cz-draw .acts button{padding:11px 8px;font-size:12px}
/* zoznam súťažiacich: meno a e-mail pod sebou, kód a dátum vpravo */
.cz-list{border-radius:16px}
.cz-list .hd{padding:13px 16px}
.cz-list .hd b{font-size:14px}
.cz-list .hd .rg{display:none}
.cz-list .hd .ok{font-size:10.5px}
.cz-list .rows{max-height:none}
.cz-list .r{padding:11px 16px;gap:10px}
.cz-list .who{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.cz-list .meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}
.cz-list .n{width:24px;font-size:11.5px}
.cz-list .cz-nm{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.cz-list .em{flex:none;font-size:11px;max-width:100%}
.cz-list .cd{font-size:9.5px;padding:2px 8px}
.cz-list .cd .lg{display:none}
.cz-list .cd .sm{display:inline}
.cz-list .dt{font-size:10.5px}
.cz-note{padding:16px;gap:11px;font-size:12.5px}
.cz-note .ic{width:30px;height:30px;font-size:14px}
.cz-md{padding:26px 20px 22px}
.cz-md .ring,.cz-md .ring svg{width:124px;height:124px}
.cz-md .ring b{font-size:46px}
}
/* modálne okná */
.modal-back{display:none;position:fixed;inset:0;background:rgba(17,21,39,.55);z-index:90;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.modal{background:var(--card);width:min(760px,96vw);max-height:90vh;overflow:auto;border-radius:20px;box-shadow:var(--shadow-lg)}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:2}
.modal-head h2{margin:0}
.modal-x{border:none;background:transparent;font-size:26px;cursor:pointer;color:var(--soft);line-height:1}
.modal-x:hover{color:var(--text)}
.modal-body{padding:24px}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--card)}
/* odmeňovanie v profile – kombinovateľné zložky */
.payrow{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:10px;background:#fbfbfd;transition:.15s}
.payrow.on{border-color:#c9ccf5;background:var(--accent-soft)}
.payrow input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}
.payrow .pr-label{flex:1;font-weight:600}
.payrow .pr-label small{display:block;font-weight:400;color:var(--soft);font-size:12px}
.payrow input[type=number]{width:130px}
.payrow .pr-unit{color:var(--muted);font-weight:600;min-width:24px}
.pay-summary{margin-top:12px;padding:12px 16px;background:var(--gray-soft);border-radius:12px;font-size:13.5px}
/* výplaty – taby s počítadlom */
a.tab{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
a.tab.active{color:var(--text)}
.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:800}
/* dropdown v menu */
.nav-drop{position:relative}
.nd-d{font-style:normal}
.nd-m{display:none;font-style:normal}
.nav-drop-menu{display:none;position:absolute;top:100%;left:0;padding-top:8px;z-index:60}
.nav-drop:hover .nav-drop-menu{display:block}
.nav-drop-menu a{display:block;white-space:nowrap;background:var(--card);border:1px solid var(--line);padding:10px 18px;font-weight:600;font-size:14px;color:var(--muted)}
.nav-drop-menu a:first-child{border-radius:14px 14px 0 0}
.nav-drop-menu a:last-child{border-radius:0 0 14px 14px;border-top:none}
.nav-drop-menu a:hover{background:var(--gray-soft);color:var(--text)}
.nav-drop-menu a.on{color:var(--accent);background:var(--accent-soft)}
/* balíčky – stavy cyklov */
.badge.cy-scheduled{background:var(--gray-soft);color:var(--muted)}
.badge.cy-code_sent{background:var(--amber-soft);color:var(--amber)}
.badge.cy-ordered{background:#e3edfe;color:#1d4ed8}
.badge.cy-done{background:var(--green-soft);color:var(--green)}
.badge.cy-skipped{background:var(--gray-soft);color:var(--soft)}
/* odmeňovanie – 2 zložky na riadok */
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.pay-grid .payrow{margin-bottom:0}
.pay-grid .payrow input[type=number]{width:110px}
@media(max-width:900px){.pay-grid{grid-template-columns:1fr}}
/* date/month polia – rovnaký vzhľad ako ostatné inputy */
input[type=date],input[type=month]{width:100%;font-family:inherit;font-size:14px;color:var(--text);background:#fbfbfd;border:1.5px solid var(--line2);border-radius:var(--r-sm);padding:10px 14px;outline:none;transition:.15s;height:44px;-webkit-appearance:none;appearance:none}
input[type=date]:focus,input[type=month]:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px rgba(91,91,214,.10)}
/* zarovnanie dropdownu v menu */
.nav{align-items:center}
.nav-drop{display:inline-flex;align-items:center}
/* search polia – rovnaký dizajn ako ostatné inputy */
input[type=search]{width:100%;font-family:inherit;font-size:14px;color:var(--text);background:#fbfbfd;border:1.5px solid var(--line2);border-radius:var(--r-sm);padding:10px 14px;outline:none;transition:.15s;height:44px;-webkit-appearance:none;appearance:none}
input[type=search]:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px rgba(91,91,214,.10)}
.tbl-head input[type=search]{width:280px}
/* zľavové kódy – chipy (dizajn 2a) */
.dc-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:999px;padding:6px 6px 6px 13px;background:#fff;animation:dcfade .15s ease}
.dc-code{font-size:13px;font-weight:650;letter-spacing:.02em}
.dc-pct{font-size:13px;color:var(--muted)}
.dc-x{width:22px;height:22px;border:none;background:transparent;color:var(--soft);border-radius:99px;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s}
.dc-x:hover{background:var(--red-soft);color:var(--red)}
.pct-box{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line2);border-radius:var(--r-sm);padding:0 12px 0 4px;background:#fbfbfd;height:44px}
.pct-box input{width:48px;border:none;background:transparent;font-size:14px;padding:0 0 0 10px;height:100%}
.pct-box input:focus{box-shadow:none;border:none;background:transparent}
.pct-box span{font-size:13px;color:var(--soft)}
@keyframes dcfade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
/* nespárovaný kód – chýba v eshope */
#dch-table tr.row-missing td{background:var(--red-soft)}
#dch-table tr.row-missing .dc-code{color:var(--red)}
/* úprava zľavy – mini sekcia (dizajn 4a) */
.dc-editpanel{display:flex;align-items:center;gap:12px;background:var(--gray-soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px;animation:dcfade .15s ease;flex-wrap:wrap}
.dc-editbtn.on{background:var(--accent-soft);color:var(--accent);border-color:#d5d8ff}
#dch-table tr.dc-editrow td{background:transparent}
/* odmeňovanie – prepínacie karty (dizajn 3a) */
.payc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.payc{border:1px solid var(--line);background:#fbfbfd;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:background .15s,border-color .15s}
.payc.on{background:var(--accent-soft);border-color:#d9ddf9}
/* € zložky odmeny sú zelené (rovnako ako sumy v eurách inde), prepínač ostáva fialový */
.payc.on.eur{background:var(--green-soft);border-color:#bfe6cd}
.payc-title{font-size:14px;font-weight:700;color:var(--soft);transition:.15s}
.payc.on .payc-title{color:var(--text)}
.payc-sub{font-size:12px;color:var(--soft);line-height:1.45;margin-top:2px}
.payc .switch{width:36px;height:20px;border:none;border-radius:99px;background:#d5d8de;display:flex;align-items:center;justify-content:flex-start;padding:2px;cursor:pointer;transition:background .15s;flex:none}
.payc.on .switch{background:var(--accent);justify-content:flex-end}
.payc .switch .knob{width:16px;height:16px;border-radius:99px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.2);display:block}
/* ── Levelovanie v portáli (75a/75b/76a/76b) ────────────────────────
POZOR: všetky triedy sú prefixované lvl- — krátke názvy ako .nm/.tx/.tt
sa v tomto CSS už používajú inde a presakovali by sem. */
.pwrap:has(.lvl-layout){max-width:none;padding-left:28px;padding-right:28px}
.lvl-layout{display:flex;gap:22px;align-items:flex-start}
.lvl-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.lvl-side{position:relative;width:320px;flex:none;background:#12141c;border:1px solid #23262f;
border-radius:18px;padding:24px 18px 22px;box-shadow:0 14px 40px rgba(11,13,19,.30)}
/* žiara za štítom má farbu levelu – konkrétny gradient sa dopĺňa inline, tu je len sila */
.lvl-glow{position:absolute;left:-90px;top:-110px;width:400px;height:400px;border-radius:50%;
opacity:.16;pointer-events:none}
.lvl-side-in{position:relative}
.lvl-side-in.blur{filter:blur(7px) saturate(.85);opacity:.5;pointer-events:none;user-select:none}
/* štít */
.lvl-hero{display:flex;flex-direction:column;align-items:center;gap:2px}
.lvl-shield{position:relative;width:148px;height:170px;margin:0 auto}
.lvl-shield>span{position:absolute;left:50%;transform:translateX(-50%)}
.lvl-shield .lvl-e,.lvl-shield .lvl-g,.lvl-shield .lvl-sh,.lvl-shield .lvl-c{
clip-path:polygon(50% 0%,100% 14%,100% 56%,50% 100%,0% 56%,0% 14%)}
.lvl-shield .lvl-halo{top:52%;transform:translate(-50%,-50%);width:190px;height:190px;
border-radius:50%;opacity:.22}
.lvl-shield .lvl-e{top:0;width:148px;height:168px;background:linear-gradient(160deg,#3b4150 0%,#1b1e27 100%)}
.lvl-shield .lvl-g{top:5px;width:138px;height:157px;box-shadow:0 8px 22px rgba(0,0,0,.45)}
.lvl-shield .lvl-sh{top:14px;width:120px;height:137px;
background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.06) 46%,rgba(0,0,0,.16) 100%)}
.lvl-shield .lvl-c{top:22px;width:104px;height:118px;background:rgba(18,20,28,.82)}
.lvl-shield .lvl-tx{top:30px;width:88px;display:flex;flex-direction:column;align-items:center;gap:6px}
.lvl-shield .lvl-k{font-size:11px;font-weight:800;letter-spacing:.14em}
.lvl-shield .lvl-n{font-size:34px;font-weight:800;line-height:.9;color:#fff;
text-shadow:0 2px 6px rgba(0,0,0,.5)}
.lvl-st{display:flex;gap:3px;justify-content:center}
.lvl-st svg{width:16px;height:16px}
.lvl-shield .lvl-base{bottom:2px;width:56px;height:5px;border-radius:999px;filter:blur(1.5px);opacity:.75}
.lvl-name{margin-top:6px;font-size:17px;font-weight:800;color:#fff;letter-spacing:.01em}
.lvl-tier{font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
/* progres */
.lvl-prog{margin-top:16px;padding:12px;background:#1a1d26;border:1px solid #262a34;border-radius:12px}
.lvl-prog-hd{display:flex;justify-content:space-between;font-size:10.5px;font-weight:800;
letter-spacing:.06em;text-transform:uppercase;color:#8b909c}
.lvl-prog-hd b{color:#f0d766} /* prebíja inline farba levelu */
.lvl-prog-nums{margin:5px 0 8px;font-size:13px;color:#8b909c}
.lvl-prog-nums b{color:#fff;font-weight:800;font-size:19px}
.lvl-bar{height:8px;border-radius:999px;background:#2a2e39;overflow:hidden}
.lvl-bar i{display:block;height:100%;border-radius:999px}
.lvl-miss{margin-top:8px;font-size:12px;color:#b6bac3}
.lvl-miss b{color:#f0d766} /* prebíja inline farba levelu */
.lvl-note{margin-top:8px;font-size:11px;line-height:1.5;color:#71767f}
.lvl-all{margin:16px 2px 8px;font-size:11px;font-weight:800;letter-spacing:.1em;
text-transform:uppercase;color:#71767f}
/* zoznam levelov */
.lvl-list{display:flex;flex-direction:column;gap:6px}
/* nad levelom sa kurzor nemení na textový – riadok je len na prezeranie, nie na výber */
.lvl-row{position:relative;display:flex;align-items:center;gap:11px;padding:6px 8px;border-radius:10px;
cursor:default;user-select:none}
.lvl-row.me{background:#1c202b;box-shadow:inset 0 0 0 1px #2c313d}
/* aktuálny level má prstenec vo svojej farbe – na mobile ešte aj jemné žiarenie (76a) */
.lvl-row.me{--lvl-acc:#f0d766;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--lvl-acc) 70%, transparent)}
.lvl-mini{position:relative;width:34px;height:39px;flex:none;display:block}
.lvl-mini .lvl-e,.lvl-mini .lvl-g,.lvl-mini .lvl-sh{position:absolute;
clip-path:polygon(50% 0%,100% 14%,100% 56%,50% 100%,0% 56%,0% 14%)}
.lvl-mini .lvl-e{inset:0;background:linear-gradient(160deg,#3b4150 0%,#1b1e27 100%);opacity:.9}
.lvl-mini .lvl-g{left:2px;right:2px;top:2px;bottom:3px}
.lvl-mini .lvl-sh{left:5px;right:5px;top:5px;bottom:8px;
background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(0,0,0,.14))}
/* bodky = poradie v rámci farebnej skupiny (CS:GO systém) */
.lvl-dots{position:absolute;left:0;right:0;top:9px;display:flex;justify-content:center;gap:1px}
.lvl-dots i{width:4px;height:4px;border-radius:50%;background:#1c1f27}
.lvl-mini.big{width:39px;height:45px}
.lvl-mini.big .lvl-g{left:3px;right:3px;top:3px;bottom:4px}
.lvl-mini.big .lvl-sh{left:6px;right:6px;top:6px;bottom:9px;
background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(0,0,0,.12))}
.lvl-mini.big .lvl-dots{top:11px;gap:2px}
.lvl-mini.big .lvl-dots i{width:4.5px;height:4.5px}
.lvl-nm{display:flex;flex-direction:column;gap:0;min-width:0}
.lvl-nm b{font-size:12.5px;font-weight:700;color:#d6d9e0;white-space:nowrap}
.lvl-row.me .lvl-nm b{color:#fff}
.lvl-nm i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;color:#71767f;white-space:nowrap}
.lvl-ty{margin-left:auto;font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:3px 7px;
border-radius:999px;border:1px solid transparent}
.lvl-lock{margin-left:auto;flex:none}
/* popup s detailom levelu — biela karta vpravo od panelu (75a) */
.lvl-pop{display:none;position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%);
width:322px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;
box-shadow:0 18px 44px rgba(16,24,40,.28);padding:15px 17px;z-index:80}
.lvl-row:hover .lvl-pop{display:block}
.lvl-pop-ar{position:absolute;left:-6px;top:50%;width:10px;height:10px;background:#fff;
border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;transform:translateY(-50%) rotate(45deg)}
.lvl-pop-hd{display:flex;align-items:center;gap:10px}
.lvl-pop-nm{min-width:0;display:flex;flex-direction:column;gap:2px}
.lvl-pop-nm b{font-size:13.5px;font-weight:800;color:#111827;white-space:nowrap}
.lvl-pop-nm i{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.09em;
text-transform:uppercase;color:#9ca3af;white-space:nowrap}
.lvl-pop-st{margin-left:auto;align-self:flex-start;font-size:9.5px;font-weight:800;padding:3px 8px;
border-radius:999px;white-space:nowrap}
.lvl-pop-rq{margin-top:13px;display:flex;align-items:center;gap:7px}
.lvl-pop-rq span{font-size:9.5px;font-weight:800;letter-spacing:.07em;color:#9ca3af;text-transform:uppercase}
.lvl-pop-rq em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;color:#4b5cc4;
background:#eef0fd;border-radius:999px;padding:2px 7px}
.lvl-pop-rl{margin-top:6px;display:flex;flex-direction:column;gap:6px}
.lvl-pop-r{display:flex;align-items:center;gap:8px;background:#f8f9fb;border:1px solid #eceef2;
border-radius:10px;padding:8px 10px;flex-wrap:wrap}
.lvl-pop-r>b{width:17px;height:17px;border-radius:50%;flex:none;display:flex;align-items:center;
justify-content:center;background:#111827;color:#fff;font-size:10px;font-weight:800}
.lvl-pop-r>span{font-size:12px;font-weight:700;color:#111827}
.lvl-pop-nets{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.lvl-pop-nets em{font-style:normal;font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 8px}
.lvl-pop-nets em.ok{color:#0e8a48;background:#e6f4ea}
/* sieť, ktorú level vyžaduje, ale influencer ju ešte nemá v BIO */
.lvl-pop-nets em.no{color:#b42318;background:#fdecea}
.lvl-pop-h2{margin-top:12px;font-size:9.5px;font-weight:800;letter-spacing:.07em;color:#9ca3af;
text-transform:uppercase}
.lvl-pop-bn{margin-top:6px;display:flex;flex-direction:column;gap:5px}
.lvl-pop-bn>div{display:flex;align-items:center;gap:7px;font-size:12px;color:#374151}
.lvl-pop-bn i{font-style:normal;width:14px;height:14px;border-radius:50%;flex:none;display:flex;
align-items:center;justify-content:center;background:#e6f4ea;color:#0e8a48;font-size:9px;font-weight:800}
.lvl-pop-bn span.hi{font-weight:800;color:#111827}
.lvl-pop-bn em{margin-left:auto;flex:none;font-style:normal;font-size:8.5px;font-weight:800;
letter-spacing:.08em;background:#fdf4cf;color:#8a6d05;border:1px solid #f0e0a0;padding:2px 6px;border-radius:999px}
.lvl-pop-earn{margin-top:13px;background:#111827;border-radius:11px;padding:11px 13px;
display:flex;flex-direction:column;gap:9px}
.lvl-pop-eh{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b909c}
.lvl-pop-er{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.lvl-pop-er .l{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.lvl-pop-er .l b{font-size:11.5px;font-weight:800;color:#fff;white-space:nowrap}
.lvl-pop-er .l i{font-style:normal;font-size:10px;line-height:1.35;color:#8b909c;
overflow-wrap:anywhere}
/* suma ostáva vždy na jednom riadku vedľa popisku – popisok sa v prípade tiesne zalomí */
.lvl-pop-er .v{flex:0 0 auto;margin-left:auto;font-size:14.5px;font-weight:800;text-align:right;
white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.lvl-pop-er .v.eur{color:#6ee7a8}
.lvl-pop-er .v.prod{color:#f0d766}
.lvl-pop-sep{height:1px;background:#232734}
/* závoj pred spustením (75b) */
.lvl-veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
justify-content:center;gap:14px;text-align:center;padding:24px;border-radius:18px;
background:linear-gradient(180deg,rgba(11,13,19,.55) 0%,rgba(11,13,19,.86) 40%,rgba(11,13,19,.94) 100%)}
.lvl-pill{display:flex;align-items:center;gap:8px;background:rgba(240,215,102,.12);
border:1px solid rgba(240,215,102,.34);border-radius:999px;padding:7px 14px;
font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f0d766}
.lvl-t1{font-size:15px;font-weight:700;color:#9ca3af}
.lvl-t2{font-size:38px;font-weight:800;line-height:1.05;color:#fff;letter-spacing:-.01em}
.lvl-t3{max-width:320px;font-size:14.5px;line-height:1.5;color:#b6bac3}
/* fab + hlavička hárku sú len mobilné */
.lvl-fab,.lvl-backdrop,.lvl-shd,.lvl-mhd,.lvl-grab,.lvl-lockic{display:none}
.st-det,.st-ar{display:none}
.st-hd{display:contents}
/* levelovanie mimo Prehľadu: na desktope tam bočný panel nepatrí, na mobile áno */
.lvl-mobile{display:none}
/* ── mobil (76a/76b): plávajúce tlačidlo + spodný hárok ── */
@media(max-width:1080px){
.lvl-mobile{display:contents}
.lvl-layout{display:block}
/* hárok je stále v DOM-e, len zasunutý pod okrajom – preto sa dá animovať */
.lvl-side{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;
max-height:88vh;max-height:min(90dvh, calc(100dvh - 42px));
display:flex;flex-direction:column;overflow:hidden;z-index:95;
border-radius:22px 22px 0 0;border-bottom:0;padding:0;
transform:translateY(102%);visibility:hidden;box-shadow:0 -18px 50px rgba(11,13,19,.55);
transition:transform .34s cubic-bezier(.22,.9,.28,1),visibility .34s}
.lvl-side.open{transform:none;visibility:visible}
.lvl-backdrop{display:block;position:fixed;inset:0;z-index:90;background:rgba(11,13,19,.55);
opacity:0;pointer-events:none;transition:opacity .3s}
.lvl-backdrop.open{opacity:1;pointer-events:auto}
body.lvl-lock{overflow:hidden}
/* úchyt hárku (drží sa hore spolu s hlavičkou – definované nižšie) */
@media(prefers-reduced-motion:reduce){.lvl-side,.lvl-backdrop{transition:none}}
/* tieň smeroval nadol o 26 px – pri spodnej hrane obrazovky sa orezal.
Menší, symetrickejší tieň a rezerva na safe-area to riešia. */
.lvl-fab{display:flex;position:fixed;right:14px;z-index:85;align-items:center;gap:10px;
bottom:calc(20px + env(safe-area-inset-bottom));
background:#12141c;border:1px solid #2c313d;border-radius:999px;padding:8px 16px 8px 10px;
box-shadow:0 4px 16px rgba(11,13,19,.34);cursor:pointer}
.lvl-fab .lvl-mini{width:26px;height:30px}
.lvl-fab .lvl-mini .lvl-g{left:2px;right:2px;top:2px;bottom:2px}
.lvl-fx{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.lvl-fx i{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.14em;color:#8b909c}
.lvl-fx b{font-size:13.5px;font-weight:800;color:#fff;white-space:nowrap}
/* úchyt + hlavička = jeden sticky blok cez celú šírku hárku, vrátane horného odsadenia */
/* hlavička je mimo scrollovanej oblasti – nedá sa cez ňu nič prekresliť */
.lvl-shd{display:block;flex:none;background:#12141c;padding:10px 16px 12px;
border-bottom:1px solid #23262f}
/* scrolluje sa len obsah pod hlavičkou */
.lvl-side-in{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;padding:15px 16px calc(18px + env(safe-area-inset-bottom))}
.lvl-side-in .lvl-prog{margin-top:0}
.lvl-grab{display:block;width:44px;height:4px;border-radius:99px;background:#3a3f4c;
margin:0 auto 12px}
.lvl-mhd{display:flex;align-items:center;gap:12px;position:static;background:none;
margin:0;padding:0;border:0}
/* obsah hárku sa nesmie prekresliť nad prilepenú hlavičku */
.lvl-side-in{position:relative;z-index:1}
.lvl-mhd .lvl-mini{width:40px;height:46px}
.lvl-mhd .lvl-nm b{font-size:16px;font-weight:800;color:#fff;white-space:normal}
.lvl-mhd .lvl-nm i{font-size:10.5px;font-weight:800;letter-spacing:.12em}
.lvl-x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:none;background:#23262f;
color:#d6d9e0;font-size:15px;cursor:pointer;flex:none}
.lvl-side.open .lvl-hero{display:none}
/* žiara patrí k veľkému štítu – v hárku bez neho len špiní horný okraj */
.lvl-glow{display:none}
.lvl-row{padding:8px;-webkit-tap-highlight-color:transparent}
.lvl-row.me{box-shadow:inset 0 0 0 1.5px var(--lvl-acc),
0 0 16px color-mix(in srgb, var(--lvl-acc) 35%, transparent)}
.lvl-list{gap:8px}
/* závoj pred spustením: kruhová ikona zámku namiesto pilulky (76b) */
.lvl-veil .lvl-pill{display:none}
.lvl-lockic{display:flex;width:58px;height:58px;border-radius:50%;align-items:center;
justify-content:center;background:rgba(240,215,102,.12);border:1px solid rgba(240,215,102,.34)}
.lvl-t2{font-size:44px}
/* popup sa na dotyku otvára klikom a sadá pod riadok cez celú šírku */
.lvl-pop{position:static !important;transform:none !important;width:auto !important;
left:auto !important;top:auto !important;margin:8px 0 4px;box-shadow:0 8px 22px rgba(0,0,0,.35);
padding:16px}
.lvl-pop-er .v{font-size:15.5px}
.lvl-pop-r>span{font-size:12.5px}
.lvl-pop-ar{display:none}
.lvl-row{flex-wrap:wrap;cursor:pointer}
.lvl-row:hover .lvl-pop{display:none}
.lvl-row.open .lvl-pop{display:block;flex:1 0 100%}
.lvl-veil{position:fixed;inset:0;border-radius:0;z-index:96}
}
/* ── Automatické levelovanie v admine (75c) ─────────────────────── */
.lvl-sum{margin-top:16px;background:#eef0fd;border:1px solid #d5d9f8;border-radius:11px;padding:13px 18px;
font-size:14.5px;color:#374151}
.lvl-sum b{color:#111827}.lvl-sum b.lv{color:#3b32a0}
.lvl-adm{margin-top:24px;border-top:1px solid #eef0f3;padding-top:22px}
.lvl-adm-top{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.lvl-adm-tg{flex:1;min-width:280px;display:flex;align-items:flex-start;gap:14px;user-select:none}
.lvl-adm-tg .switch{width:46px;height:26px;border:none;border-radius:999px;background:#d5d8de;position:relative;
flex:none;cursor:pointer;transition:background .2s;margin-top:3px}
.lvl-adm-tg .switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .2s}
.lvl-adm-tg .switch.on{background:var(--accent)}
.lvl-adm-tg .switch.on .knob{left:23px}
.lvl-adm-tg .t{display:block;font-size:16.5px;font-weight:800;color:#111827}
.lvl-adm-tg .s{display:block;font-size:13.5px;color:#9ca3af;margin-top:2px;max-width:64ch}
.lvl-adm-from{display:flex;flex-direction:column;gap:5px;flex:0 0 auto;max-width:320px}
.lvl-adm-from .l{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af}
.lvl-adm-from input[type=date]{height:42px;border:1px solid #e2e4e8;border-radius:10px;background:#fafbfc;
padding:0 14px;font-size:15px;font-weight:800;color:#111827}
.lvl-tbl{margin-top:18px;border:1px solid #e8eaee;border-radius:14px;overflow:hidden}
.lvl-tr{display:grid;grid-template-columns:92px 1.5fr 1.1fr 1fr 1fr 1.2fr;gap:0 14px;align-items:center;
padding:11px 20px;cursor:pointer;border-bottom:1px solid #f2f3f6;background:#fff}
.lvl-tr:last-child{border-bottom:0}
.lvl-tr:hover:not(.lvl-th){background:#fafbfe}
.lvl-tr.lvl-th{padding:12px 20px;background:#f8f9fb;border-bottom:1px solid #eef0f3;cursor:default;
font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#9ca3af;text-transform:uppercase}
.lvl-tr .num{text-align:right;font-weight:600}
.lvl-th .num{font-weight:800}
.lvl-tr .radio-c{display:flex;align-items:center;gap:8px}
.lvl-tr .radio{width:18px;height:18px;border-radius:50%;border:2px solid #d3d7de;flex:none;
display:flex;align-items:center;justify-content:center}
.lvl-tr .radio .dot{width:9px;height:9px;border-radius:50%;background:transparent}
.lvl-tr .stx{display:none;font-style:normal;font-size:11px;font-weight:800;color:#4b5cc4}
.lvl-tr.sel{background:#f6f7fe;box-shadow:inset 3px 0 0 var(--accent)}
.lvl-tr.sel .radio{border-color:var(--accent)}
.lvl-tr.sel .radio .dot{background:var(--accent)}
.lvl-tr.sel .stx{display:inline}
.lvl-tr .lv{display:flex;align-items:center;gap:9px;min-width:0}
.lvl-tr .lv i{width:10px;height:10px;border-radius:50%;flex:none}
.lvl-tr .lv b{font-size:14.5px;font-weight:800;color:#111827;white-space:nowrap}
.lvl-tr .cur-chip{background:#111827;color:#f0d766;font-size:10px;font-weight:800;letter-spacing:.08em;
padding:3px 10px;border-radius:999px;white-space:nowrap}
/* aktuálny (alebo po uložení aktívny) level svieti jantárovo */
.lvl-tr.cur{background:#fdf6de;box-shadow:inset 3px 0 0 #d9a514}
.lvl-tr.cur:hover{background:#fbf0cc}
.lvl-tr.cur.sel{background:#fdf6de;box-shadow:inset 3px 0 0 var(--accent)}
@media(max-width:900px){.lvl-tbl{overflow-x:auto}.lvl-tr{min-width:720px}}
.payc-val{display:flex;align-items:center;gap:8px;margin-top:auto}
/* piata zložka odmeny: € za predaný kus (blok pod levelovaním) */
.pi-adm{margin-top:18px;padding-top:18px}
.pi-adm .lvl-adm-tg .switch:disabled{opacity:.45;cursor:not-allowed}
.pi-lvl-note{color:var(--amber)!important;font-weight:600}
/* prvky s vlastným display musia rešpektovať atribút hidden (UA pravidlo by prehrali) */
.pi-cnt[hidden],.pi-lvl-note[hidden],.pi-box[hidden],.lvl-adm-from[hidden]{display:none!important}
.pi-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:800}
.pi-search{position:relative}
.pi-search input{width:100%;height:42px;padding-right:80px}
.pi-sr{position:absolute;right:12px;top:0;height:42px;display:flex;align-items:center;font-size:12px;color:var(--soft)}
.pi-results{margin-top:8px;max-height:260px;overflow:auto;border:1px solid var(--line2);border-radius:12px;background:#fff}
.pi-res{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13px}
.pi-res:last-child{border-bottom:0}
.pi-res img,.pi-noimg{width:34px;height:34px;border-radius:8px;object-fit:cover;background:var(--gray-soft);flex:none}
.pi-rn{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pi-rn b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pi-rn .soft{font-size:12px}
.pi-rules-h{margin-top:16px;font-size:13px;display:flex;gap:8px;align-items:baseline}
.pi-rules{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.pi-rule{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;border:1px solid var(--line2);border-radius:12px;background:var(--gray-soft)}
.pi-rv{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.pi-rv input{width:84px;height:36px;background:#fff;font-weight:600}
.pi-x{border:0;background:none;font-size:18px;line-height:1;color:var(--soft);cursor:pointer;padding:4px 6px;border-radius:6px}
.pi-x:hover{color:var(--red);background:var(--red-soft)}
.pi-empty{padding:10px 12px;font-size:13px}
.payc-val input{width:84px;background:#fff;font-weight:600;height:40px}
.payc-val input.bad{border-color:var(--red);background:var(--red-soft);color:var(--red)}
/* zložky riadené aktívnym levelom: len na čítanie, jemne zašednuté, s chipom „z levelu" */
.payc-grid.lk .payc{pointer-events:none}
.payc-grid.lk .payc:not(.on){opacity:.55}
.payc-grid.lk .payc .switch{opacity:.6}
.payc .lvlchip{background:#fdf3da;color:#a97a0b;font-size:11px;font-weight:800;padding:3px 9px;
border-radius:999px;white-space:nowrap}
.payc:not(.on) .payc-val input{color:#c0c4cc}
@media(max-width:1100px){.payc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.payc-grid{grid-template-columns:1fr}}
/* farebné chipy zľavových kódov podľa stavu v eshope */
.dc-chip.dc-green{background:var(--green-soft);border-color:#bfe6cd}
.dc-chip.dc-green .dc-code{color:var(--green)}
.dc-chip.dc-amber{background:var(--amber-soft);border-color:#f4dca5}
.dc-chip.dc-amber .dc-code{color:var(--amber)}
.dc-chip.dc-red{background:var(--red-soft);border-color:#f4c9c9}
.dc-chip.dc-red .dc-code{color:var(--red)}
/* Sociálne siete – dizajn 5a (brandové ikony + celkový dosah) */
.sn-total{text-align:right;flex-shrink:0}
.sn-total-n{font-size:22px;font-weight:750;letter-spacing:-.01em;color:var(--text)}
.sn-total-l{font-size:12px;color:var(--soft)}
.sn-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.sn-card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,opacity .15s,background .15s}
/* pridané siete svetlé, nepridané stlmené – nech je na prvý pohľad vidno, čo influencer má */
.sn-card.off{background:#f6f7f9;border-color:#eceef1;opacity:.6}
.sn-card.off:hover,.sn-card.off:focus-within{opacity:1;background:#fff}
/* influencer požiadal o manuálnu kontrolu tejto siete */
.sn-reqbadge{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:800;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:99px;padding:2px 9px;text-transform:uppercase;letter-spacing:.04em;vertical-align:2px}
/* kotva #socials nesmie zapadnúť pod lepiacu hlavičku */
#socials{scroll-margin-top:86px}
.sn-card:hover{border-color:#d9ddf9}
.sn-card input{background:#fff;width:100%}
.sn-tile{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
.sn-tile svg{width:16px;height:16px;display:block}
.sn-tile.instagram{background:radial-gradient(circle at 28% 106%,#fdd85d 0%,#fd8d32 20%,#f2453d 45%,#d6249f 68%,#8a3ab9 100%)}
.sn-tile.facebook{background:#1877f2}
.sn-tile.tiktok{background:#111}
.sn-tile.youtube{background:#f00}
.sn-name{font-size:14px;font-weight:700;color:var(--text)}
.sn-handle{font-size:12.5px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.sn-grid{grid-template-columns:1fr}}
.sn-open{width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}
.sn-open:hover{background:#eef0fd;border-color:#d9ddf9;color:#5b5bd6}
.sn-open:disabled{opacity:.35;cursor:default;background:#fff;border-color:var(--line);color:var(--muted)}
/* Kontrola BIO – kompaktná tabuľka (dizajn 6a) */
.bio-table{margin-top:6px}
.bio-head,.bio-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 76px 76px 76px 110px 104px;gap:10px;align-items:center}
.bio-head{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--soft);text-transform:uppercase;padding:0 4px 8px}
.bio-head .ctr{text-align:center}.bio-head .num{text-align:right}
.bio-row{padding:9px 4px;border-top:1px solid var(--line)}
.bio-net{display:flex;align-items:center;gap:10px;min-width:0}
.bio-tile{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
.bio-tile svg{width:15px;height:15px;display:block}
.bio-tile.instagram{background:radial-gradient(circle at 28% 106%,#fdd85d 0%,#fd8d32 20%,#f2453d 45%,#d6249f 68%,#8a3ab9 100%)}
.bio-tile.facebook{background:#1877f2}.bio-tile.tiktok{background:#111}.bio-tile.youtube{background:#f00}
.bio-name{font-size:14px;font-weight:700;flex:none}
.bio-handle{font-size:13px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bio-fol{font-size:14px;font-weight:650;text-align:right;letter-spacing:-.01em}
.bio-dot{justify-self:center;width:24px;height:24px;border-radius:99px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bio-dot.y{background:var(--green-soft);color:var(--green)}
.bio-dot.n{background:var(--red-soft);color:var(--red)}
.bio-dot.m{background:var(--amber-soft);color:var(--amber)}
.bio-when{font-size:12.5px;color:var(--soft)}
.bio-open{justify-self:end;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;transition:background .15s,color .15s}
.bio-open:hover{background:#f4f5f8;color:var(--text)}
.bio-manual{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--amber);background:var(--amber-soft);border:1px solid #f4dca5;border-radius:10px;padding:8px 12px;margin-top:12px}
.bio-manual .ex{font-weight:800}
@media(max-width:820px){.bio-head{display:none}.bio-row{grid-template-columns:1fr auto;grid-auto-rows:auto;gap:6px 10px}.bio-net{grid-column:1/-1}}
/* ============ Influencer portál (dizajn 7b/8x/9a/10a) ============ */
body.portal{background:#f4f6f9}
.pbrand{font-size:15px;font-weight:800;letter-spacing:.08em;color:var(--text)}
.pbrand span{color:var(--accent)}
.pbrand.light{color:#fff}.pbrand.light span{color:#a5b0ff}
/* horný panel portálu */
.ptop{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.ptop-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:12px 28px}
.pnav{display:flex;gap:6px}
.ppill{font-size:13.5px;font-weight:600;padding:7px 15px;border-radius:999px;color:var(--muted)}
.ppill:hover{background:var(--gray-soft);color:var(--text)}
.ppill.on{background:var(--accent-soft);color:var(--accent-2)}
.pmenu{position:relative}
/* prepínač jazyka patrí k účtu vpravo – spolu s menom tvoria pravý blok hlavičky.
Priamy potomok, nech to nerozhodí onboarding, kde je prepínač vnorený vo vlastnom bloku. */
.ptop-in > .pnb{margin-left:auto}
.ptop-in > .lsw + .pmenu{margin-left:-10px}
/* neschválený účet nemá zvonček — pravú skupinu odtlačí prepínač jazyka */
.ptop-in > .pnav + .lsw{margin-left:auto}
.pmenu-btn{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:0}
.pmenu-name{font-size:13.5px;font-weight:600;color:var(--text)}
.pav,.pav-img{width:32px;height:32px;border-radius:50%;flex:none}
/* iniciálky ako v dizajne 49c: svetlá levanduľa + fialové písmená */
.pav{background:#e8eaf6;color:#5b5bd6;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.pav-img{background-size:cover;background-position:center}
.pmenu-caret{display:flex;align-items:center;color:#6b7280;transition:transform .15s}
.pmenu.open .pmenu-caret,.pmenu-btn[aria-expanded="true"] .pmenu-caret{transform:rotate(180deg)}
.pmenu-btn:hover .pmenu-caret{color:var(--text)}
.pmenu-drop{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;width:240px;display:none;flex-direction:column;z-index:50}
.pmenu.open .pmenu-drop{display:flex;animation:fadein .12s ease}
.pmenu-head{padding:8px 12px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.pmenu-hn{font-size:13px;font-weight:700}.pmenu-he{font-size:12px;color:var(--soft)}
.pmenu-drop a{padding:8px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text)}
.pmenu-drop a:hover{background:var(--gray-soft)}
.pmenu-drop a.on{background:var(--accent-soft);color:var(--accent-2)}
.pmenu-drop a.danger{color:#d92d20}.pmenu-drop a.danger:hover{background:#fef3f2}
.pwrap{max-width:1200px;margin:0 auto;padding:26px 28px 80px;display:flex;flex-direction:column;gap:16px}
.p-hd h1{font-size:22px}
.p-hd .soft{margin-top:3px}
.p-link{font-size:13px;font-weight:600;color:var(--accent)}
.p-2col{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:start}
.p-2col .card + .card{margin-top:0} /* v mriežke aj v stĺpcoch rozostup rieši gap, nie margin */
/* stránkovač: odkazy namiesto tlačidiel (server-side stránkovanie) */
.mk-pager .pg-b{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:9px;
display:inline-flex;align-items:center;justify-content:center;font-size:16px;
color:#374151;text-decoration:none;line-height:1}
.mk-pager a.pg-b:hover{background:#f4f5f8;color:#111827}
.mk-pager .pg-b.off{opacity:.4}
@media(max-width:900px){.p-2col{grid-template-columns:1fr}.ptop-in{gap:14px}.pnav{gap:2px}}
/* KPI */
.p-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
@media(max-width:900px){.p-kpis{grid-template-columns:1fr 1fr}}
/* Základ: názov hore, suma a popis pri spodku karty. Karty sú v mriežke rovnako vysoké,
takže to drží aj bez subgridu (staršie prehliadače). */
.p-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;
display:flex;flex-direction:column;gap:5px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.p-kpi .l{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:var(--soft);line-height:1.3;padding-right:78px}
/* dlaždica môže byť odkaz – text v nej nesmie zmodrieť ani sa podčiarknuť */
a.p-kpi{color:var(--text);text-decoration:none}
.p-kpi .v{margin-top:auto;font-size:25px;font-weight:800;letter-spacing:-.02em;line-height:1;
white-space:nowrap;color:var(--text)}
.p-kpi .d{font-size:12px;line-height:1.35;color:var(--soft)}
/* 78a/79a: všetky karty zdieľajú tie isté tri riadky, takže názov, suma aj popis sedia na
rovnakej linke v ktoromkoľvek jazyku – aj keď je názov trojriadkový alebo popis dvojriadkový.
Žiadne pevné výšky, riadok si veľkosť berie od najvyššej karty. */
@supports (grid-template-rows: subgrid){
.p-kpis{grid-template-rows:auto auto auto}
.p-kpi{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:6px;align-content:start}
.p-kpi .v{margin-top:0;align-self:end}
.p-kpi .d{align-self:end}
}
/* Výplaty: karty bez štítka, zato s dlhým rozpisom – ostávajú v jednoduchom rozložení
ako na stránke Moji klienti, pevný riadok na názov by tu rozpis len rozhádzal */
.p-kpis.plain{grid-template-rows:none}
.p-kpis.plain .p-kpi{display:flex;flex-direction:column;gap:8px;padding:18px 20px;grid-row:auto}
.p-kpis.plain .p-kpi .l{font-size:12.5px;font-weight:700;letter-spacing:normal;
text-transform:none;color:#6b7280;max-width:none}
.p-kpis.plain .p-kpi .v{align-self:auto;font-size:25px;line-height:1;letter-spacing:-.02em;white-space:normal}
.p-kpis.plain .p-kpi .d{align-self:auto;font-size:12px;color:#9ca3af}
/* BIO banner */
/* mriežka: ikona | text | tlačidlo, poznámka pod textom (na mobile cez celú šírku) */
.bio-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
gap:0 14px;border:1px solid;border-radius:14px;padding:14px 20px}
.bio-banner-ic{grid-column:1;grid-row:1;width:34px;height:34px;border-radius:50%;background:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.bio-banner-tx{grid-column:2;grid-row:1;min-width:0}
.bio-banner > .btn{grid-column:3;grid-row:1}
.bio-banner-note{grid-column:2;margin-top:2px;font-size:13px}
.bio-banner-note b{color:var(--text)}
.bio-banner-t{font-size:14.5px;font-weight:700}
.bio-banner-s{font-size:13px;opacity:.85}
/* objednávky tabuľka */
/* hlavička karty: nadpis + popis, oddelené linkou cez celú šírku karty (ako pri BIO) */
.po-hd{margin:0 -24px 24px;padding:0 24px 18px;border-bottom:1px solid var(--line)}
.po-hd h2{margin:0;font-size:19px;letter-spacing:-.01em}
.po-hd p{margin:6px 0 0;font-size:13px;max-width:76ch}
.po-table{display:flex;flex-direction:column;overflow-x:auto}
.po-head,.po-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:center;min-width:820px}
/* Objednávky v portáli: sedem rovnako širokých stĺpcov cez celú šírku karty */
.po-full .po-head,.po-full .po-row{grid-template-columns:minmax(88px,.9fr) minmax(76px,.8fr) minmax(110px,1fr) minmax(150px,1.25fr) minmax(92px,.85fr) minmax(84px,.8fr) minmax(128px,.95fr) minmax(190px,1.05fr) minmax(190px,1.1fr);min-width:1220px}
/* stavové odznaky sa neorezávajú – bunku drží minimálna šírka stĺpca (26. 9. 2026) */
.po-full .po-row > span:nth-child(n+9){overflow:visible}
/* hlavička zostáva pri rolovaní pod hornou lištou portálu; posúva ju JS (tabuľka roluje aj do strany) */
.po-full .po-head{position:relative;z-index:3;background:var(--card,#fff);transition:box-shadow .15s}
.po-full .po-head.stuck{box-shadow:0 8px 14px -12px rgba(17,21,39,.35);border-bottom:1px solid var(--line)}
.po-full{scrollbar-width:thin;scrollbar-color:#c9ccd6 transparent;padding-bottom:6px}
.po-full::-webkit-scrollbar{height:8px}
.po-full::-webkit-scrollbar-thumb{background:#c9ccd6;border-radius:8px}
.po-full .po-head .num,.po-full .po-row .num{text-align:left}
/* Priradenie je hlavná informácia riadka – nech je celý stĺpec rovnako výrazný */
.po-row .attr{font-weight:700;color:var(--text);font-size:13.5px}
.po-head{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--soft);text-transform:uppercase;padding:0 4px 8px}
.po-head .num{text-align:left}
.po-row{padding:10px 4px;border-top:1px solid var(--line);font-size:13.5px}
.po-row .num{text-align:left;font-weight:600}
.po-row .pos{color:var(--green);font-weight:700}
/* odhad má rovnakú farbu ako ostatné čísla, len tučnejšie */
.tbl td.est{color:rgb(154,161,178);font-weight:700} /* Odhad obratu/mes. – šedý, je to len odhad (10.9.2026) */
/* nulový obrat menší a sivý – ako nulový odhad, aby tabuľku nezaplavili tučné nuly */
.tbl td.js-rev.zero{font-weight:600;font-size:13px;color:#9ca3af}
/* rozbaľovacie riadky (70a–73a) sú len pre mobil */
.ex-hd,.mk-mo,.ex-hd-cell,.im-mail{display:none}
.po-row > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-row .badge{white-space:nowrap} /* stav ako „Čaká na platbu" nech nepadá do dvoch riadkov */
.mono{font-weight:650;letter-spacing:.02em}
/* filtre */
.filter-pill{font-size:13px;font-weight:600;padding:8px 15px;border-radius:999px;border:1px solid var(--line2);color:var(--muted);background:#fff}
.filter-pill:hover{background:var(--gray-soft)}
.filter-pill.on{background:var(--accent-soft);border-color:#d9ddf9;color:var(--accent-2)}
/* formuláre portálu */
.af{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}
.af>span{font-size:12px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}
.af input,.af select{border:1px solid var(--line2);border-radius:10px;padding:10px 13px;font-size:14px;font-family:inherit;color:var(--text);background-color:#fff;width:100%}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.f2{grid-template-columns:1fr}}
.btn.dark{background:var(--text);color:#fff;box-shadow:none}.btn.dark:hover{background:#374151}
.btn.accent{background:var(--accent)}.btn.accent:hover{background:var(--accent-2)}
.btn.xs{padding:5px 11px;font-size:12px}
/* sociálne siete v nastaveniach */
.ps-socials{display:flex;flex-direction:column;gap:10px}
.ps-soc-row{display:flex;align-items:center;gap:10px}
.ps-soc-row input{flex:1;min-width:0;border:1px solid var(--line2);border-radius:10px;padding:9px 12px;font-size:13px}
.ps-open{width:36px;height:36px;border:1px solid var(--line2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);flex:none;font-size:14px}
.ps-open:hover{background:var(--gray-soft);color:var(--text)}
/* BIO návod + mini stav */
.bio-todo{display:flex;flex-direction:column;gap:8px}
.bio-todo-row{display:flex;align-items:center;gap:10px;background:#f8f9fb;border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.bio-todo-row .l{font-size:12px;font-weight:700;color:var(--soft);width:34px;flex:none}
.bio-todo-row .v{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bio-mini{margin-top:12px;display:flex;flex-direction:column}
.bio-mini-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--line)}
.bio-mini-n{font-size:13.5px;font-weight:700;flex:none}
.bio-mini-h{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bio-mini-p{margin-left:auto;display:inline-flex;gap:6px;flex:none}
.pill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px}
.pill.green{background:var(--green-soft);color:var(--green)}
.pill.red{background:var(--red-soft);color:var(--red)}
.pill.amber{background:var(--amber-soft);color:var(--amber)}
/* notifikácie prepínače */
.notif-list{display:flex;flex-direction:column}
.notif-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.notif-row:first-child{border-top:none}
.notif-tx{flex:1}.notif-t{font-size:13.5px;font-weight:600}.notif-s{font-size:12.5px;color:var(--soft)}
.nswitch{width:38px;height:22px;border:none;border-radius:999px;background:#d5d8de;padding:2px;cursor:pointer;flex:none;transition:background .15s;display:flex}
.nswitch>span{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.2);transition:transform .15s}
.nswitch.on{background:var(--accent)}.nswitch.on>span{transform:translateX(16px)}
/* ===== Prihlásenie 9a ===== */
.auth-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--a-dark,#0d1020);position:relative;overflow:hidden}
.auth-shell::after{content:"";position:absolute;inset:-16px;z-index:0;background-image:var(--a-bg);background-size:cover;background-position:center;filter:blur(var(--a-blur,5px)) saturate(1.05);transform:scale(1.05)}
.auth-shell > *{position:relative;z-index:2}
.auth-dim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,10,16,calc(var(--a-dim,.55) * .75)) 0%,rgba(8,10,16,var(--a-dim,.55)) 60%,rgba(8,10,16,calc(var(--a-dim,.55) + .12)) 100%)}
.auth-shell::before{content:"";position:absolute;top:-180px;right:-120px;width:520px;height:520px;border-radius:99em;background:radial-gradient(circle,var(--a-glow,rgba(91,91,214,.35)) 0%,transparent 70%);pointer-events:none;z-index:3}
.auth-bar{position:relative;z-index:30;display:flex;align-items:center;gap:16px;padding:20px 40px;background:transparent;border-bottom:none}
.auth-reg{margin-left:auto;font-size:16px;font-weight:700;color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.7);border-radius:10px;padding:4px 18px;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,border-color .15s;white-space:nowrap}
.auth-reg:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.auth-center{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:36px 24px 56px}
.auth-box{width:420px;max-width:100%;display:flex;flex-direction:column;gap:16px}
.auth-head{text-align:center;display:flex;flex-direction:column;gap:8px;margin-bottom:0}
.auth-head h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.auth-head p{margin:0;font-size:14px;color:rgba(255,255,255,.78);text-shadow:0 1px 12px rgba(0,0,0,.3)}
.auth-card{background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.auth-card .btn{box-shadow:0 8px 24px rgba(91,91,214,.45);border-radius:10px}
@media(min-width:821px){
.auth-box{zoom:1.15} /* na PC celý stredový blok o 15% väčší */
}
.auth-row{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:11px}
.rem{display:flex;align-items:center;gap:7px;color:var(--muted);cursor:pointer}
.auth-forgot{margin-left:auto;font-weight:600;color:var(--accent)}
.auth-alt{margin:0;text-align:center;font-size:13px;color:rgba(255,255,255,.65);text-shadow:0 1px 12px rgba(0,0,0,.3)}
.auth-alt a{font-weight:700;color:#a5b0ff}
@media(max-width:520px){
.auth-bar{padding:16px 18px}
.auth-reg{font-size:13px;padding:4px 12px}
.auth-center{padding:24px 16px 40px}
.auth-head h1{font-size:27px}
.auth-card{padding:22px 18px}
}
/* ===== Registrácia 10a — verné 1:1, plne responzívne ===== */
.reg-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--a-dark,#0b0d14)}
.reg-bg{position:absolute;inset:-16px;z-index:0;background-image:var(--a-bg);background-size:cover;background-position:center;filter:blur(var(--a-blur,5px)) saturate(1.1);transform:scale(1.04)}
.reg-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,color-mix(in srgb,var(--a-dark,#090b13) 90%,transparent) 0%,color-mix(in srgb,var(--a-dark,#090b13) 64%,transparent) 55%,color-mix(in srgb,var(--a-dark,#090b13) 40%,transparent) 100%)}
.reg-credit{position:fixed;right:14px;bottom:10px;z-index:3;font-size:10.5px;color:rgba(255,255,255,.5)}
.reg-inner{position:relative;z-index:2;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;padding:0 12px}
.reg-bar{position:relative;z-index:30;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 44px}
.reg-brand{font-size:15px;font-weight:800;letter-spacing:.08em;color:#fff}
.reg-brand span{color:#a5b0ff}
.reg-login{margin-left:auto;font-size:16px;font-weight:700;color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.7);border-radius:10px;padding:4px 18px;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,border-color .15s}
.reg-login:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.reg-grid{flex:1;display:grid;grid-template-columns:minmax(auto,620px) 580px;justify-content:center;gap:48px;align-items:center;padding:24px 44px 56px}
/* ľavý pitch */
.reg-pitch{display:flex;flex-direction:column;gap:20px;color:#fff}
.reg-badge{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c7ceff;background:rgba(91,91,214,.28);border:1px solid rgba(165,176,255,.35);border-radius:99px;padding:6px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.reg-pitch h1{margin:0;font-size:54px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.reg-lead{margin:0;font-size:18px;color:rgba(255,255,255,.82);line-height:1.6;max-width:520px;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.reg-benefits{display:flex;flex-direction:column;gap:13px}
.reg-benefits>div{display:flex;align-items:center;gap:11px;font-size:16px;color:rgba(255,255,255,.92)}
.reg-check{width:24px;height:24px;border-radius:99px;background:rgba(52,211,153,.22);border:1px solid rgba(52,211,153,.5);color:#6ee7b7;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
/* glass karta */
.reg-card{background:color-mix(in srgb,var(--a-dark,#111827) 58%,transparent);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:13px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.reg-card h3{margin:0 0 2px;font-size:17px;font-weight:700;color:#fff}
.reg-form{display:flex;flex-direction:column;gap:13px}
.reg-form input:not([type=checkbox]){border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.95);border-radius:10px;padding:11px 13px;font-size:15px;font-family:inherit;color:#111827;width:100%;min-width:0}
.reg-form input:not([type=checkbox]):focus{outline:2px solid rgba(165,176,255,.7);outline-offset:1px}
.reg-form input::placeholder{color:#7d8494;opacity:1}
.reg-phone{position:relative;display:flex;gap:6px;min-width:0}
.reg-phone input[name=phone]{flex:1;min-width:0}
.reg-cc{display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.95);border-radius:10px;padding:0 9px;font-size:13.5px;font-weight:600;color:#111827;cursor:pointer;flex:none;font-family:inherit;white-space:nowrap}
.reg-cc svg{width:13px;height:13px;color:#6b7280}
/* v angličtine predvoľbu netipujeme – tlačidlo je vyzvanie, nie hodnota */
.reg-cc.empty{color:#9ca3af;font-weight:500}
.reg-cc-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:color-mix(in srgb,var(--a-dark,#111827) 97%,transparent);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px;box-shadow:0 18px 44px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.reg-cc-pop input#reg-cc-s{width:100%;font-size:13.5px;padding:9px 12px}
.reg-cc-list{max-height:236px;overflow:auto;display:flex;flex-direction:column;gap:2px;margin-top:8px;overscroll-behavior:contain}
.reg-cc-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:none;color:rgba(255,255,255,.9);font-size:13.5px;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;width:100%}
.reg-cc-list button:hover{background:rgba(255,255,255,.1)}
.reg-cc-list em{font-style:normal;color:rgba(255,255,255,.55);font-size:12.5px;flex:none}
.reg-pass{position:relative}
.reg-pass input{padding-right:46px}
.reg-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:7px;color:#6b7280;display:flex;align-items:center;border-radius:8px}
.reg-eye:hover{color:#111827}
.reg-eye svg{width:20px;height:20px;display:block}
.reg-eye .i-off{display:none}
.reg-eye.on .i-on{display:none}
.reg-eye.on .i-off{display:block}
.reg-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reg-soc{display:flex;flex-direction:column;gap:8px}
.reg-soc-l{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.08em}
.reg-soc-row{display:flex;align-items:center;gap:8px}
.reg-soc-row input{flex:1;font-size:13.5px;padding:10px 13px}
.reg-tile{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
/* Miesto chyby: hláška hore hovorí čo, červený rám ukáže kde. Platí pre samotné
pole, pre obal telefónu aj pre celú sekciu sietí. */
.reg-form input.err-here,
.reg-form .reg-soc-row.err-here input{border-color:#e5484d!important;box-shadow:0 0 0 3px rgba(229,72,77,.22)}
/* telefón je dvojica (predvoľba + číslo) v obale bez vlastného rámu — červený rám
preto kreslíme na obe polia vnútri, inak by na obrazovke nebolo vidieť nič */
.reg-form .reg-phone.err-here input[name=phone],
.reg-form .reg-phone.err-here .reg-cc{border-color:#e5484d!important;box-shadow:0 0 0 3px rgba(229,72,77,.22)}
.reg-form .reg-soc.err-here{border-radius:12px;padding:10px;margin:-10px;
box-shadow:inset 0 0 0 1px #e5484d,0 0 0 3px rgba(229,72,77,.16)}
.reg-form .reg-soc-row.err-here .reg-tile{box-shadow:0 0 0 2px #e5484d}
.reg-open{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:rgba(255,255,255,.85);text-decoration:none;font-size:13px;flex:none;transition:background .15s,color .15s,width .15s,height .15s}
.reg-open:hover{background:rgba(255,255,255,.12);color:#fff}
/* s vyplneným odkazom sa tlačidlo rozšíri a pod šípku pribudne slovo Overiť —
text je krátky vo všetkých jazykoch, aby ostal na jednom riadku */
.reg-open-t{display:none;font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.04em;
text-transform:uppercase;line-height:1;white-space:nowrap}
.reg-soc-row.has-link .reg-open{width:auto;min-width:56px;height:44px;padding:0 9px;color:#fff}
/* šípky pri sieťach sú vždy biele – prázdne pole aj po vložení odkazu (bez farby eshopu) */
.reg-open,.reg-open .reg-open-a,.reg-open .reg-open-t,.reg-soc-row.has-link .reg-open,.reg-soc-row.has-link .reg-open-t{color:#fff!important}
.reg-soc-row.has-link .reg-open-t{display:block}
.reg-soc-row.has-link .reg-open-a{font-size:12px;line-height:1}
.reg-tile svg{width:16px;height:16px;display:block}
.reg-tile.instagram{background:radial-gradient(circle at 28% 106%,#fdd85d 0%,#fd8d32 20%,#f2453d 45%,#d6249f 68%,#8a3ab9 100%)}
.reg-tile.facebook{background:#1877f2}.reg-tile.youtube{background:#f00}
/* TikTok je čierny a na tmavom pozadí by splynul – oddelí ho biely rám */
.reg-tile.tiktok{background:#111;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.9)}
.reg-agree{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:rgba(255,255,255,.72);line-height:1.5;cursor:pointer}
.reg-agree input{margin-top:2px;flex:none;width:16px;height:16px}
.reg-submit{background:#5b5bd6;color:#fff;border:none;border-radius:10px;padding:13px;font-size:18.5px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(91,91,214,.45);transition:background .15s}
/* hover nemení farbu (tá je z brandingu eshopu), len ju jemne stmaví */
.reg-submit:hover{background:var(--a-grad,#5b5bd6);filter:brightness(.92)}
.reg-form .reg-submit{margin-top:20px}
.reg-note{margin:0;font-size:12px;color:rgba(255,255,255,.55);text-align:center}
.reg-err{background:rgba(220,38,38,.16);border:1px solid rgba(248,113,113,.4);color:#fecaca;font-size:13px;font-weight:600;border-radius:10px;padding:10px 13px}
/* hotovo */
.reg-done-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 20px 56px}
.reg-done{max-width:520px;text-align:center;color:#fff;background:color-mix(in srgb,var(--a-dark,#111827) 58%,transparent);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:40px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.reg-done-ic{width:56px;height:56px;border-radius:99px;background:rgba(52,211,153,.22);border:1px solid rgba(52,211,153,.5);color:#6ee7b7;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center}
.reg-done h1{margin:0;color:#fff;font-size:26px}
.reg-done p{margin:0;color:rgba(255,255,255,.82);line-height:1.6}
.reg-done .reg-submit{align-self:stretch}
/* ---- responzívne ---- */
@media(max-width:1360px){
.reg-grid{grid-template-columns:minmax(auto,560px) 500px;gap:44px}
.reg-pitch h1{font-size:46px}
}
@media(max-width:1120px){
.reg-grid{grid-template-columns:minmax(auto,520px) 440px;gap:40px}
.reg-pitch h1{font-size:38px}
.reg-lead{font-size:16px}
.reg-benefits>div{font-size:14.5px}
}
@media(max-width:980px){
.reg-grid{grid-template-columns:1fr 400px;gap:36px;padding:20px 32px 44px}
.reg-pitch h1{font-size:34px}
}
@media(max-width:820px){
.reg-credit{display:none} /* na mobile by prekrývalo formulár */
.reg-inner{padding:0}
.reg-bar{padding:18px 22px}
.reg-grid{grid-template-columns:1fr;gap:22px;padding:28px 20px 44px;align-items:start}
.reg-pitch{gap:14px}
.reg-pitch h1{font-size:30px}
.reg-lead{max-width:none}
.reg-card{width:100%;max-width:480px;margin:0 auto}
}
@media(max-width:520px){
.reg-bar{padding:16px 18px;gap:10px}
.reg-login{font-size:13px;padding:4px 12px}
.reg-grid{padding:24px 16px 32px}
.reg-pitch h1{font-size:27px}
.reg-pitch br{display:none} /* na úzkom mobile nechaj nadpis tiecť prirodzene */
.reg-lead{font-size:14px}
.reg-benefits{gap:8px} /* na telefóne kompaktne, ale viditeľné */
.reg-benefits>div{font-size:13px;gap:8px}
.reg-check{width:18px;height:18px;font-size:10px}
.reg-card{padding:22px 18px;border-radius:16px}
.reg-submit{font-size:15px}
.reg-2{grid-template-columns:1fr}
.reg-done{padding:30px 22px}
}
@media(max-width:360px){
.reg-brand{font-size:14px}
.reg-card input,.reg-soc-row input{font-size:14px}
}
/* popup na odomknutie úpravy affiliate kódu */
.refmodal{position:fixed;inset:0;background:rgba(17,21,39,.45);display:flex;align-items:center;justify-content:center;z-index:100}
.refmodal[hidden]{display:none}
.refmodal-card{background:#fff;border-radius:14px;padding:22px;width:360px;max-width:92vw;display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.refmodal-card h3{margin:0;font-size:16px}
.refmodal-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
.refmodal-card input{border:1px solid var(--line2);border-radius:10px;padding:9px 12px;font-size:14px;font-family:inherit;width:100%}
/* ============ Admini a manažéri – dizajn 12a ============ */
.mg-wrap{display:grid;grid-template-columns:minmax(0,1fr) 424px;gap:20px;align-items:start}
.mg-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.mg-hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mg-title{margin:0;font-size:21px;font-weight:800;letter-spacing:-.01em}
.mg-sub{margin:3px 0 0;font-size:13px;color:var(--soft)}
/* vyššia špecificita než globálne input[type=search]{width:100%} */
.mg-hd input.mg-search{margin-left:auto;width:230px;flex:none;height:auto;border:1px solid var(--line2);background:#fff;border-radius:10px;padding:9px 13px;font-size:13.5px;font-family:inherit}
/* tabuľka */
.mg-table{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mg-thead,.mg-row{display:grid;grid-template-columns:1.5fr 150px 1fr 84px;gap:12px;align-items:center}
.mg-thead{padding:11px 20px;background:#fafbfc;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--soft);text-transform:uppercase}
.mg-row{padding:13px 20px;border-bottom:1px solid #f4f5f7;transition:background .12s}
.mg-row:last-child{border-bottom:none}
.mg-row:hover{background:#fcfcfe}
.mg-user{display:flex;align-items:center;gap:11px;min-width:0}
.mg-av{width:36px;height:36px;border-radius:50%;background:var(--gray-soft);color:var(--muted);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.mg-av.super{background:var(--accent-soft);color:var(--accent-2)}
.mg-user-tx{display:flex;flex-direction:column;min-width:0}
.mg-name-row{display:flex;align-items:center;gap:7px;min-width:0}
.mg-name{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-you{font-size:10.5px;font-weight:700;color:var(--muted);background:#f1f3f6;border-radius:99px;padding:2px 8px;flex:none}
.mg-email{font-size:12.5px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-role{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:99px}
.mg-role i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.mg-role.super{background:var(--green-soft);color:var(--green)}
.mg-role.mgr{background:var(--accent-soft);color:var(--accent-2)}
.mg-role.pis{background:var(--amber-soft);color:var(--amber)}
.mg-shops{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.mg-chip{font-size:12px;font-weight:600;color:#374151;background:#f4f5f8;border:1px solid var(--line);border-radius:8px;padding:3px 9px}
.mg-chip.all{background:var(--green-soft);border-color:#cfeadb;color:var(--green)}
.mg-chip.none{background:transparent;border-style:dashed;color:var(--soft)}
.mg-actions{justify-self:end;display:flex;gap:6px}
.mg-delf{display:contents}
.mg-ico{width:32px;height:32px;border:1px solid var(--line2);background:#fff;border-radius:9px;font-size:13px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;padding:0;transition:.12s}
.mg-ico:hover:not(:disabled){background:var(--gray-soft);color:var(--text)}
.mg-ico.del{font-size:16px;line-height:1;font-weight:600}
.mg-ico.del:hover:not(:disabled){background:var(--red-soft);border-color:#f4c9c9;color:var(--red)}
.mg-ico:disabled{opacity:.4;cursor:not-allowed}
.mg-empty{padding:22px;text-align:center;font-size:13.5px;color:var(--soft)}
.mg-info{display:flex;align-items:flex-start;gap:9px;background:#f8f9fb;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:12.5px;color:var(--muted);line-height:1.5}
.mg-info strong{color:#374151}
.mg-info-i{font-weight:800;color:var(--accent);flex:none}
/* bočný panel */
.mg-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(16,24,40,.05);position:sticky;top:84px}
.mg-panel.editing{border-color:#d9ddf9;box-shadow:0 4px 20px rgba(91,91,214,.14)}
.mg-panel-hd{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.mg-panel-ic{width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent-2);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.mg-panel-hd h3{margin:0;font-size:15.5px;font-weight:700}
.mg-panel-hd p{margin:1px 0 0;font-size:12.5px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-panel-bd{padding:20px 22px;display:flex;flex-direction:column;gap:13px}
.mg-f{display:flex;flex-direction:column;gap:5px}
.mg-f>span{font-size:12px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}
.mg-f>span em{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0}
.mg-f input{border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--text);width:100%}
.mg-f-group{display:flex;flex-direction:column;gap:7px}
.mg-f-l{font-size:12px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}
.mg-role-card{display:flex;align-items:flex-start;gap:10px;text-align:left;border:1.5px solid var(--line2);background:#fff;border-radius:11px;padding:11px 13px;cursor:pointer;width:100%;font-family:inherit;transition:.12s}
.mg-role-card:hover{background:#fafbff}
.mg-role-card.on{border-color:var(--accent);background:var(--accent-soft)}
.mg-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line2);background:#fff;margin-top:2px;flex:none;transition:.12s}
.mg-role-card.on .mg-radio{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px #fff}
.mg-role-tx{display:flex;flex-direction:column;gap:1px}
.mg-role-tx b{font-size:13.5px;font-weight:700;color:var(--text)}
.mg-role-tx em{font-style:normal;font-size:12px;color:var(--soft)}
.mg-shop-tile{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer;transition:.12s}
.mg-shop-tile:hover{background:#fafbff}
.mg-shop-tile input{position:absolute;opacity:0;pointer-events:none}
.mg-box{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line2);background:#fff;flex:none;display:flex;align-items:center;justify-content:center;transition:.12s}
.mg-box::after{content:'✓';color:#fff;font-size:11px;font-weight:800;opacity:0;transition:.12s}
.mg-shop-tile:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.mg-shop-tile:has(input:checked) .mg-box{border-color:var(--accent);background:var(--accent)}
.mg-shop-tile:has(input:checked) .mg-box::after{opacity:1}
.mg-shop-ic{width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent-2);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.mg-shop-n{font-size:13.5px;font-weight:600;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-panel-ft{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:14px}
@media(max-width:1180px){
.mg-wrap{grid-template-columns:minmax(0,1fr) 372px}
}
@media(max-width:1100px){
.mg-wrap{grid-template-columns:1fr}
.mg-panel{position:static}
}
@media(max-width:760px){
.mg-thead{display:none}
.mg-row{grid-template-columns:1fr auto;gap:8px 10px;padding:14px 16px}
.mg-user{grid-column:1}
.mg-actions{grid-column:2;grid-row:1}
.mg-role-cell{grid-column:1;grid-row:2}
.mg-shops{grid-column:1/-1;grid-row:3}
.mg-hd input.mg-search{margin-left:0;width:100%}
.mg-hd{gap:10px}
}
/* ============ Upraviť eshop – dizajn 13a ============ */
.sh-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.sh-logo{width:44px;height:44px;border-radius:13px;background:var(--accent);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.sh-head-tx{min-width:0;flex:1}
.sh-head-t{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sh-head-t h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.01em}
.sh-head-s{margin:2px 0 0;font-size:13px;color:var(--soft)}
.sh-head-s code,.sh-info code,.sh-note code,.sh-step-p code,.sh-card-hd code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.94em;color:var(--muted)}
.sh-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:3px 11px;border-radius:99px}
.sh-pill.on{background:var(--green-soft);color:var(--green)}
.sh-pill.off{background:var(--gray-soft);color:var(--muted)}
.sh-pill.new{background:var(--accent-soft);color:var(--accent-2)}
.sh-head-actions{margin-left:auto;display:flex;gap:8px;flex:none}
.sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.sh-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sh-card+.sh-card,.sh-dns{margin-top:0}
.sh-card-hd{padding:16px 22px;border-bottom:1px solid var(--line)}
.sh-card-hd h3{margin:0;font-size:15.5px;font-weight:700}
.sh-card-hd p{margin:2px 0 0;font-size:12.5px;color:var(--soft);line-height:1.5}
.sh-card-bd{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.sh-card-bd form{display:flex;flex-direction:column;gap:14px}
/* polia */
.sh-f{display:flex;flex-direction:column;gap:5px}
.sh-f>span{font-size:12px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}
.sh-f input,.sh-f select{border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--text);background-color:#fff;width:100%}
.sh-f input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.sh-f-narrow{max-width:220px}
.sh-2{display:grid;grid-template-columns:1fr 200px;gap:12px}
.sh-input-wrap{display:flex;align-items:stretch;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:#fff}
.sh-input-wrap input{border:none;border-radius:0;outline:none}
.sh-input-wrap input:focus{box-shadow:none}
.sh-prefix{font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--soft);background:#f8f9fb;border-right:1px solid var(--line);padding:10px 11px;display:flex;align-items:center;flex:none}
.sh-suffix{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:10px 12px;border-left:1px solid var(--line);flex:none;white-space:nowrap}
.sh-suffix.ok{background:var(--green-soft);color:var(--green);border-left-color:#cfeadb}
.sh-suffix.warn{background:var(--amber-soft);color:var(--amber);border-left-color:#f4dca5}
.sh-suffix.idle{background:var(--gray-soft);color:var(--soft)}
.sh-info{display:flex;align-items:flex-start;gap:9px;background:#f8f9fb;border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-size:12.5px;color:var(--muted);line-height:1.55}
.sh-info-i{font-weight:800;color:var(--accent);flex:none}
/* adresy */
.sh-urls{padding-top:6px;padding-bottom:14px;gap:0}
.sh-url{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f4f5f7}
.sh-url:last-child{border-bottom:none}
.sh-url-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sh-url-l{font-size:11px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em}
.sh-url-v{font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-copy{border:1px solid var(--line2);background:#fff;color:var(--muted);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;flex:none;font-family:inherit;transition:.12s}
.sh-copy:hover{background:var(--gray-soft);color:var(--text)}
.sh-open{width:30px;height:30px;border:1px solid var(--line2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;flex:none;transition:.12s}
.sh-open:hover{background:var(--gray-soft);color:var(--text)}
/* DNS setup */
.sh-dns{margin-top:18px}
.sh-dns-hd{display:flex;align-items:center;gap:12px}
.sh-dns-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:99px;flex:none}
.sh-dns-pill.ok{background:var(--green-soft);color:var(--green)}
.sh-dns-pill.warn{background:var(--amber-soft);color:var(--amber)}
.sh-dns-pill.idle{background:var(--gray-soft);color:var(--soft)}
.sh-dns-bd{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:start}
.sh-step-col{display:flex;flex-direction:column;gap:11px;min-width:0}
.sh-step{display:flex;align-items:center;gap:9px}
.sh-step-n{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.sh-step-t{font-size:14px;font-weight:700}
.sh-step-p{margin:0 0 0 31px;font-size:12.5px;color:var(--muted);line-height:1.6}
.sh-step-p strong{color:#374151}
.sh-note{margin:0;font-size:12.5px;color:var(--soft);line-height:1.5}
.sh-dnstable{border:1px solid var(--line);border-radius:11px;overflow:hidden}
.sh-dnsrow{display:grid;grid-template-columns:minmax(120px,180px) minmax(90px,130px) 1fr;gap:10px;padding:11px 14px;align-items:center;border-bottom:1px solid #f4f5f7;font-size:13px}
.sh-dnsrow:last-child{border-bottom:none}
.sh-dnsrow.head{padding:9px 14px;background:#fafbfc;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--soft);text-transform:uppercase}
.sh-dnsrow.alt{background:#fcfcfd}
.sh-dnsrow .mono{font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#374151;overflow-wrap:anywhere}
.sh-rec{font-size:10.5px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:99px;padding:2px 8px}
.sh-verify{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.sh-checks{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.sh-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#374151;line-height:1.5}
.sh-mark{width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.sh-mark.ok{background:var(--green-soft);color:var(--green)}
.sh-mark.bad{background:var(--red-soft);color:var(--red)}
.sh-check.done{background:var(--green-soft);border:1px solid #cfeadb;color:var(--green);border-radius:10px;padding:10px 12px;font-weight:600}
@media(max-width:1100px){
.sh-grid{grid-template-columns:1fr}
.sh-dns-bd{grid-template-columns:1fr;gap:18px}
}
@media(max-width:600px){
.sh-2{grid-template-columns:1fr}
.sh-head-actions{margin-left:0;width:100%}
.sh-head-actions .btn{flex:1;justify-content:center}
.sh-dnsrow{grid-template-columns:1fr;gap:4px}
.sh-dnsrow.head{display:none}
.sh-card-bd,.sh-card-hd{padding-left:16px;padding-right:16px}
}
/* ---- Pridať eshop – dizajn 13b (kroky + živý náhľad) ---- */
.sh-logo.new{background:transparent;border:1.5px dashed #c7ccd4;color:var(--soft);font-size:20px;font-weight:700}
.sh-right{display:flex;flex-direction:column;gap:14px;min-width:0}
.sh-step-hd{display:flex;align-items:flex-start;gap:10px}
.sh-step-hd.plain{border:none;padding:0}
.sh-step-hd .sh-step-n{margin-top:1px}
.sh-step-hd h3{margin:0}
.sh-opt{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;color:#c0c4cc}
.sh-step-n.gray{background:var(--gray-soft);color:var(--soft)}
.sh-next{gap:11px}
.sh-next-list{display:flex;flex-direction:column;gap:8px}
.sh-next-list>div{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
.sh-next-n{width:20px;height:20px;border-radius:50%;background:var(--gray-soft);color:var(--soft);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
/* ============ Rozbaľovacie zoznamy – jednotný vzhľad naprieč appkou ============ */
/* POZOR: nikdy nepoužívať skratku `background:` na selecte – zmazala by šípku. */
select{
appearance:none;-webkit-appearance:none;cursor:pointer;
background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5L7 7l5.5-5.5' stroke='%236b7280' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 13px center;background-size:13px 9px;padding-right:38px;
transition:border-color .15s,background-color .15s,box-shadow .15s;
}
select:hover{border-color:#cfd4e0}
select:focus{
background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5L7 7l5.5-5.5' stroke='%235b5bd6' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 13px center;background-size:13px 9px;
}
select:disabled{opacity:.55;cursor:not-allowed;background-color:var(--gray-soft)}
/* rozbalený zoznam (podporované v Chrome/Edge) */
select option{background:#fff;color:var(--text);padding:8px}
select option:checked{background:var(--accent-soft);color:var(--accent-2);font-weight:600}
/* Objednávky influencera – dátum priradenia + relatívny čas */
.ord-ago{display:block;font-weight:600;color:var(--text)}
.ord-date{display:block;font-size:12.5px;color:var(--soft);margin-top:1px}
/* Stránkovanie tabuliek */
.pager{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line)}
.pager-per{display:flex;align-items:center;gap:8px;font-size:13px}
.pager-per select{border:1px solid var(--line2);border-radius:9px;padding:6px 30px 6px 10px;font-size:13px;font-family:inherit;color:var(--text);background-color:#fff;background-position:right 9px center;background-size:11px 8px;height:auto;width:auto;min-width:72px}
.pager-nav{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pager-info{font-size:12.5px;margin-right:4px}
.pager-b{min-width:32px;height:32px;padding:0 9px;border:1px solid var(--line2);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--muted);background:#fff;transition:.12s}
a.pager-b:hover{background:var(--gray-soft);color:var(--text)}
.pager-b.on{background:var(--accent-soft);border-color:#d9ddf9;color:var(--accent-2)}
.pager-b.off{opacity:.4}
.pager-gap{color:var(--soft);padding:0 2px}
@media(max-width:600px){.pager{gap:10px}.pager-nav{margin-left:0;width:100%}}
/* ============ Objednávky + detail vo vysunutej lište (dizajn 14a) ============ */
.ord-tbl tbody tr.ord-row{cursor:pointer}
.ord-tbl tbody tr.ord-row:hover{background:#f8f9fb}
.ord-num{font-weight:650;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#374151}
.ord-src{font-size:10px;font-weight:700;color:var(--muted);background:var(--gray-soft);border-radius:99px;padding:2px 7px;margin-left:7px;white-space:nowrap}
.ord-cust{color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-comm{color:var(--green);font-weight:700}
.odw-back{position:fixed;inset:0;background:rgba(16,24,40,.35);z-index:60;opacity:0;pointer-events:none;transition:opacity .2s}
.odw-back.on{opacity:1;pointer-events:auto}
.odw{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:100vw;background:#fff;border-left:1px solid var(--line);box-shadow:-24px 0 60px rgba(16,24,40,.18);z-index:61;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .24s cubic-bezier(.32,.72,0,1)}
.odw.on{transform:none}
.odw-hd{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px}
.odw-t{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.odw-t h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}
.odw-sub{margin:3px 0 0;font-size:12.5px;color:var(--soft)}
.odw-sub code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.odw-x{width:32px;height:32px;border:1px solid var(--line2);background:#fff;border-radius:9px;font-size:15px;line-height:1;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.odw-x:hover{background:var(--gray-soft);color:var(--text)}
.odw-bd{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}
.odw-ft{padding:16px 24px;border-top:1px solid var(--line);display:flex;gap:8px}
.odw-ft:empty{display:none}
.odw-load{padding:30px 0;text-align:center;color:var(--soft);font-size:13.5px}
.odw-steps{display:flex;align-items:flex-start}
.odw-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;width:80px}
.odw-step-n{width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid var(--line2);color:var(--soft);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.odw-step-l{font-size:11px;font-weight:700;color:var(--soft);text-align:center}
.odw-step.on .odw-step-n{background:var(--green-soft);border-color:#abefc6;color:var(--green)}
.odw-step.on .odw-step-l{color:var(--green)}
.odw-line{flex:1;height:2px;background:var(--line);margin-top:11px}
.odw-line.on{background:#abefc6}
.odw-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.odw-box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:5px;min-width:0}
.odw-box b{font-size:13.5px;font-weight:700;color:var(--text);word-break:break-word}
.odw-box span{font-size:12.5px;color:var(--muted);word-break:break-word}
.odw-box.green{border-color:#abefc6;background:#f6fef9}
.odw-box.green .odw-l{color:var(--green)}
.odw-comm{font-size:20px!important;font-weight:800;color:var(--green);letter-spacing:-.01em}
.odw-l{font-size:10.5px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px}
.odw-addr{line-height:1.5;color:#374151!important}
.odw-track{font-size:12.5px;font-weight:700;color:var(--accent)}
.odw-items{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:9px}
.odw-item{display:grid;grid-template-columns:1fr 54px 92px;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #f4f5f7}
.odw-item>span:first-child{display:flex;flex-direction:column;min-width:0}
.odw-item b{font-size:13px;font-weight:650}
.odw-item em{font-style:normal;font-size:11.5px;color:var(--soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.odw-qty{font-size:12.5px;color:var(--muted);text-align:center}
.odw-price{font-size:13px;font-weight:650;text-align:right}
.odw-totals{padding:12px 14px;display:flex;flex-direction:column;gap:7px;background:#fafbfc}
.odw-total{display:flex;font-size:12.5px;color:var(--muted)}
.odw-total>span:first-child{flex:1}
.odw-total.big{font-size:14.5px;font-weight:800;color:var(--text);padding-top:7px;border-top:1px solid var(--line)}
.odw-note,.odw-warn{display:flex;align-items:flex-start;gap:9px;background:var(--amber-soft);border:1px solid #fedf89;border-radius:11px;padding:11px 13px;font-size:12.5px;color:var(--amber);line-height:1.5}
.odw-note b,.odw-warn b{font-weight:800}
@media(max-width:640px){
.odw{width:100vw}
.odw-2{grid-template-columns:1fr}
.ord-cust{max-width:120px}
}
.ord-comm.prod{color:var(--accent-2)}
.ord-comm.zero{color:var(--soft);font-weight:400}
.odw-split{font-size:12px!important;color:#4d8a6a!important;margin-top:2px}
.odw-split b{font-size:12px!important;color:var(--green)}
/* --- typ priradenia objednávky (kód vs. affiliate link) + nezapočítané stavy --- */
.ord-src.code{color:#166534;background:#e8f7ee;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2px}
.ord-src.link{color:#4338ca;background:#eef2ff}
.ord-src.manual,.ord-src.man{color:#7c5b12;background:#fdf3e3}
.ord-src.off{color:#b45309;background:#fdf3e3;margin-left:6px}
.ord-tbl tbody tr.unpaid{background:#fcfcfd}
.ord-tbl tbody tr.unpaid .ord-num,.ord-tbl tbody tr.unpaid td{color:var(--muted)}
.ord-tbl tbody tr.unpaid:hover{background:#f6f7f9}
.ord-note{padding:10px 18px;border-bottom:1px solid var(--line);background:#fffdf6;color:#8a6d1f;font-size:12.5px}
.ord-note b{color:#7c5b12}
/* --- potvrdenie pridelenia objednávky --- */
.asg-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.asg-num{font-weight:700;font-size:16px}
.asg-badge{font-size:11px;font-weight:700;border-radius:8px;padding:4px 9px;background:var(--gray-soft);color:var(--muted)}
.asg-badge.ok{background:var(--green-soft);color:var(--green)}
.asg-badge.warn{background:var(--amber-soft);color:var(--amber)}
.asg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.asg-grid>div{background:var(--bg-soft,#f8f9fb);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.asg-grid b,.asg-grid .soft{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-grid .soft{font-size:12px}
.asg-items{margin-top:12px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;font-size:13px;color:var(--muted);line-height:1.7}
.asg-sum{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:10px;background:var(--green-soft)}
.asg-comm{font-weight:800;font-size:18px;color:var(--green)}
.asg-note{margin-top:10px;font-size:12.5px;color:var(--muted)}
.asg-note.warn{color:#b45309}
@media (max-width:560px){.asg-grid{grid-template-columns:1fr}}
/* --- výber stavov, z ktorých vzniká provízia --- */
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.st-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}
.st-item:hover{border-color:#c7cbd6}
.st-item.on,.st-item:has(input:checked){border-color:var(--accent);background:#f6f5ff}
.st-item.on:not(:has(input:checked)){border-color:var(--line);background:#fff}
.st-item input[type=checkbox]{width:16px;height:16px;flex:0 0 auto;accent-color:var(--accent)}
.st-l{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.st-l b{font-size:13.5px}
.st-l code{font-size:11px;color:var(--soft)}
.st-c{font-size:11px;font-weight:700;color:var(--muted);background:var(--gray-soft);border-radius:99px;padding:2px 8px}
/* ===== Profil influencera – vrch stránky (dizajn 15a) ===== */
.pf{display:grid;grid-template-columns:1fr 400px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pf-main{padding:22px 26px;display:flex;gap:18px;min-width:0}
.pf-avatar{width:76px;height:76px;border-radius:20px;overflow:visible;position:relative;flex:none;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:800;font-size:24px}
.pf-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pf-id{display:flex;flex-direction:column;gap:9px;min-width:0}
.pf-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pf-name-row h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}
.pf-since{font-size:12px;font-weight:600;color:var(--muted);background:var(--gray-soft);border-radius:99px;padding:3px 10px}
.pf-contact{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.pf-sep{color:#d5d8de}
.pf-socials{display:flex;gap:7px;flex-wrap:wrap}
.pf-soc{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:4px 11px 4px 4px;text-decoration:none;transition:background .15s,border-color .15s}
.pf-soc:hover{background:#f4f5f8;border-color:#d9dce4}
.pf-soc-t{width:22px;height:22px;border-radius:99px}
.pf-soc-t svg{width:11px;height:11px}
.pf-soc-n{font-size:12.5px;font-weight:700;color:#374151}
.pf-soc.empty{padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.pf-side{padding:22px 26px;border-left:1px solid #f1f3f5;background:#fbfcfd;display:flex;flex-direction:column;gap:12px;min-width:0}
.pf-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.pf-l{font-size:10.5px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em}
.pf-aff{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}
.pf-aff>span{flex:1;min-width:0;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#374151;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-aff>button{border:none;border-left:1px solid #eceef1;background:var(--accent);color:#fff;padding:9px 14px;font-size:12.5px;font-weight:700;cursor:pointer;flex:none}
.pf-aff>button:hover{background:var(--accent-2,#4747c9)}
.pf-chips{display:flex;gap:6px;flex-wrap:wrap}
.pf-chip{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 10px}
.pf-chip .k{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pf-chip .v{font-size:13px;font-weight:700;color:var(--text)}
.pf-chip.eur{border-color:#bfe6cd;background:var(--green-soft)}
.pf-chip.eur .k,.pf-chip.eur .v{color:var(--green)}
.pf-chip.prod{border-color:#e6e6fb;background:#f7f7fe}
.pf-chip.prod .k,.pf-chip.prod .v{color:var(--accent-2,#4949c4)}
.rng{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rng-presets{display:flex;gap:5px;flex-wrap:wrap}
.rng-b{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.rng-b:hover{background:#f4f5f8;color:var(--text)}
.rng-b.on{background:var(--accent-soft);border-color:#d9ddf9;color:var(--accent)}
.rng-dates{display:flex;align-items:center;gap:7px}
.rng-dates input{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;font-size:13px;color:#374151;width:auto}
.rng-dates input.on{border-color:var(--accent)}
.rng-sum{margin-left:auto;font-size:13px;color:var(--muted)}
.kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:7px;min-width:0}
.kpi-h{display:flex;align-items:center;gap:8px}
.kpi-b{margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--gray-soft);color:var(--muted);white-space:nowrap}
.kpi-b.up{background:var(--green-soft);color:var(--green)}
.kpi-b.down{background:var(--red-soft);color:var(--red)}
.kpi-v{font-size:26px;font-weight:800;letter-spacing:-.02em}
.kpi-s{font-size:12.5px;color:var(--soft)}
.kpi-split{display:flex;flex-direction:column;gap:6px}
.ks{display:flex;align-items:center;gap:10px;border-radius:10px;padding:8px 11px}
.ks span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ks b{margin-left:auto;font-size:16px;font-weight:800;letter-spacing:-.01em}
.ks.eur{background:var(--green-soft);border:1px solid #bfe6cd}
.ks.eur span,.ks.eur b{color:var(--green)}
.ks.prod{background:#f7f7fe;border:1px solid #e6e6fb}
.ks.prod span,.ks.prod b{color:var(--accent-2,#4949c4)}
/* rozpis pod „Čaká na výplatu" – € zelenou, produkty fialovou */
.dbk{font-weight:800}
.dbk.e{color:var(--green)}
.dbk.p{color:var(--accent-2,#4949c4)}
/* Telegram – párovanie skupín */
#tg-table td{vertical-align:top}
#tg-table tr.tg-on{background:var(--green-soft)}
#tg-table tr.tg-on td:first-child{box-shadow:inset 3px 0 0 var(--green)}
#tg-table .tg-pick{width:100%;max-width:280px}
.warn{color:var(--red)}
/* manualne overenie BIO v admin karte siete (docasne, kym IG neschvali API) */
.sn-man{display:flex;flex-direction:column;gap:3px;flex:none;padding-right:10px;border-right:1px solid var(--line)}
.sn-man label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#6b7280;cursor:pointer}
.sn-man input{width:14px;height:14px;accent-color:var(--accent);margin:0}
.sn-man label:has(input:checked) span{color:var(--green)}
/* YouTube, TikTok a Instagram overuje systém sám – tu sa nič neklikáva, len sa číta stav */
.sn-auto{display:flex;flex-direction:column;gap:3px;flex:none;padding-right:10px;border-right:1px solid var(--line);cursor:help}
.sn-auto i{font-style:normal;font-size:11.5px;font-weight:700;line-height:1.35;padding-left:15px;position:relative}
.sn-auto i::before{content:'';position:absolute;left:0;top:4px;width:9px;height:9px;border-radius:99px}
.sn-auto i.yes{color:var(--green)} .sn-auto i.yes::before{background:var(--green)}
.sn-auto i.half{color:var(--amber)} .sn-auto i.half::before{background:var(--amber)}
.sn-auto i.no{color:var(--red)} .sn-auto i.no::before{background:#f2b8b5}
.sn-auto span{font-size:10.5px;color:var(--soft);white-space:nowrap;margin-top:2px}
.sn-auto b{font-size:11.5px;font-weight:700;color:var(--muted)}
.sn-auto.off b{color:var(--red)}
.sn-auto.wait b{color:var(--soft)}
/* 54a - Spravne nastavenie BIO: vlavo siete, vpravo kontrola vybranej */
.b54-grid{display:grid;grid-template-columns:1fr 400px;align-items:stretch;margin:16px -24px -24px;border-top:1px solid var(--line)}
.b54-left{padding:18px 24px 24px;display:flex;flex-direction:column;gap:10px}
.b54-lbl{font-size:11.5px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em}
.b54-row{display:flex;align-items:center;gap:12px;border:1.5px solid #e8eaee;background:#fff;border-radius:13px;padding:11px 14px;cursor:pointer;transition:border-color .15s,background .15s}
.b54-row[hidden]{display:none!important}
.b54-row:hover{border-color:#c7d2fe}
.b54-row.on{border-color:#5b5bd6;background:#f7f7fe}
.b54-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.b54-n{font-size:12px;font-weight:800;color:#111827}
.b54-tx input{border:none!important;outline:none;background:transparent!important;font-size:13.5px;color:#374151;font-family:inherit;padding:0!important;height:auto!important;box-shadow:none!important;border-radius:0!important;
width:auto;min-width:70px;max-width:100%;field-sizing:content;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap; /* pridlhý link sa oreže s …, plný je pri kliknutí do poľa */
align-self:flex-start} /* flex stĺpec inak input roztiahne na celú šírku a prepínanie siete sa netrafí */
.b54-dots{display:flex;gap:5px;flex:none}
.b54-dots i{width:8px;height:8px;border-radius:50%;display:block;background:#d5d8de}
.b54-dots i.d-ok{background:var(--green)}
.b54-dots i.d-no{background:#f04438}
.b54-dots i.d-half{background:var(--amber)}
/* odkaz overený reálnym klikom z tej siete – platí rovnako ako nález v BIO */
.b54-dots i.d-clk{background:var(--green)}
.b54-open{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;
border-radius:8px;color:#6b7280;flex:none;transition:border-color .15s,color .15s,background .15s}
.b54-open:hover{border-color:#5b5bd6;color:#5b5bd6;background:#f7f7fe}
.b54-open[hidden]{display:none!important}
.b54-x{border:none;background:transparent;color:#c2c7cf;font-size:16px;font-weight:700;cursor:pointer;padding:2px 4px;line-height:1;flex:none}
.b54-x:hover{color:#d92d20}
.b54-addwrap{position:relative}
.b54-add{display:inline-flex;align-items:center;gap:8px;border:1px dashed #c7ccd4;background:#fff;color:#5b5bd6;border-radius:11px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;width:100%;justify-content:center;transition:border-color .15s,background .15s}
.b54-add:hover{border-color:#5b5bd6;background:#f7f7fe}
.b54-drop{position:absolute;top:46px;left:0;right:0;z-index:30;background:#fff;border:1px solid #e8eaee;border-radius:13px;box-shadow:0 20px 48px rgba(16,24,40,.16);padding:6px;display:flex;flex-direction:column}
.b54-drop[hidden]{display:none!important}
.b54-drop button{display:flex;align-items:center;gap:11px;border:none;background:transparent;border-radius:9px;padding:9px 10px;cursor:pointer;text-align:left;width:100%;font-size:13.5px;font-weight:700;color:#111827}
.b54-drop button:hover{background:#f7f7fe}
.b54-drop button[hidden]{display:none!important}
.b54-right{background:#f8f9fb;border-left:1px solid #eceef1;border-radius:0 0 var(--r) 0;padding:20px 26px 26px;display:flex;flex-direction:column;gap:12px}
.b54-panel{display:flex;flex-direction:column;gap:8px}
.b54-panel[hidden]{display:none!important}
.b54-ph{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.b54-pt{display:flex;flex-direction:column;flex:1;min-width:0}
.b54-pt b{font-size:14px;font-weight:800;color:#111827}
.b54-pt i{font-style:normal;font-size:12px;color:#9ca3af}
.b54-sum{font-size:11.5px;font-weight:800;padding:3px 11px;border-radius:99px;flex:none}
.b54-sum.green{background:var(--green-soft);color:var(--green)}
.b54-sum.amber{background:var(--amber-soft);color:var(--amber)}
.b54-sum.red{background:var(--red-soft);color:#d92d20}
.b54-sum.gray{background:#f1f3f5;color:#6b7280}
.b54-check{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e8eaee;border-radius:11px;padding:10px 13px}
.b54-check.st-ok{border-color:#bfe6cd}
.b54-check.st-no{border-color:#f4c9c9}
.b54-check.st-half{border-color:#f4dca5}
.b54-check.st-clk{border-color:#bfe6cd}
.st-clk .b54-mark{background:var(--green)}
.st-clk .b54-cv .l em{color:var(--green)}
/* odkaz čaká na prvý klik – Instagram nám druhý a ďalší odkaz z profilu nevydá,
tak ho neoznačujeme za chýbajúci, len čakáme, kým cezeň niekto príde */
.b54-check.st-wait{border-color:#d7dbe3;background:#fafbfc}
.st-wait .b54-mark{background:#8b93a1;font-size:9px}
.st-wait .b54-cv .l em{color:#6b7280}
.b54-dots i.d-wait{background:#c2c7cf}
/* odkaz je overený, ale cezeň dlho nikto neklikol – upozornenie, nie chyba */
.b54-check.st-clkold{border-color:#f4dca5}
.st-clkold .b54-mark{background:var(--amber)}
.st-clkold .b54-cv .l em{color:var(--amber)}
.b54-dots i.d-clkold{background:var(--amber)}
.b54-mark{width:18px;height:18px;border-radius:50%;background:#c2c7cf;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.st-ok .b54-mark{background:var(--green)}
.st-no .b54-mark{background:#f04438}
.st-half .b54-mark{background:var(--amber)}
.b54-cv{display:flex;flex-direction:column;flex:1;min-width:0}
.b54-cv .l{font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}
.b54-cv .l em{font-style:normal;text-transform:none;letter-spacing:0}
.st-ok .b54-cv .l em{color:var(--green)}
.st-no .b54-cv .l em{color:#f04438}
.st-half .b54-cv .l em{color:var(--amber)}
.b54-cv .v{font-size:13px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b54-copy{border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:700;cursor:pointer;flex:none}
.b54-copy:hover{background:#f4f5f8}
.b54-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#9ca3af;line-height:1.5;margin-top:2px}
.b54-note b{color:#5b5bd6}
.b54-none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;text-align:center;padding:30px 10px}
.b54-none[hidden]{display:none!important}
.b54-none b{font-size:13.5px;color:#374151}
@media(max-width:980px){.b54-grid{grid-template-columns:1fr}.b54-right{border-left:none;border-top:1px solid #eceef1;border-radius:0 0 var(--r) var(--r)}}
/* 53a - Moje zlavove kody na nastenke: BIO (2) : kody (4) */
.mz53-hd{display:flex;align-items:flex-start;gap:12px}
.mz53-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.mz53-row{display:grid;grid-template-columns:64px 158px minmax(0,1fr) auto auto;align-items:center;gap:14px;
white-space:nowrap;border:1px solid #e8eaee;background:#fff;border-radius:13px;padding:12px 16px}
.mz53-row.off{background:#fafbfc;opacity:.75}
.mz53-row[hidden]{display:none!important} /* display:grid inak prebije atribút hidden */
.mz53-pct{font-size:21px;font-weight:800;letter-spacing:-.02em;color:#111827;text-align:left}
.mz53-row.off .mz53-pct{color:#9ca3af}
/* hlavný kód – celý riadok jemne fialový, zľava fialová (podľa 53a) */
.mz53-row.main{background:#f7f7fe;border-color:#d9ddf9}
.mz53-row.main .mz53-pct{color:#5b5bd6}
.mz53-code{font-family:'SF Mono',ui-monospace,monospace;font-size:14px;font-weight:800;letter-spacing:.04em;color:#111827;
background:#f4f5f8;border:1px dashed #c9cdd6;border-radius:9px;padding:8px 10px;cursor:pointer;text-align:center;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s,background .15s}
.mz53-code:hover{border-color:#5b5bd6;background:#f7f7fe}
.mz53-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.mz53-t{display:flex;align-items:center;gap:8px;min-width:0}
.mz53-t .n{font-size:13.5px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mz53-main{font-size:11px;font-weight:800;color:#4949c4;background:#eef0fd;border-radius:99px;padding:2px 9px;flex:none}
.mz53-m{font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz53-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:99px;flex:none}
.mz53-st i{width:6px;height:6px;border-radius:50%;display:block}
.mz53-st.ok{background:var(--green-soft);color:var(--green)}.mz53-st.ok i{background:var(--green)}
.mz53-st.off{background:#f1f3f5;color:#6b7280}.mz53-st.off i{background:#9ca3af}
.mz53-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e1e4ea;background:#fff;
color:#374151;border-radius:99px;padding:8px 0;width:132px;font-size:12.5px;font-weight:700;cursor:pointer;flex:none;transition:background .15s}
.mz53-copy:hover{background:#f4f5f8}
@media(max-width:760px){
/* tri riadky: zľava+kód, popis, stav+kopírovať. Prvý stĺpec sa musí prispôsobiť
najširšiemu obsahu, inak sa štítok „Aktívny" nezmestí do zeleného pozadia. */
.mz53-row{grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;row-gap:8px;column-gap:12px}
.mz53-pct{grid-column:1;grid-row:1}
.mz53-code{grid-column:2;grid-row:1}
.mz53-tx{grid-column:1/-1}
.mz53-st{grid-column:1;justify-self:start;white-space:nowrap}
.mz53-copy{grid-column:2;width:auto;padding:8px 14px}
/* skrátené texty sa dajú rozkliknúť */
.mz53-t .n,.mz53-m{cursor:pointer}
.mz53-t .n.exp,.mz53-m.exp{white-space:normal;overflow:visible;text-overflow:clip}
.mz53-t:has(.n.exp){flex-wrap:wrap}
}
/* dizajn 51b – „Čaká na výplatu" ako tmavá karta s rozpisom a tlačidlom */
.kpi4-due{grid-template-columns:1.5fr 1fr 1fr .7fr}
.due51{background:#23233f;border-color:#23233f;border-radius:16px;padding:20px 24px;gap:10px}
.due51-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.due51-l{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#a5aef0}
.due51-v{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff}
.due51-rows{display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px}
.due51-r{font-size:13px;line-height:1.5;display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;opacity:.86}
.due51-r b{font-weight:800;letter-spacing:-.01em}
.due51-r i{font-style:normal;opacity:.6}
.due51-r.e{color:#7ee2a8}
.due51-r.p{color:#b3a5f0}
.due51-empty{font-size:12.5px;color:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.12);padding-top:9px}
@media(max-width:1100px){.kpi4-due{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.kpi4{grid-template-columns:repeat(2,1fr)}.pf{grid-template-columns:1fr}.pf-side{border-left:none;border-top:1px solid #f1f3f5}}
@media(max-width:700px){.kpi4{grid-template-columns:1fr}.rng-sum{margin-left:0;width:100%}}
/* --- import z GoAffPro --- */
.gaf-bar{height:8px;border-radius:99px;background:var(--gray-soft);overflow:hidden;margin:10px 0}
.gaf-bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.gaf-log{max-height:280px;overflow:auto;font-size:12.5px;line-height:1.9;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.gaf-log .ok{color:var(--green);font-weight:600}
.gaf-log .err{color:var(--red);font-weight:600}
/* --- upozornenie, že komunikácia s influencermi je pozastavená --- */
.pause-note{margin-bottom:16px;padding:10px 14px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:10px;font-size:13px}
.pause-note a{color:#92400e;font-weight:700}
/* --- obnova hesla: modál na prihlasovacej stránke + stránka nového hesla --- */
.fg-back{position:fixed;inset:0;background:rgba(9,11,26,.62);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}
.fg-back.on{display:flex}
.fg-modal{position:relative;width:100%;max-width:420px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.45);animation:fgIn .18s ease-out}
@keyframes fgIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.fg-modal h2{margin:0 0 6px;font-size:20px}
.fg-modal .fg-sub{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.fg-modal .btn{border-radius:10px}
.fg-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;background:var(--gray-soft);color:var(--muted);border-radius:9px;cursor:pointer;font-size:13px}
.fg-x:hover{background:#e6e8f2}
.fg-msg{font-size:13px;line-height:1.5;margin:2px 0 12px}
.fg-msg.ok{color:var(--green);font-weight:600}
.fg-msg.bad{color:var(--red);font-weight:600}
.rs-hint{font-size:12.5px;margin:-4px 0 10px;min-height:16px}
.rs-hint.ok{color:var(--green);font-weight:600}
.rs-hint.bad{color:var(--red);font-weight:600}
/* --- krajina v tabuľke: vlajka + ISO skratka --- */
.ctry{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}
.ctry b{font-weight:700;letter-spacing:.02em;color:var(--ink)}
/* --- rebríček: nech sa bunky nelámu do dvoch riadkov --- */
.tbl td.num, .tbl th.num, .tbl .badge.nw, .tbl .ctry{white-space:nowrap}
/* 54a: sieť bez profilu eshopu – „neoveruje sa" pilulka + biely čiarkovaný rámik */
.b54-unv{font-size:11px;font-weight:800;color:#6b7280;background:#f1f2f5;border-radius:99px;padding:3px 10px;flex:none;white-space:nowrap}
.b54-pill-conn{font-size:11px;font-weight:800;color:#0e8a48;background:#e6f6ec;border-radius:99px;padding:3px 10px;flex:none;white-space:nowrap}
/* prepojený je iný účet, než na aký vedie odkaz – kontrola BIO je vtedy bezcenná */
.b54-mism{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:11px 13px;border-radius:12px;
background:#fdeceb;border:1px solid #f6cfcb}
.b54-mism b{font-size:12.5px;font-weight:800;color:#a4362e}
.b54-mism span{font-size:12px;line-height:1.5;color:#8a4038}
.b54-refix{text-decoration:none}
/* Vlastná bublina namiesto systémového title: ten nabehne až po sekunde a vyzerá cudzo.
Otvárame nadol — nad tlačidlom v paneli miesto nie je. */
.ig-tip{position:relative;display:inline-flex}
.ig-tip.mism{align-self:flex-start;margin-top:6px}
.ig-tip-pop{position:absolute;left:0;top:calc(100% + 8px);width:290px;background:#fff;
border:1px solid var(--line2);border-radius:12px;padding:10px 12px;text-align:left;font-size:12px;
font-weight:500;line-height:1.55;color:var(--muted);box-shadow:0 12px 30px rgba(16,24,40,.16);
opacity:0;visibility:hidden;transition:opacity .12s;z-index:45;pointer-events:none}
.ig-tip:hover .ig-tip-pop,.ig-tip:focus-within .ig-tip-pop{opacity:1;visibility:visible}
.ig-tip-pop::before,.ig-tip-pop::after{content:'';position:absolute;left:20px;bottom:100%;border:6px solid transparent}
.ig-tip-pop::before{border-bottom-color:var(--line2)}
.ig-tip-pop::after{border-bottom-color:#fff;margin-bottom:-1px}
/* „Iný účet" sedí na konci zeleného riadku, takže bublina ukotvená k nemu by vyliezla
z panela. Meriame ju preto od celého riadku – ten je široký ako panel a vždy sa zmestí. */
.b54-conn{position:relative}
.b54-conn .ig-tip{position:static}
.b54-conn .ig-tip-pop{left:auto;right:0}
.b54-conn .ig-tip-pop::before,.b54-conn .ig-tip-pop::after{left:auto;right:20px}
/* na úzkom displeji by bublina vyliezla z obrazovky */
@media(max-width:520px){.ig-tip-pop{width:min(290px,84vw)}}
/* objednávky, ktoré ešte čakajú na úhradu – informatívne, do obratu ani zisku nevstupujú */
.camp-wait{margin-top:2px;font-size:11px;font-weight:700;color:var(--amber);white-space:nowrap;cursor:help}
/* ── oslovenie influencerov ── */
.ok-box,.err-box{display:flex;align-items:flex-start;gap:11px;margin:0 0 18px;padding:13px 16px;border-radius:13px;
font-size:13.5px;line-height:1.55;font-weight:600}
.ok-box{background:var(--green-soft);border:1px solid #bfe6cd;color:#0e6b3d}
.err-box{background:var(--red-soft);border:1px solid #f4c9c9;color:#a4362e}
.ok-box,.err-box{transition:opacity .3s ease,transform .3s ease,margin .3s ease,max-height .3s ease;max-height:200px}
.ok-box.is-gone,.err-box.is-gone{opacity:0;transform:translateY(-6px);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden}
.ok-box b,.err-box b{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;
justify-content:center;font-size:12px;color:#fff}
.ok-box b{background:var(--green)}
.err-box b{background:#f04438}
.ost-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.ost-kpi{display:flex;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.ost-kpi>div{padding:12px 22px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}
.ost-kpi>div:first-child{border-left:none}
.ost-kpi b{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text)}
.ost-kpi b.am{color:var(--amber)}
.ost-kpi i{font-style:normal;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--soft);white-space:nowrap}
.ost-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);gap:16px;align-items:start}
.ost-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.ost-full{grid-column:1/-1}
.ost-grid .card+.card{margin-top:0}
.ost-card{padding:20px 22px}
.ost-card h2{margin:0;font-size:16.5px}
.ost-cardhd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ost-cardhd p{margin:4px 0 0;font-size:12.5px;color:var(--soft)}
.ost-cardhd p b{color:var(--accent-2);font-weight:700}
.ost-card .l{display:block;font-size:11px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em}
.ost-saved{font-size:11.5px;font-weight:600;color:var(--soft);background:var(--gray-soft);border-radius:99px;padding:5px 12px;white-space:nowrap}
/* záložky jazykov – číslo hovorí, koľko ponúk v ňom už odišlo */
.ost-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:16px 0 0}
.ost-tabs a{display:flex;align-items:center;gap:7px;padding:0 0 9px;font-size:13.5px;font-weight:700;color:var(--soft);border-bottom:2px solid transparent;margin-bottom:-1px}
.ost-tabs a:hover{color:var(--muted)}
.ost-tabs a.on{color:var(--accent);border-bottom-color:var(--accent)}
.ost-tabs a span{font-size:11px;font-weight:700;background:var(--gray-soft);color:var(--soft);border-radius:99px;padding:1px 7px}
.ost-tabs a.on span{background:var(--accent-soft);color:var(--accent-2)}
.ost-me{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:16px 0 0;
padding:11px 14px;background:#fafbfe;border:1px solid var(--line);border-radius:12px}
.ost-me .t b{display:block;font-size:13px;font-weight:700;color:var(--text)}
.ost-me .t i{font-style:normal;font-size:11.5px;color:var(--soft)}
.ost-me .seg{display:inline-flex;gap:2px;padding:3px;background:var(--gray-soft);border-radius:10px}
.ost-me .seg label{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:8px;
font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer}
.ost-me .seg label.on{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(11,13,19,.12)}
.ost-me .seg input{accent-color:var(--accent);margin:0;width:12px;height:12px}
.ost-me .seg label:not(.on) input{display:none}
.ost-fields{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:16px}
.ost-fields .l{margin-bottom:6px}
.ost-fields input{width:100%}
.ost-bodyhd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:16px 0 7px}
.ost-count{font-size:11.5px;color:var(--soft);white-space:nowrap}
.ost-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 8px}
.ost-tools button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line2);background:#fff;
border-radius:8px;padding:5px 10px;font-family:inherit;font-size:12.5px;color:var(--muted);
cursor:pointer;line-height:1.3}
.ost-tools button:hover{background:var(--gray-soft);border-color:#c2c7cf;color:var(--text)}
.ost-tools button b,.ost-tools button i,.ost-tools button u{font-size:13px}
.ost-tools button.v{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;
background:var(--accent-soft);border-color:transparent;color:var(--accent-2);font-weight:600}
.ost-tools button.v:hover{background:#e2e6ff;border-color:transparent;color:var(--accent-2)}
.ost-tools .sep{width:1px;height:18px;background:var(--line2);margin:0 4px}
.ost-toolsl{margin-left:auto;font-size:11.5px;color:var(--soft)}
/* pole s textom: pod ním leží zvýraznená kópia, aby bolo vidno značky formátovania.
Zvýraznenie nesmie meniť šírku písmen, inak by kurzor prestal sedieť – preto je
„tučné" spravené tieňom, nie hrubším rezom. */
.ost-edit{position:relative;border:1px solid var(--line2);border-radius:12px;background:#fff}
.ost-edit:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.ost-rt{font-family:inherit;font-size:13.5px;line-height:1.75;padding:14px 16px;min-height:250px;
color:var(--text);outline:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}
.ost-rt b,.ost-rt strong{font-weight:700}
.ost-rt em,.ost-rt i{font-style:italic}
.ost-rt u{text-decoration:underline;text-underline-offset:2px}
.ost-rt a{color:var(--accent);text-decoration:none}
.ost-rt .vr{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;
color:var(--accent-2);background:var(--accent-soft);border-radius:5px;padding:1px 5px;
font-weight:600;font-style:normal;text-decoration:none;user-select:all}
.ost-rt:empty::before{content:'Sem napíš znenie ponuky…';color:var(--soft)}
.ost-save{display:flex;align-items:center;gap:10px;margin-top:14px}
.ost-dirty{display:none;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:600;color:var(--amber)}
.ost-dirty.on{display:inline-flex}
.ost-dirty::before{content:'!';width:14px;height:14px;border-radius:50%;background:var(--amber);color:#fff;
font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* adresy ako štítky – čo už v systéme máme, vidno hneď pri vkladaní */
.ost-sendrow{display:flex;gap:12px;align-items:flex-start;margin-top:7px}
.ost-chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;
padding:6px 8px;border:1px solid var(--line2);border-radius:12px;background:#fff;cursor:text}
.ost-chips:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.ost-chips input{flex:1;min-width:120px;border:0;outline:none;background:none;font-family:inherit;
font-size:13.5px;color:var(--text);padding:4px 2px}
.ost-chips .ch{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent-2);
border-radius:8px;padding:5px 8px 5px 10px;font-size:12.5px;font-weight:600;white-space:nowrap}
.ost-chips .ch.warn{background:var(--amber-soft);color:#92620a}
.ost-chips .ch em{font-style:normal;font-weight:500;opacity:.85}
.ost-chips .ch i{font-style:normal;width:13px;height:13px;border-radius:50%;background:var(--amber);color:#fff;
font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.ost-chips .ch b{cursor:pointer;font-size:14px;font-weight:600;opacity:.55;line-height:1}
.ost-chips .ch b:hover{opacity:1}
.ost-sendrow .btn{height:46px}
.ost-card .hint{margin-top:8px;font-size:11.5px;color:var(--soft)}
/* náhľad e-mailu – to isté, čo influencerovi príde do schránky */
.ost-view{display:inline-flex;gap:2px;padding:3px;background:var(--gray-soft);border-radius:9px}
.ost-view button{border:0;background:none;border-radius:7px;padding:4px 9px;font-size:13px;cursor:pointer;opacity:.5;line-height:1.2}
.ost-view button.on{background:#fff;opacity:1;box-shadow:0 1px 3px rgba(11,13,19,.12)}
.ost-meta{margin:16px 0 0;display:flex;flex-direction:column;gap:5px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ost-meta div{display:flex;gap:12px;font-size:13px}
.ost-meta span{flex:0 0 58px;color:var(--soft);font-size:12px;padding-top:1px}
.ost-meta b{font-weight:700;color:var(--text);min-width:0;overflow-wrap:anywhere}
.ost-prev{padding:16px 2px 4px;font-size:13.5px;line-height:1.62;color:var(--text);transition:max-width .18s}
.ost-prev.narrow{max-width:330px}
.ost-prev b{font-weight:700}
.ost-prev a{color:var(--accent)}
.ost-pbtn{display:inline-block;margin-top:14px;background:var(--accent);color:#fff !important;border-radius:99px;
padding:13px 30px;font-size:14px;font-weight:700;box-shadow:0 8px 22px -8px rgba(91,91,214,.6)}
.ost-note{margin-top:14px;font-size:11.5px;line-height:1.5;color:var(--soft)}
.ost-legend{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.ost-legend.sep{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.ost-legend div{display:flex;align-items:baseline;gap:12px;font-size:12.5px;color:var(--muted)}
.ost-legend code{flex:0 0 152px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;
color:var(--accent-2);background:var(--accent-soft);border-radius:5px;padding:2px 6px}
.ost-legend span{min-width:0;color:var(--text)}
.ost-legend span b{font-weight:700}
/* história: čo sa s ponukou stalo, nie len že odišla */
.ost-sum{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;flex-wrap:wrap}
.ost-sum::-webkit-details-marker{display:none}
.ost-sumt{display:inline-flex;align-items:center;gap:9px}
.ost-sumt b{font-size:16.5px;font-weight:700;letter-spacing:-.01em}
.ost-sumt::before{content:'⌄';font-size:14px;color:var(--soft);transition:transform .18s;margin-right:2px;line-height:1}
details[open] .ost-sumt::before{transform:rotate(180deg)}
.ost-filt{display:inline-flex;align-items:center;gap:6px;margin-left:auto;cursor:default;flex-wrap:wrap}
.ost-filt input{border:1px solid var(--line2);background:#fff;border-radius:10px;padding:8px 12px 8px 30px;
font-family:inherit;font-size:12.5px;color:var(--text);outline:none;width:190px;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:10px 50%;background-size:13px}
.ost-filt input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.ost-filt button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;border-radius:9px;
padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}
.ost-filt button b{font-weight:700;color:var(--soft)}
.ost-filt button:hover{background:var(--gray-soft)}
.ost-filt button.on{background:var(--accent-soft);color:var(--accent-2)}
.ost-filt button.on b{color:var(--accent-2)}
.ost-tbl{margin-top:16px}
.ost-tbl tbody tr{cursor:default}
.ost-tbl tr.s-cold{background:#fffaf1}
.ost-tbl tr.s-cold:hover{background:#fff5e6}
.ost-tbl .ta-r{text-align:right}
/* kto ponuku poslal: meno + rola; písač oranžovo, nech ho v zozname hneď vidno */
.ost-by{display:flex;flex-direction:column;line-height:1.25}
.ost-by b{font-size:13px;font-weight:700;color:var(--text)}
.ost-by i{font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--soft)}
.ost-by.pis i{color:var(--amber)}
.ost-tbl form{margin:0}
.ost-st{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;white-space:nowrap}
.ost-st i{font-style:normal;width:15px;height:15px;border-radius:50%;font-size:9px;font-weight:800;
display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
.ost-st.green{color:var(--green)} .ost-st.green i{background:var(--green)}
.ost-st.amber{color:var(--amber)} .ost-st.amber i{background:var(--amber)}
.ost-st.red{color:var(--red)} .ost-st.red i{background:var(--red)}
.ost-st.soft{color:var(--muted)} .ost-st.soft i{background:#c4cad6}
.ost-st.accent{color:var(--accent-2)} .ost-st.accent i{background:var(--accent)}
/* kreslené ikonky v krúžku – väčší krúžok, aby bola kresba čitateľná */
.ost-st i{width:19px;height:19px}
.ost-st i svg{width:11px;height:11px;display:block}
@media(max-width:1180px){.ost-grid{grid-template-columns:1fr}.ost-prev.narrow{max-width:none}}
@media(max-width:820px){.ost-fields{grid-template-columns:1fr}.ost-sendrow{flex-direction:column}
.ost-sendrow .btn{width:100%;justify-content:center}.ost-filt input{width:100%}}
/* informačná verzia (nie chyba influencera, len obmedzenie API siete) */
.b54-mism.warn{background:#fffaf0;border-color:#fde8c8}
.b54-mism.warn b{color:#8a5a2b}
.b54-mism.warn span{color:#8a6a45}
/* odkaz sa pri ručne overovaných sieťach nezaškrtáva – rieši ho automatika podľa klikov */
.sn-man-auto{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;
color:var(--muted);background:#f1f3f5;border-radius:8px;padding:3px 9px;white-space:nowrap;cursor:help}
.sn-man-auto i{font-style:normal;font-weight:800;color:#b9bfc9}
.sn-man-auto.ok{color:#0e8a48;background:#e6f6ec}
.sn-man-auto.ok i{color:#0e8a48}
.b54-pill-conn i{font-style:normal;margin-left:4px}
/* ── pridelenie existujúceho kupónu z eshopu (popup Prideliť) ── */
.dca-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;margin:0 -4px;padding:0 4px}
.dca-empty{padding:18px 4px;text-align:center;font-size:13px;color:var(--muted)}
.dca-row{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:'code pct btn' 'meta meta btn';
gap:2px 10px;align-items:center;width:100%;text-align:left;background:#fff;border:1px solid var(--line2);
border-radius:12px;padding:10px 12px;cursor:pointer;transition:.15s}
.dca-row:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}
.dca-row:disabled{opacity:.5;cursor:default}
.dca-row b{grid-area:code;font-size:13.5px;font-weight:800;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.dca-row em{grid-area:pct;font-style:normal;font-size:13px;font-weight:800;color:var(--accent)}
.dca-row i{grid-area:meta;font-style:normal;font-size:11.5px;color:var(--muted)}
.dca-row.off b{color:var(--muted)}
.dca-row span{grid-area:btn;align-self:center;font-size:12px;font-weight:800;color:var(--accent);white-space:nowrap}
/* na telefóne je v riadku miesto len na fajku – slovo „Prepojená" by tlačilo odkaz aj bodky */
@media(max-width:640px){
.b54-pill-conn{padding:3px 7px;font-size:12px;line-height:1.25}
.b54-pill-conn i{display:none}
}
.b54-sum.nover{background:#f1f2f5;color:#6b7280}
.b54-nover{background:#fff;border:1.5px dashed #d5d9e0;border-radius:13px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.b54-nover-ic{width:40px;height:40px;border-radius:50%;background:#f1f2f5;color:#9ca3af;display:flex;align-items:center;justify-content:center}
.b54-nover b{font-size:13.5px;font-weight:800;color:#374151}
.b54-nover .tx{font-size:12.5px;color:#9ca3af;line-height:1.55;max-width:300px}
.b54-share{background:#fff;border:1px solid #e8eaee;border-radius:13px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.b54-share-l{font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}
.b54-share-row{display:flex;align-items:center;gap:11px;background:#fbfcfd;border:1px solid #eceef1;border-radius:10px;padding:8px 12px}
.b54-share-row .cv{display:flex;flex-direction:column;flex:1;min-width:0}
.b54-share-row .l{font-size:10.5px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}
.b54-share-row .v{font-size:13px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* scroll z bannera nesmie schovať nadpis sekcie pod hlavičku */
.card.b54{scroll-margin-top:92px}
/* poslať BIO na manuálnu kontrolu adminovi */
.b54-review{align-self:flex-start;margin-top:2px}
.b54-review[disabled]{opacity:.65;cursor:default}
.b54-review.done{background:#e8f7ee;color:#177245;border:1px solid #bfe6cd;opacity:1}
.b54-cd{font-size:11.5px;color:#9ca3af;margin-top:-4px}
/* krátky výsledok automatického overenia pod tlačidlom */
.b54-out{font-size:12px;font-weight:700;margin-top:-4px}
.b54-out.ok{color:#177245}
.b54-out.mid{color:#b45309}
.b54-out.bad{color:#d92d20}
/* prepojenie TikToku priamo v paneli kontroly BIO */
.b54-conn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;font-weight:700;
color:#067647;background:var(--green-soft);border-radius:9px;padding:8px 12px;margin-top:2px}
.b54-conn .unlink{border:0;background:none;color:#0b7a52;font:inherit;font-size:12px;font-weight:700;
text-decoration:underline;cursor:pointer;padding:0;opacity:.8}
.b54-conn .unlink:hover{opacity:1}
.b54-hint{font-size:11.5px;line-height:1.5;color:var(--soft)}
a.b54-review{display:inline-flex;align-items:center;text-decoration:none}
.tbl td.nets{white-space:normal}
.tbl td.nets .net-pill{margin-right:3px}
/* všetky siete influencera – mriežka, max 3 štítky na riadok */
.tbl td.nets .nets-wrap{display:inline-grid;grid-template-columns:repeat(3,max-content);gap:3px;vertical-align:middle}
.tbl td.nets .nets-wrap .net-pill{margin-right:0}
.tbl .badge.nw{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tbl .person .p-sub{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sn-tile.threads{background:#000}
.sn-tile.twitter{background:#000}
/* --- portál: história výplat --- */
/* Položka nesie zďaleka najdlhší text, tak dostane priestor, ktorý dátumu a stavu zvyšuje */
.po-head.pay-head,.po-row.pay-row{grid-template-columns:.7fr 3fr 1.4fr 1fr 1fr .9fr;min-width:880px}
/* influencer s odmenou len v jednej mene má o stĺpec menej */
.po-head.pay-head.one-cur,.po-row.pay-row.one-cur{grid-template-columns:.7fr 3fr 1.4fr 1fr .9fr;min-width:760px}
/* sumy sa zarovnávajú doľava ako všetko ostatné */
.po-head.pay-head .num,.po-row.pay-row .num{text-align:left}
/* balíček zadržaný bránou BIO – dôvod ide pod položku, nie do tooltipu */
.pay-item .pay-hold{display:block;margin-top:3px;font-size:11.5px;font-weight:700;color:var(--amber);line-height:1.35}
/* doposlanie rozdeleného balíčka – druhá zásielka pri tom istom riadku výplaty */
.pay-item .pay-split{display:block;margin-top:3px;font-size:11.5px;font-weight:700;color:var(--soft);line-height:1.35}
.pay-item .pay-split::before{content:'📦';margin-right:5px}
.pay-item .pay-split.ok{color:var(--green)}
.pay-item .pay-split a{margin-left:6px;color:var(--accent);text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.pay-item .pay-split a:hover{text-decoration:underline}
.pay-item .pay-hold::before{content:'⏳';margin-right:5px}
.po-row .prod{color:var(--accent);font-weight:700}
/* --- portál 16a: karty „Na vyplatenie" --- */
.p-kpi{position:relative}
.p-kpi .tag{position:absolute;top:16px;right:18px;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--gray-soft);color:var(--soft)}
.p-kpi .tag.up{background:var(--green-soft);color:var(--green)}
.p-kpi .tag.down{background:var(--red-soft);color:var(--red)}
/* 78a: výplatné boxy – gradient zhora nadol, výraznejší okraj, texty čierne */
.p-kpi.pay{background:linear-gradient(180deg,#cdd2f9 0%,#e7e9fd 100%);border:1.5px solid #a8b0ef;
text-decoration:none;box-shadow:0 1px 2px rgba(73,73,196,.06);
transition:transform .15s,box-shadow .15s,border-color .15s}
.p-kpi.pay:hover{transform:translateY(-1px);border-color:#8d97e8;box-shadow:0 4px 12px rgba(73,73,196,.14)}
.p-kpi.pay-eur,.p-kpi.pay-prod{background:linear-gradient(180deg,#cdd2f9 0%,#e7e9fd 100%)}
.p-kpi.pay .l{color:#111827}
.p-kpi.pay .v{color:#111827}
.p-kpi.pay .d{color:#6b7280}
.p-kpi.pay .tag{background:#fff;color:#111827}
/* 80a: pri aktívnom levelovaní preberajú výplatné boxy farbu levelu */
.p-kpi.pay.lvlc,.p-kpi.pay-eur.lvlc,.p-kpi.pay-prod.lvlc{background:var(--pay-bg);
border:1.5px solid var(--pay-bd)}
.p-kpi.pay.lvlc .l{color:var(--pay-lab)}
.p-kpi.pay.lvlc .v{color:#111827}
.p-kpi.pay.lvlc .d{color:#4b5563}
.p-kpi.pay.lvlc .tag{background:#fff;color:var(--pay-chip)}
.p-kpi.pay.lvlc:hover{border-color:var(--pay-chip)}
/* --- zľavové kódy v hlavičke profilu (klik = kopírovanie, farba = stav v eshope) --- */
.pf-codes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;overflow:hidden}
.pf-code{display:inline-flex;align-items:baseline;gap:7px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 10px;cursor:pointer;font:inherit;transition:filter .15s,box-shadow .15s}
.pf-code:hover{filter:brightness(.97)}
.pf-code:active{filter:brightness(.94)}
.pf-code:focus{outline:none}
.pf-code:focus-visible{box-shadow:0 0 0 3px rgba(91,91,214,.22)}
.pf-code .c{font-size:12.5px;font-weight:800;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.pf-code .p{font-size:11px;font-weight:700;opacity:.65}
.pf-code.green{background:var(--green-soft);border-color:#cdeadb}
.pf-code.green .c{color:var(--green)}
.pf-code.amber{background:var(--amber-soft);border-color:#f6e3b4}
.pf-code.amber .c{color:var(--amber)}
.pf-code.red{background:var(--red-soft);border-color:#f6d5d5}
.pf-code.red .c{color:var(--red)}
.pf-code.more{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-color:#e0e0fa}
.pf-code.empty{color:var(--soft);font-size:12.5px;text-decoration:none;font-weight:600}
/* --- servisný režim (admin prihlásený ako influencer) --- */
.imp-bar{display:flex;align-items:center;gap:12px;background:#111827;color:#fff;font-size:13px;font-weight:600;padding:9px 22px}
.imp-bar b{font-weight:800}
.imp-bar a{margin-left:auto;color:#fff;background:rgba(255,255,255,.16);border-radius:8px;padding:5px 12px;text-decoration:none;font-weight:700}
.imp-bar a:hover{background:rgba(255,255,255,.26)}
/* --- odlíšenie zložky výplaty: FIX vs percentá vs eurá --- */
.pk{display:inline-block;min-width:34px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.04em;
padding:2px 6px;border-radius:6px;margin-right:8px;vertical-align:1px}
.pk-fix{background:#eef0fd;color:#4949c4}
.pk-pct{background:var(--green-soft);color:var(--green)}
.pk-eur{background:var(--green-soft);color:var(--green)}
.pk.prod{background:#eef0fd;color:#4949c4} /* provízia vyplácaná v produktoch – fialová ako balíčky */ /* € = eurová zložka → zelená ako provízia (8.9.2026) */
.pk-mix{background:linear-gradient(90deg,#eef0fd 50%,var(--green-soft) 50%);color:#3f3f9e;min-width:46px}
/* --- sumy vo výplatách: zelené eurá, fialové produkty, sivé nevyplatené --- */
.amt-eur{color:var(--green);font-weight:700}
.amt-prod{color:var(--accent-2,#4949c4);font-weight:700}
.amt-off{color:var(--soft);font-weight:600}
/* prázdny stav sietí (dizajn 17a) + odkaz na pridanie ďalších (19a) */
.bio-empty{border:1.5px dashed var(--line2);border-radius:12px;padding:22px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.bio-empty-ic{display:flex;padding-left:8px}
.bio-empty-ic .sn-tile{width:30px;height:30px;border-radius:99px;border:2px solid #fff;margin-left:-8px;opacity:.35}
.bio-empty-ic .sn-tile svg{width:14px;height:14px}
.bio-empty-t{font-size:14px;font-weight:700;color:var(--text)}
.bio-empty-s{font-size:12.5px;color:var(--soft);margin-top:2px}
.bio-empty .btn{margin-top:2px}
.bio-more{align-self:flex-start;padding:10px 2px;font-size:13px;font-weight:700;color:var(--accent)}
.bio-more:hover{text-decoration:underline}
/* prepínač Mesačná výkonnosť v rebríčku */
.mode-btn{display:inline-flex;align-items:center;gap:7px;height:44px;border:1px solid var(--line2);background:var(--card);color:var(--muted);border-radius:10px;padding:0 16px;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:.15s}
.mode-btn::before{content:'';width:8px;height:8px;border-radius:99px;background:var(--line2);transition:.15s}
.mode-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2)}
.mode-btn.active::before{background:var(--accent)}
/* ============ Popup grafu obratu (21a globálny / 21b influencer) ============ */
.stat-click{cursor:pointer;transition:.15s}
.stat-click:hover{border-color:#d9ddf9;transform:translateY(-1px)}
.chart-ico{width:34px;height:34px;border:1px solid var(--line2);background:#fff;border-radius:10px;color:var(--soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s}
.chart-ico svg{width:17px;height:17px}
.chart-ico:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.gear-ico{width:30px;height:30px;border:1px solid var(--line2);background:#fff;border-radius:9px;color:var(--soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s;text-decoration:none}
.gear-ico svg{width:15px;height:15px}
.gear-ico:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.ch-ov{position:fixed;inset:0;background:rgba(16,24,40,.45);backdrop-filter:blur(3px);z-index:120;display:flex;align-items:center;justify-content:center;padding:24px}
.ch-modal{width:980px;max-width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 32px 80px rgba(16,24,40,.28);display:flex;flex-direction:column;animation:fadein .18s}
.ch-head{padding:22px 28px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #f1f3f5}
.ch-ic{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.ch-ic.ch-av img{width:100%;height:100%;object-fit:cover;display:block}
.ch-t{flex:1;min-width:0}
.ch-t h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.015em;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ch-t h3 .pill{font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:99px}
.ch-t h3 .pill.green{background:var(--green-soft);color:#067647}
.ch-t h3 .pill.gray{background:#f4f5f8;color:var(--muted)}
.ch-t p{margin:3px 0 0;font-size:13px;color:var(--soft)}
.ch-ranges{display:flex;gap:4px;background:#f4f5f8;border-radius:99px;padding:3px;flex:none}
.ch-ranges button{border:none;background:transparent;color:var(--muted);border-radius:99px;padding:7px 15px;font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer}
.ch-ranges button.on{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(16,24,40,.14)}
.ch-x{width:34px;height:34px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:16px;line-height:1;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.ch-x:hover{background:#f4f5f8;color:var(--text)}
.ch-body{padding:22px 28px 26px;display:flex;flex-direction:column;gap:18px}
.ch-toprow{display:flex;align-items:flex-end;gap:26px;flex-wrap:wrap}
.ch-total{display:flex;flex-direction:column;gap:4px}
.ch-lbl{font-size:11.5px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.07em}
.ch-big{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1}
.ch-delta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:5px 12px;border-radius:99px;margin-bottom:5px}
.ch-delta.up{background:var(--green-soft);color:#067647}
.ch-delta.down{background:#feecec;color:#b42318}
.ch-stats{margin-left:auto;display:flex;gap:22px;margin-bottom:4px}
.ch-st{display:flex;flex-direction:column;gap:2px}
.ch-st .k{font-size:11px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em}
.ch-st .v{font-size:16px;font-weight:700;color:var(--text)}
.ch-chart{position:relative;background:#fbfcfd;border:1px solid #f1f3f5;border-radius:14px;padding:18px 18px 12px}
.ch-chart svg{display:block;overflow:visible}
.ch-tip{position:absolute;transform:translate(-50%,-100%);background:#111827;color:#fff;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 20px rgba(16,24,40,.25);pointer-events:none;white-space:nowrap}
.ch-tip span{font-size:11px;font-weight:600;color:#9ca3af}
.ch-tip b{font-size:14px;font-weight:800}
/* druhý riadok bubliny – celkový obrat eshopu (oranžová čiara) */
.ch-tip i.esh{font-style:normal;font-size:11.5px;font-weight:700;color:#f5a623}
.ch-axis{display:flex;justify-content:space-between;margin-top:8px}
.ch-axis span{font-size:11.5px;font-weight:600;color:var(--soft);min-width:0}
.ch-legend{display:flex;gap:16px;margin-top:8px;padding-top:10px;border-top:1px solid #f1f3f5;font-size:12px;font-weight:600;color:var(--muted)}
.ch-legend span{display:inline-flex;align-items:center;gap:7px}
.ch-legend .ln{width:14px;display:block}
.ch-legend .ln.solid{height:3px;border-radius:99px;background:var(--accent)}
.ch-legend .ln.dash{height:0;border-top:1.5px dashed #c7ccd4}
.ch-legend .ln.eshop{height:0;border-top:1.6px solid #f5a623}
.ch-legend span[hidden]{display:none}
.ch-foot3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ch-f{border:1px solid var(--line);border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:12px;min-width:0}
.ch-f .ic{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}
.ch-f .ic svg{width:15px;height:15px}
.ch-f .ic.g{background:var(--green-soft);color:#067647}
.ch-f .ic.v{background:var(--accent-soft);color:var(--accent)}
.ch-f .ic.a{background:#fdf3e3;color:#b54708}
.ch-f .tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.ch-f .k{font-size:11px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em}
.ch-f .v{font-size:14.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-bottom{padding:16px 28px;border-top:1px solid #f1f3f5;display:flex;align-items:center;gap:8px;background:#fbfcfd}
.ch-bottom a{font-size:13.5px;font-weight:700}
.ch-bottom .btn{margin-left:auto}
/* atribút hidden musí vyhrať nad display:flex daných prvkov */
.ch-ov[hidden],.ch-tip[hidden],.ch-legend[hidden],.ch-delta[hidden],#chProfile[hidden]{display:none!important}
/* loader grafu (21c) – shimmer skeleton + duchová krivka so spinnerom */
@keyframes chShimmer{0%{background-position:-500px 0}100%{background-position:500px 0}}
@keyframes chDash{to{stroke-dashoffset:-40}}
@keyframes chPulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes chSpin{to{transform:rotate(360deg)}}
.sk{display:block;border-radius:6px;background:linear-gradient(90deg,#f1f3f5 25%,#e8eaee 37%,#f1f3f5 63%);background-size:500px 100%;animation:chShimmer 1.4s linear infinite}
.ch-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(251,252,253,.4)}
.ch-load[hidden]{display:none!important}
.ch-load .t{font-size:13px;font-weight:700;color:var(--muted)}
.ch-load .s{font-size:12px;color:var(--soft)}
.ch-spin{width:34px;height:34px;border-radius:99px;border:3px solid #e6e6fb;border-top-color:var(--accent);display:block;animation:chSpin .9s linear infinite}
/* vlajka krajiny za menom v rebríčku */
.p-flag{font-size:15px;cursor:help}
/* stĺpec Náš zisk (len superadmin) */
.tbl td.profit{white-space:nowrap}
.tbl td.profit .pf-v{display:block;font-weight:800;color:var(--green)}
.tbl td.profit .pf-v.neg{color:#dc2626}
.tbl td.profit .pf-c{display:block;font-size:11.5px;color:var(--soft)}
/* trend voči predošlému mesiacu v KPI boxoch (len mesačný pohľad) */
.stat-click{cursor:pointer}
.kpi-cmp{display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right;flex:none}
.kpi-cmp[hidden]{display:none}
.kpi-trend{font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;white-space:nowrap}
.kpi-trend.up{background:var(--green-soft);color:#067647}
.kpi-trend.down{background:#feeceb;color:#dc2626}
.kpi-vs{font-size:11.5px;font-weight:600;color:var(--soft)}
.kpi-prev{font-size:12.5px;font-weight:700;color:var(--muted)}
/* obrat celého eshopu za to isté obdobie minulého mesiaca – sedí na riadku „celkovo" vľavo:
pravý stĺpec sa natiahne na výšku karty a hodnota sa pritlačí k spodku s rovnakou veľkosťou písma ako .sub */
.stat .kpi-cmp:has(.kpi-prev.extra){align-self:stretch}
.kpi-prev.extra{font-weight:600;color:var(--soft);margin-top:auto;font-size:13px;line-height:1.2}
/* prepojenie Instagramu (OAuth) v BIO karte */
.ig-conn{margin-top:10px;align-self:flex-start}
.ig-prof{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;align-self:flex-start;
border:1px solid var(--line);border-radius:11px;background:#fff}
.ig-prof .sn-tile{width:28px;height:28px;border-radius:8px;flex:none}
.ig-prof-tx{display:flex;flex-direction:column;line-height:1.3}
.ig-prof-tx b{font-size:13px;color:var(--text)}
.ig-prof-tx i{font-size:12px;color:var(--muted);font-style:normal}
.ig-conn.ok{font-size:12.5px;font-weight:700;color:#067647;background:var(--green-soft);border-radius:9px;padding:7px 12px}
/* ===== Poznámka k influencerovi (25a–25c) ===== */
.note-ico{position:relative;width:34px;height:34px;border:1px solid var(--line2);background:#fff;border-radius:10px;color:#c2c7cf;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s;margin-right:4px}
.note-ico svg{width:16px;height:16px}
.note-ico:hover{background:var(--gray-soft)}
.note-ico.has{border-color:#fedf89;background:#fffaeb;color:#b54708}
.note-ico.has:hover{background:#fef0c7}
.note-dot{position:absolute;top:-4px;right:-4px;width:11px;height:11px;border-radius:99px;background:#f79009;border:2px solid #fff}
/* viac komentárov → bodka sa zmení na bublinku s počtom */
.note-dot.n{width:auto;min-width:16px;height:16px;top:-6px;right:-6px;padding:0 3px;font-size:9.5px;font-weight:800;
color:#fff;line-height:12px;display:flex;align-items:center;justify-content:center}
.note-dot.in{position:static;width:7px;height:7px;border:none;display:inline-block;margin-left:2px}
.pn-tip{position:fixed;z-index:400;max-width:340px;background:#1f2430;color:#fff;font-size:12.5px;line-height:1.5;padding:10px 13px;border-radius:10px;box-shadow:0 12px 32px rgba(16,24,40,.28);white-space:pre-wrap;word-break:break-word;pointer-events:none;animation:fadein .12s}
.note-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#f4f5f8;color:var(--muted);border-radius:99px;padding:4px 12px;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s}
.note-pill svg{width:13px;height:13px}
.note-pill:hover{background:var(--gray-soft)}
.note-pill.has{border-color:#fedf89;background:#fffaeb;color:#b54708}
.note-pill.has:hover{background:#fef0c7}
/* ── Náhľad celého vlákna po nabehnutí myšou ──
Odsadenie je súčasťou .note-pop, nie medzera medzi prvkami: cesta myšou z lístka do
náhľadu tak nikdy neopustí popup a dá sa v ňom scrollovať. */
.note-pop{position:absolute;z-index:70;width:360px;padding-top:10px}
.note-pop.up{padding-top:0;padding-bottom:10px}
/* šípka je mimo karty – tá má overflow:hidden kvôli zaobleným rohom, orezala by ju */
.note-pop-arrow{position:absolute;top:4px;right:52px;width:12px;height:12px;background:#fbfcfd;z-index:1;
border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg);border-radius:2px 0 0 0}
.note-pop.up .note-pop-arrow{top:auto;bottom:4px;background:#fff;transform:rotate(225deg)}
/* klik kdekoľvek v náhľade otvára vlákno – kurzor to musí prezradiť */
.note-pop-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;
box-shadow:0 16px 40px rgba(16,24,40,.16);display:flex;flex-direction:column;cursor:pointer;overflow:hidden}
.note-pop-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;
padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfcfd}
.note-pop-h .ic{width:22px;height:22px;border-radius:7px;background:#fffaeb;color:#b54708;display:flex;align-items:center;justify-content:center;flex:none}
.note-pop-h .ic svg{width:12px;height:12px}
.note-pop-h .n{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--gray-soft);
color:var(--muted);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* samotná komunikácia – zvislá linka spája príspevky do jedného vlákna */
.note-pop-th{max-height:300px;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:11px}
.note-pop-th::-webkit-scrollbar{width:6px}
.note-pop-th::-webkit-scrollbar-thumb{background:#dfe2ea;border-radius:99px}
.note-pop-c{position:relative;display:flex;gap:9px;align-items:flex-start}
.note-pop-c::before{content:'';position:absolute;left:11px;top:26px;bottom:-11px;width:1px;background:var(--line)}
.note-pop-c:last-child::before{display:none}
.note-pop-av{position:relative;z-index:1;width:23px;height:23px;border-radius:99px;flex:none;display:flex;
align-items:center;justify-content:center;font-size:9.5px;font-weight:800;box-shadow:0 0 0 3px #fff}
.note-pop-m{display:flex;align-items:baseline;gap:7px;line-height:1.2}
.note-pop-m b{font-size:12px;font-weight:700}
.note-pop-m time{font-size:11px;color:var(--soft);white-space:nowrap}
.note-pop-card p{margin:3px 0 0;font-size:12.5px;color:#374151;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.note-pop-e{font-size:12.5px;color:var(--soft);padding:2px 0}
/* farby manažérov – rovnaká šestica ako vo vlákne a pri štítkoch „Rieši …" */
.note-pop-av.t0{background:#e3f6fa;color:#0b7a8c} .note-pop-m b.t0{color:#0b7a8c}
.note-pop-av.t1{background:#e4f6ef;color:#0f7b5a} .note-pop-m b.t1{color:#0f7b5a}
.note-pop-av.t2{background:#fdeaf2;color:#b02a67} .note-pop-m b.t2{color:#b02a67}
.note-pop-av.t3{background:#e7f1fd;color:#1f6fb2} .note-pop-m b.t3{color:#1f6fb2}
.note-pop-av.t4{background:#fff0e3;color:#b4530a} .note-pop-m b.t4{color:#b4530a}
.note-pop-av.t5{background:#f6efe4;color:#8a5a12} .note-pop-m b.t5{color:#8a5a12}
.nm-ov{position:fixed;inset:0;z-index:80;background:rgba(16,24,40,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.nm-ov[hidden]{display:none}
.nm{width:560px;max-width:100%;background:#fff;border-radius:18px;box-shadow:0 28px 70px rgba(16,24,40,.24);overflow:hidden;display:flex;flex-direction:column}
.nm-head{padding:18px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.nm-ic{width:36px;height:36px;border-radius:11px;background:#fffaeb;color:#b54708;display:flex;align-items:center;justify-content:center;flex:none}
.nm-ic svg{width:17px;height:17px}
.nm-t{flex:1;min-width:0}
.nm-t h3{margin:0;font-size:16px;font-weight:800}
.nm-t p{margin:2px 0 0;font-size:12px;color:var(--soft)}
.nm-x{width:32px;height:32px;border:1px solid var(--line2);background:#fff;border-radius:9px;font-size:15px;line-height:1;color:var(--muted);cursor:pointer;flex:none}
.nm-x:hover{background:var(--gray-soft)}
.nm-body{padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.nm-body textarea{width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.6;color:var(--text);font-family:inherit;resize:vertical;outline:none;background:#fbfcfd;min-height:120px}
.nm-body textarea:focus{border-color:var(--accent);background:#fff}
.nm-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--soft)}
.nm-meta strong{color:#374151}
.nm-av{width:22px;height:22px;border-radius:99px;background:var(--accent-soft);color:var(--accent-2);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.nm-foot{padding:14px 22px;border-top:1px solid var(--line);display:flex;gap:8px;background:#fbfcfd;align-items:center}
.nm-del{color:#d92d20;border:none;background:transparent;font-size:13px;font-weight:600;cursor:pointer;padding:10px 6px}
.nm-del:hover{text-decoration:underline}
/* ── vlákno komentárov: najstarší hore, nový sa píše dole (ako v chate) ── */
.nm-thread{max-height:46vh;overflow-y:auto;padding:16px 22px 4px;display:flex;flex-direction:column;gap:14px;
border-bottom:1px solid var(--line);background:#fbfcfd}
.nm-thread:empty{display:none}
.nm-empty{font-size:13px;line-height:1.6;color:var(--soft);padding:6px 0 14px}
.nm-cm{display:flex;gap:10px;align-items:flex-start}
.nm-cm-av{width:30px;height:30px;border-radius:99px;flex:none;display:flex;align-items:center;justify-content:center;
font-size:11px;font-weight:800;letter-spacing:.02em}
.nm-cm-b{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px 10px}
.nm-cm-h{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}
.nm-cm-h b{font-size:12.5px;font-weight:700}
.nm-cm-h span{font-size:11.5px;color:var(--soft)}
.nm-cm-x{margin-left:auto;border:none;background:transparent;color:var(--soft);font-size:15px;line-height:1;
cursor:pointer;padding:0 2px;opacity:0;transition:.12s}
.nm-cm:hover .nm-cm-x{opacity:1}
.nm-cm-x:hover{color:var(--red)}
.nm-cm-b p{margin:0;font-size:13.5px;line-height:1.6;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
/* farby manažérov – rovnaká šestica ako pri štítkoch „Rieši …" v žiadostiach */
.nm-cm-av.t0{background:#e3f6fa;color:#0b7a8c} .nm-cm-h b.t0{color:#0b7a8c}
.nm-cm-av.t1{background:#e4f6ef;color:#0f7b5a} .nm-cm-h b.t1{color:#0f7b5a}
.nm-cm-av.t2{background:#fdeaf2;color:#b02a67} .nm-cm-h b.t2{color:#b02a67}
.nm-cm-av.t3{background:#e7f1fd;color:#1f6fb2} .nm-cm-h b.t3{color:#1f6fb2}
.nm-cm-av.t4{background:#fff0e3;color:#b4530a} .nm-cm-h b.t4{color:#b4530a}
.nm-cm-av.t5{background:#f6efe4;color:#8a5a12} .nm-cm-h b.t5{color:#8a5a12}
.nm-body textarea#nmText{min-height:76px}
/* ===== Popup ziskovosti influencera (26a) ===== */
.pf-btn{display:block;width:100%;text-align:right;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;border-radius:8px;transition:.15s}
.pf-btn:hover{background:var(--gray-soft);box-shadow:0 0 0 6px var(--gray-soft)}
.cp-av{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent-2);font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.cp-tl{display:flex;align-items:center;gap:9px}
.cp-st{display:inline-flex;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:99px}
.cp-st.on{background:var(--green-soft);color:#067647}
.cp-st.off{background:#fdf3e3;color:#b54708}
.cp-top{display:flex;align-items:flex-end;gap:26px}
.cp-big{display:flex;flex-direction:column;gap:4px}
.cp-big .k,.cp-cost .k{font-size:11.5px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.07em}
.cp-big .v{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#067647}
.cp-big .v.neg{color:#d92d20}
.cp-cost{display:flex;flex-direction:column;gap:4px;margin-bottom:2px}
.cp-cost .v{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1;color:#d92d20}
.cp-legend{display:flex;gap:16px;margin-top:8px;padding-top:10px;border-top:1px solid #f1f3f5;flex-wrap:wrap}
.cp-legend span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted)}
.cp-legend i{display:block;width:14px;height:3px;border-radius:99px}
.cp-legend i.l-g{background:#12b76a}
.cp-legend i.l-r{background:#f04438}
.cp-legend i.l-b{width:12px;height:10px;border-radius:3px;background:#eef0fd}
.cp-tip{transform:translate(-50%,-100%)}
.cp-tip.below{transform:translate(-50%,0)}
.cp-tip .l{font-size:11px;font-weight:600;color:#9ca3af}
.cp-tip .g{font-size:13px;font-weight:800;color:#75e0a7}
.cp-tip .r{font-size:12px;font-weight:700;color:#fda29b}
.ch-f .ic.r{background:#feeceb;color:#d92d20}
/* ===== Nové žiadosti o spoluprácu (dizajn 28c / 28b) ===== */
.req28{background:linear-gradient(135deg,#5b5bd6 0%,#4238a8 100%);border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(91,91,214,.32);margin-bottom:24px}
.req28-head{display:flex;align-items:center;gap:12px;width:100%;border:none;background:transparent;padding:18px 24px;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}
.req28-head:hover{background:rgba(255,255,255,.06)}
.req28-chev{display:flex;color:#fff;flex:none;transition:transform .18s ease}
.req28.open .req28-chev{transform:rotate(90deg)}
.req28-t{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.01em}
.req28-n{min-width:26px;height:26px;border-radius:99px;background:#fff;color:#4238a8;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;flex:none}
.req28-w{font-size:13.5px;font-weight:700;color:#c7ceff}
.req28-note{margin-left:auto;font-size:13px;color:#a9b1e8}
.req28-body{display:flex;flex-direction:column;padding:0 24px 18px}
.req28-list{display:flex;flex-direction:column;gap:8px}
.req28-body[hidden]{display:none}
.req28-row{display:grid;grid-template-columns:40px minmax(0,1fr) 336px 96px 415px;align-items:center;gap:16px;
background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 1px 2px rgba(22,22,46,.06)}
.req28-av{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-2);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.req28-id{display:flex;flex-direction:column;min-width:0;flex:1}
.req28-id .n{font-size:14.5px;font-weight:700;color:var(--text)}
.req28-id .c{font-size:12.5px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.req28-nets{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:0}
/* rovnaká veľkosť ako rýchle tlačidlá WhatsApp / Telegram (.qc-b) */
.req28-net{width:30px;height:30px;border-radius:9px}
.req28-net svg{width:15px;height:15px}
.req28-date{font-size:13px;color:#9a9eb0;text-align:right;font-variant-numeric:tabular-nums;line-height:1.3}
.req28-date i{display:block;font-style:normal;font-size:11.5px;opacity:.7;margin-top:1px}
.req28-act{display:flex;gap:9px;justify-content:flex-end;align-items:center}
.req28-ok,.req28-no{border-radius:99px;font-size:13px;cursor:pointer;font-family:inherit;transition:.15s}
.req28-ok{background:var(--accent);color:#fff;border:none;padding:9px 20px;font-weight:700;text-decoration:none;display:inline-block}
a.req28-ok{color:#fff}
.req28-ok:hover{background:var(--accent-2)}
.req28-no{border:1px solid var(--line2);background:#fff;color:#374151;padding:9px 18px;font-weight:600}
.req28-no:hover{background:var(--gray-soft)}
/* žiadosti o overenie BIO – tyrkysový variant, nech sa na prvý pohľad odlíši od žiadostí o spoluprácu */
.req28.bioq{background:linear-gradient(135deg,#0ea5a4 0%,#0b6477 100%);box-shadow:0 14px 34px rgba(13,148,136,.30)}
.req28.bioq .req28-n{color:#0b6477}
.req28.bioq .req28-w{color:#bff3ec}
.req28.bioq .req28-note{color:#9edfdb}
.req28.bioq .req28-av{background:#d9f4f1;color:#0b6477}
.req28.bioq .req28-ok{background:#0d9488}
.req28.bioq .req28-ok:hover{background:#0b7c72}
.req28-empty{background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:10px;padding:18px 24px;margin-bottom:24px;color:#c2c7cf}
.req28-empty .t{font-size:14px;font-weight:600;color:var(--soft)}
.req28-empty .s{font-size:12.5px;color:#c2c7cf}
@media (max-width:1100px){.req28-note{display:none}}
@media (max-width:760px){.req28-row{flex-wrap:wrap}.req28-date{width:auto}}
/* ===== Filter stavov v hlavičke tabuľky (27a) ===== */
.sf{position:relative;text-transform:none;letter-spacing:0}
.sf-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;color:var(--soft);border-radius:8px;padding:5px 10px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:inherit}
.sf-btn:hover{background:var(--gray-soft);color:var(--muted)}
.sf-btn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2)}
.sf-n{min-width:15px;height:15px;border-radius:99px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
.sf-pop{position:absolute;top:32px;left:0;z-index:30;width:250px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 48px rgba(16,24,40,.18);padding:8px;display:flex;flex-direction:column}
.sf-pop[hidden]{display:none}
/* otvorený popup je presunutý do (viď sfToggle v index.php) – fixed nad tabuľkou aj lepivou hlavičkou */
.sf-pop.float{position:fixed;top:auto;left:auto;z-index:1200;text-transform:none;letter-spacing:0}
.sf-t{font-size:11px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 6px}
.sf-opt{display:flex;align-items:center;gap:10px;border:none;background:transparent;border-radius:9px;padding:9px 10px;cursor:pointer;text-align:left;width:100%;font-family:inherit}
.sf-opt:hover{background:#f7f7fe}
.sf-box{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line2);background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.sf-opt.on .sf-box{border-color:var(--accent);background:var(--accent)}
.sf-opt:not(.on) .sf-box svg{display:none}
.sf-c{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--soft)}
.sf-foot{border-top:1px solid var(--line);margin:6px 2px 2px;padding:8px 10px 4px;display:flex;gap:12px}
.sf-foot button{border:none;background:transparent;font-size:12px;font-weight:700;color:var(--accent);cursor:pointer;padding:0;font-family:inherit}
.sf-foot button:hover{text-decoration:underline}
.sf-foot .sf-done{margin-left:auto;color:var(--muted)}
.sf-sum{font-size:12.5px;margin-left:10px}
.rank.off{opacity:.35}
/* ===== Potvrdzovacie okno namiesto natívneho confirm ===== */
.cf-ov{position:fixed;inset:0;z-index:120;background:rgba(16,24,40,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.cf-ov[hidden]{display:none}
.cf{width:460px;max-width:100%;background:#fff;border-radius:18px;box-shadow:0 28px 70px rgba(16,24,40,.24);overflow:hidden;animation:fadein .16s}
.cf-head{padding:22px 24px 6px;display:flex;gap:14px;align-items:flex-start}
.cf-ic{width:40px;height:40px;border-radius:12px;background:#feeceb;color:#d92d20;display:flex;align-items:center;justify-content:center;flex:none}
.cf-t h3{margin:0;font-size:17px;font-weight:800}
.cf-t p{margin:6px 0 0;font-size:13.5px;color:var(--muted);line-height:1.6}
.cf-foot{padding:18px 24px 20px;display:flex;gap:10px;justify-content:flex-end}
.btn.danger{background:#d92d20;color:#fff;box-shadow:0 2px 10px -2px rgba(217,45,32,.45)}
.btn.danger:hover{background:#b42318}
/* zelené prevedenie okna – potvrdzujeme niečo dobré (schválenie), nie rušivé */
.cf-ic .k{display:none}
.cf.ok .cf-ic{background:#e6f6ec;color:#0e8a48}
.cf.ok .cf-ic .w{display:none}
.cf.ok .cf-ic .k{display:block}
.cf.ok .btn.danger{background:#0e8a48;box-shadow:0 2px 10px -2px rgba(14,138,72,.45)}
.cf.ok .btn.danger:hover{background:#0b7038}
/* ===== Ako dlho je influencer s nami (dizajn 24a) ===== */
.ten{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--gray-soft);color:var(--muted);flex:none;white-space:nowrap;vertical-align:middle;cursor:help}
.ten.new{background:#fdf3e3;color:#b54708}
/* ===== 29a – schválený klient čakajúci na nastavenie účtu ===== */
.req28-n.warn{background:#fef0c7;color:#b54708}
.req28-n[hidden],.req28-w[hidden]{display:none!important} /* nulový odznak sa vôbec nezobrazuje */
.req28-w.warn{color:#fde3a7}
.req28-row.setup{background:#fffcf5;border:1.5px solid #fedf89}
.req28-row.setup .req28-av{background:#fef0c7;color:#b54708}
.req28-appr{display:inline-block;font-size:11px;font-weight:700;color:#067647;background:#ecfdf3;border-radius:99px;padding:2px 9px;margin-left:8px;vertical-align:middle}
.req28-miss{font-size:11.5px;color:#b54708;flex:none;text-align:right}
.req28-set{background:#f79009;color:#fff;border:none;border-radius:99px;padding:9px 20px;font-size:13px;font-weight:700;
cursor:pointer;flex:none;box-shadow:0 4px 12px rgba(247,144,9,.28);text-decoration:none;white-space:nowrap}
.req28-set:hover{background:#dc6803;color:#fff}
/* ===== 31a – karta s nevyplneným povinným poľom ===== */
.card.need{border:1.5px solid #fedf89;border-left:6px solid #f79009;box-shadow:0 4px 14px rgba(247,144,9,.08)}
.need-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:3px 11px;
border-radius:99px;background:#fef0c7;color:#b54708;white-space:nowrap}
.need-note{margin-left:auto;font-size:12.5px;color:#b54708;font-weight:600}
.need-x{font-size:10.5px;font-weight:800;padding:1px 8px;border-radius:99px;background:#fef0c7;color:#b54708}
.f.need > .l{color:#b54708}
.f.need input,.f.need select{border:1.5px solid #f79009;background:#fffcf5;box-shadow:0 0 0 3px rgba(247,144,9,.12)}
.need-why{font-size:12px;color:#b54708;margin-top:4px}
/* ===== 32a – výber krajiny s vyhľadávaním a vlajkami ===== */
.cpk{position:relative}
.cpk-pop[hidden],.cpk-list[hidden],.cpk-top[hidden],.cpk-row[hidden],.cpk-empty[hidden]{display:none!important}
.cpk-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#e5e7eb);border-radius:11px;padding:11px 14px;background:#fff;cursor:text}
.cpk.open .cpk-box{border:1.5px solid #5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.12);padding:10.5px 13.5px}
.cpk-mag{color:#9ca3af;flex:none}
.cpk-q::-webkit-search-cancel-button,.cpk-q::-webkit-search-decoration{-webkit-appearance:none;display:none}
/* bez zaoblenia a s 2px odsadením — inak si prehliadač oreže kurzor na ľavej hrane */
.cpk-q{border:none!important;outline:none;flex:1;min-width:60px;font-size:14.5px;color:#111827;background:transparent!important;
box-shadow:none!important;padding:0 0 0 2px!important;height:auto!important;border-radius:0!important}
.cpk-fl{border-radius:2.5px;display:block;object-fit:cover;box-shadow:0 0 0 1px rgba(16,24,40,.08);background:#f1f2f4}
.cpk-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:#fff;border:1px solid #e8eaee;border-radius:14px;
box-shadow:0 24px 56px rgba(16,24,40,.16);overflow:hidden;display:flex;flex-direction:column}
.cpk-top{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.cpk-top + .cpk-list:not([hidden]){border-top:1px solid #f1f2f4}
.cpk-top-l{font-size:10.5px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em}
.cpk-top-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.cpk-top-row::-webkit-scrollbar{height:5px}
.cpk-top-row::-webkit-scrollbar-thumb{background:#e1e3e8;border-radius:99px}
.cpk-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#fff;border-radius:99px;
padding:6px 14px 6px 7px;cursor:pointer;flex:none;white-space:nowrap}
.cpk-chip:hover{border-color:#5b5bd6;background:#f7f7fe}
.cpk-chip.on{border-color:#5b5bd6;background:#eef0fd}
.cpk-chip .cpk-fl{width:19px;height:13px}
.cpk-chip span{font-size:12.5px;font-weight:700;color:#374151}
.cpk-list{display:flex;flex-direction:column;max-height:280px;overflow-y:auto;padding:8px}
.cpk-row{display:flex;align-items:center;gap:11px;border:none;background:transparent;border-radius:9px;padding:10px 11px;
cursor:pointer;text-align:left;width:100%;flex:none}
.cpk-row:hover{background:#f7f7fe}
.cpk-row.on{background:#eef0fd}
.cpk-row .cpk-fl{width:21px;height:14px;flex:none}
.cpk-n{font-size:13.5px;font-weight:600;color:#111827}
.cpk-c{font-size:11.5px;color:#c2c7cf;font-weight:700}
.cpk-ok{margin-left:auto;color:#5b5bd6;flex:none;display:none}
.cpk-row.on .cpk-ok{display:block}
.cpk-empty{padding:22px 14px;text-align:center;font-size:13px;color:#9ca3af}
/* zvýraznenie pri chýbajúcom povinnom poli (31a) nesmie zafarbiť vnútorný input */
.f.need .cpk-box{border:1.5px solid #f79009;background:#fffcf5;box-shadow:0 0 0 3px rgba(247,144,9,.12)}
.f.need .cpk-q{border:none!important;background:transparent!important;box-shadow:none!important}
/* hlavný dlhodobý kód – checkbox priamo v chipe */
.dc-pin{display:inline-flex;align-items:center;cursor:pointer;flex:none}
.dc-pin input{position:absolute;opacity:0;width:0;height:0}
/* fajka sa centruje flexom – pevné left/top ju hádzalo mimo stredu štvorčeka */
.dc-pin span{width:15px;height:15px;border-radius:4px;border:1.5px solid #c7ccd4;background:#fff;
box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.dc-pin input:checked + span{background:#5b5bd6;border-color:#5b5bd6}
.dc-pin input:checked + span::after{content:"";width:4px;height:7.5px;border:solid #fff;border-width:0 2px 2px 0;
transform:rotate(45deg);margin-top:-2px}
.dc-chip.dc-main{box-shadow:0 0 0 2px rgba(91,91,214,.35)}
.ord-pers{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
background:#fef0c7;color:#b54708;border-radius:99px;padding:2px 8px;margin-left:6px;white-space:nowrap}
.mz53-pers{font-size:11px;font-weight:800;color:#b54708;background:#fef0c7;border-radius:99px;padding:2px 9px;flex:none}
/* osobný kód influencera – nákupy bez provízie */
.dc-pers{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
background:#fef0c7;color:#b54708;border-radius:99px;padding:2px 8px}
.dc-pers-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.dc-pers-row .l{font-size:13px;font-weight:700;color:var(--text)}
.dc-pers-row select{max-width:240px}
.dc-pers-row .soft{font-size:12.5px;flex:1;min-width:220px}
/* ===== 33a – Moje zľavové kódy v portáli ===== */
.mc-hd{display:flex;align-items:flex-start;gap:12px}
.mc-sw{display:flex;gap:4px;background:#f4f5f8;border-radius:99px;padding:3px;flex:none}
.mc-t{border:none;background:transparent;color:#6b7280;border-radius:99px;padding:7px 16px;font-size:12.5px;font-weight:700;cursor:pointer}
.mc-t.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.mc-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.mc-row{display:flex;align-items:center;gap:14px;border:1px solid #eceef1;background:#fff;border-radius:13px;padding:14px 18px}
.mc-row[hidden]{display:none!important}
.mc-row.off{background:#fbfcfd;opacity:.72}
.mc-code{font-family:ui-monospace,'SF Mono',monospace;font-size:15px;font-weight:800;letter-spacing:.04em;color:#111827;
background:#f4f5f8;border:1px dashed #c7ccd4;border-radius:9px;padding:8px 14px;flex:none}
.mc-tx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.mc-tx .n{font-size:13.5px;font-weight:700;color:#111827}
.mc-tx .m{font-size:12px;color:#9ca3af}
.mc-st{display:inline-flex;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:99px;flex:none;white-space:nowrap}
.mc-st.ok{background:#ecfdf3;color:#067647}
.mc-st.off{background:#f4f5f8;color:#6b7280}
.mc-st.main{background:#eef0fd;color:#4949c4}
.mc-copy{display:inline-flex;align-items:center;gap:7px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:99px;
padding:8px 16px;font-size:12.5px;font-weight:700;cursor:pointer;flex:none}
.mc-copy:hover{background:#f4f5f8}
.mc-note{display:flex;align-items:center;gap:9px;background:#f8f9fb;border:1px solid #eceef1;border-radius:11px;
padding:11px 14px;font-size:12.5px;color:#6b7280;line-height:1.5;margin-top:16px}
.mc-note b{color:#5b5bd6;font-weight:800}
@media(max-width:720px){.mc-row{flex-wrap:wrap}.mc-tx{flex:1 1 100%;order:3}}
/* provízia v rebríčku: € zeleno, produkty fialovo – bez popiskov, aby sa to zmestilo */
.cm{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.25}
.cm-e{color:var(--green);font-weight:600}
.cm-p{color:var(--accent-2,#4949c4);font-weight:600} /* rovnaká veľkosť ako zelená eurová suma */
/* riadok „čaká" pod vyplatenými sumami – nazbierané, ešte nevyplatené */
.cm-wait{font-size:11px;font-weight:600;color:#9aa1b2;white-space:nowrap;cursor:help}
.cm-wait .we{color:var(--green);font-weight:700}
.cm-wait .wp{color:var(--accent-2,#4949c4);font-weight:700}
/* ===== Odmena v rebríčku: farba podľa meny výplaty + okamžitý hover ===== */
.rw{display:inline-block;padding:5px 12px;border-radius:99px;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:default}
.rw.eur{background:var(--green-soft);border:1px solid #bfe6cd;color:var(--green)}
.rw.prod{background:#f0f0fd;border:1px solid #e6e6fb;color:var(--accent-2,#4949c4)}
.rw.mix{background:linear-gradient(100deg,var(--green-soft) 0%,var(--green-soft) 42%,#eef0fd 58%,#eef0fd 100%);
border:1px solid #cfe0e2;color:#374151}
.rw.none{background:#f4f5f8;border:1px solid var(--line2,#eceef1);color:#9ca3af;font-weight:600}
#rwTip{position:fixed;z-index:110;background:#fff;border:1px solid #e8eaee;border-radius:11px;padding:9px 12px;
box-shadow:0 14px 34px rgba(16,24,40,.16);display:flex;flex-direction:column;gap:3px;pointer-events:none}
#rwTip[hidden]{display:none}
.rw-l{font-size:12.5px;font-weight:700;white-space:nowrap}
.rw-l.eur{color:var(--green)}
.rw-l.prod{color:var(--accent-2,#4949c4)}
/* e-mail otvára AI Mail s rozpísanou správou */
a.mailto{color:inherit;text-decoration:none;border-bottom:1px dashed transparent}
a.mailto:hover{color:var(--accent);border-bottom-color:currentColor}
/* logo eshopu v prepínači a v nastaveniach eshopu */
.shop-av.img{padding:0;overflow:hidden;background:#fff;border:1px solid var(--line2,#eceef1)}
.shop-av.img img{width:100%;height:100%;object-fit:cover;display:block}
.sh-lg{display:flex;align-items:center;gap:14px}
.sh-lg-prev{width:56px;height:56px;border-radius:14px;background:#eef0fd;color:#4949c4;font-weight:800;font-size:16px;
display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border:1px solid var(--line2,#eceef1)}
.sh-lg-prev img{width:100%;height:100%;object-fit:cover;display:block}
.sh-lg-tx{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.sh-lg-tx .hint{margin:0}
.sh-lg-del{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);cursor:pointer}
.sh-lg-del input{width:auto}
.sh-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.sh-logo.img{background:#fff;border:1px solid var(--line2,#eceef1);overflow:hidden}
/* kontrola doručiteľnosti domény (SPF / DKIM / DMARC) */
.mdns{margin-top:16px;padding-top:14px;border-top:1px solid var(--line2,#eceef1)}
.mdns-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.mdns-dom{font-size:12px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}
.mdns-r{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line2,#eceef1);border-radius:11px;padding:11px 14px;background:#fff}
.mdns-r.ok{border-color:#bfe6cd;background:var(--green-soft)}
.mdns-r.warn{border-color:#fedf89;background:#fffcf5}
.mdns-r.fail{border-color:#fcd2d2;background:#fff6f6}
.mdns-n{font-size:11.5px;font-weight:800;letter-spacing:.05em;width:52px;flex:none;padding-top:1px}
.mdns-r.ok .mdns-n{color:var(--green)}
.mdns-r.warn .mdns-n{color:#b54708}
.mdns-r.fail .mdns-n{color:#b42318}
.mdns-m{font-size:13px;color:var(--text);line-height:1.5}
.mdns-m code{display:block;margin-top:5px;font-size:12px;color:var(--muted);word-break:break-all}
/* návod na OAuth2 */
.oah-i{width:17px;height:17px;border-radius:99px;border:none;background:var(--accent);color:#fff;font-size:11px;
font-weight:800;font-style:italic;cursor:pointer;margin-left:6px;line-height:1;vertical-align:middle}
.oah-i:hover{background:var(--accent-2,#4949c4)}
.oah-ov{position:fixed;inset:0;z-index:90;background:rgba(16,24,40,.45);display:flex;align-items:center;justify-content:center;padding:22px}
.oah-ov[hidden]{display:none}
.oah{background:#fff;border-radius:18px;max-width:640px;width:100%;max-height:88vh;display:flex;flex-direction:column;
box-shadow:0 28px 64px rgba(16,24,40,.28)}
.oah-hd{display:flex;align-items:center;gap:12px;padding:20px 24px 14px;border-bottom:1px solid var(--line2,#eceef1)}
.oah-hd h2{margin:0;font-size:17px;flex:1}
.oah-x{border:none;background:transparent;color:var(--soft);font-size:16px;cursor:pointer;padding:2px 6px}
.oah-bd{padding:18px 24px;overflow-y:auto}
.oah-lead{margin:0 0 16px;font-size:13.5px;color:var(--muted);line-height:1.6}
.oah-s{display:flex;gap:12px;padding:12px 0;border-top:1px solid #f4f5f8}
.oah-s:first-of-type{border-top:none;padding-top:0}
.oah-n{width:22px;height:22px;border-radius:99px;background:var(--accent-soft);color:var(--accent-2,#4949c4);
font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.oah-s b{font-size:14px}
.oah-s p{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.6}
.oah-s ul{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--muted);line-height:1.7}
.oah-s code{background:#f4f5f8;border-radius:5px;padding:1px 6px;font-size:12px;color:var(--text);word-break:break-all}
.oah-warn{color:#b54708!important}
.oah-ft{padding:14px 24px 20px;display:flex;justify-content:flex-end;border-top:1px solid var(--line2,#eceef1)}
/* ikonka siete pri popiske poľa */
label.f .l.net-l,.f .l.net-l,.l.net-l{display:flex;align-items:center;gap:7px}
.l.net-l .sn-tile{width:18px;height:18px;border-radius:5px;flex:none}
.l.net-l .sn-tile svg{width:11px;height:11px}
/* kompaktné snippety s kopírovaním na klik */
.snip-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.snip-st .badge{font-size:10.5px;padding:2px 8px}
.snip{position:relative;background:#171a2b;border-radius:12px;padding:12px 14px;cursor:pointer;overflow:hidden}
.snip:hover{background:#1d2138}
.snip pre{margin:0;max-height:132px;overflow:auto;color:#c9d1e6;font-size:11.5px;line-height:1.55;
font-family:ui-monospace,'SF Mono',monospace;white-space:pre;scrollbar-width:thin}
.snip pre::-webkit-scrollbar{width:6px;height:6px}
.snip pre::-webkit-scrollbar-thumb{background:#3a4060;border-radius:99px}
.snip-copy{position:absolute;top:8px;right:10px;z-index:2;font-size:11px;font-weight:700;color:#c9d1e6;
background:rgba(255,255,255,.10);border-radius:99px;padding:3px 10px}
.snip:hover .snip-copy{background:rgba(255,255,255,.18)}
.snip-copy.on{background:var(--green);color:#fff}
/* ===== 34a – profil eshopu: siete ako kompaktné riadky ===== */
.ico-in{display:flex;align-items:center;gap:10px;border:1px solid var(--line2,#e5e7eb);border-radius:11px;
padding:0 14px;background:#fafbfc}
.ico-in > svg{color:#9ca3af;flex:none}
.ico-in input{border:none!important;background:transparent!important;box-shadow:none!important;padding:11px 0!important;flex:1;min-width:0}
.sp-nets{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.sp-hd{display:flex;align-items:center;gap:8px}
.sp-t{font-size:12px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.sp-line{flex:1;height:1px;background:var(--line2,#eceef1)}
.sp-cnt{font-size:12px;font-weight:700;color:#6b7280;background:#f4f5f8;border-radius:99px;padding:3px 11px;white-space:nowrap}
.sp-cnt.full{color:#067647;background:#ecfdf3}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.sp-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line2,#e5e7eb);background:#fafbfc;
border-radius:12px;padding:10px 14px;cursor:text;transition:border-color .15s,background .15s}
.sp-row.filled{background:#fff;border-color:#e2e8f0}
.sp-row:focus-within{border-color:#5b5bd6;background:#fff;box-shadow:0 0 0 3px rgba(91,91,214,.10)}
.sp-tile{width:34px;height:34px;border-radius:10px;flex:none}
.sp-tile svg{width:17px;height:17px}
.sp-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.sp-n{font-size:11.5px;font-weight:700;color:#9ca3af;line-height:1.3}
.sp-row input{border:none!important;background:transparent!important;box-shadow:none!important;
padding:1px 2px!important;margin-left:-2px;height:auto!important;min-height:20px;
font-size:14px;font-weight:600;color:var(--text);width:100%;caret-color:#5b5bd6}
.sp-ok{color:#12b76a;flex:none;display:none}
.sp-row.filled .sp-ok{display:block}
.sp-add{border:1px dashed #c7ccd4;background:#fff;color:#6b7280;border-radius:99px;padding:5px 13px;
font-size:12px;font-weight:700;flex:none;white-space:nowrap}
.sp-row.filled .sp-add{display:none}
.sp-row:hover .sp-add,.sp-row:focus-within .sp-add{border-color:#5b5bd6;color:#5b5bd6}
@media(max-width:860px){.sp-grid{grid-template-columns:1fr}}
/* ===== 39a – plávajúca lišta s uložením ===== */
.fsav{position:fixed;left:50%;bottom:20px;transform:translate(-50%,140%);z-index:70;display:flex;align-items:center;gap:14px;
background:#111827;border-radius:99px;padding:10px 12px 10px 22px;box-shadow:0 20px 48px rgba(16,24,40,.35);
max-width:640px;width:max-content;transition:transform .25s cubic-bezier(.2,.8,.3,1),opacity .2s;opacity:0}
.fsav.on{transform:translate(-50%,0);opacity:1}
.fsav-dot{width:8px;height:8px;border-radius:99px;background:#f79009;flex:none}
.fsav b{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap}
.fsav-list{font-size:12.5px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fsav-x{margin-left:auto;border:none;background:transparent;color:#9ca3af;font-size:13px;font-weight:700;cursor:pointer;padding:8px 10px;flex:none}
.fsav-x:hover{color:#fff}
.fsav-ok{background:var(--accent);color:#fff;border:none;border-radius:99px;padding:10px 24px;font-size:13.5px;
font-weight:700;cursor:pointer;flex:none;box-shadow:0 4px 14px rgba(91,91,214,.4);white-space:nowrap}
.fsav-ok:hover{background:#6d6df0}
.fsav.done{background:#067647;padding:12px 24px;box-shadow:0 20px 48px rgba(6,118,71,.3)}
/* potvrdenie po uložení: ukáže sa len fajka, ostatné prvky lišty sa skryjú a po 2 s vrátia */
.fsav.done>*:not(.fsav-done){display:none}
.fsav-done{display:inline-flex;align-items:center;gap:8px}
.fsav-tick{color:#fff;font-weight:800}
@media(max-width:720px){.fsav{width:calc(100% - 32px);gap:10px;padding-left:16px}.fsav-list{display:none}}
/* odkaz na profil siete vedľa fajky */
.sp-go{display:none;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;
color:#12b76a;background:#ecfdf3;flex:none;text-decoration:none}
.sp-go:hover{background:#d3f8e2;color:#067647}
.sp-row.filled .sp-go{display:flex}
/* ===== 35a – REST API eshopu ===== */
.api-hd{display:flex;align-items:flex-start;gap:14px}
.api-ico{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent);
display:flex;align-items:center;justify-content:center;flex:none}
.api-hd-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.api-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#6b7280;
background:#f4f5f8;border-radius:99px;padding:4px 12px}
.api-pill i{width:7px;height:7px;border-radius:99px;background:#c2c7cf;display:block}
.api-pill.on{color:#067647;background:#ecfdf3}
.api-pill.on i{background:#12b76a}
.api-pill.off{color:#b42318;background:#fff2f0}
.api-pill.off i{background:#f04438}
.api-when{font-size:12px;color:var(--soft)}
.api-test{margin-left:auto;display:inline-flex;align-items:center;gap:7px;flex:none}
.api-badge{font-size:11.5px;font-weight:700;color:#067647;background:#ecfdf3;border-radius:99px;padding:2px 9px;flex:none}
.api-badge[hidden]{display:none}
.api-eye{border:none;background:transparent;padding:2px;cursor:pointer;color:#6b7280;display:flex;flex:none}
.api-eye:hover{color:var(--text)}
.api-eye.on{color:var(--accent)}
.api-eye.done{color:var(--green)}
.ico-in input.mono{font-family:ui-monospace,'SF Mono',monospace;font-size:13.5px}
.ctx-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ctx-cnt{margin-left:auto;font-size:11.5px;color:var(--soft);font-weight:600}
.ctx-box{border:1px solid var(--line2,#e5e7eb);border-radius:12px;background:#fafbfc;padding:12px 14px;
display:flex;flex-direction:column;gap:10px}
.ctx-box:focus-within{border-color:#5b5bd6;background:#fff;box-shadow:0 0 0 3px rgba(91,91,214,.10)}
.ctx-box textarea{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;
min-height:96px;resize:vertical;font-size:13.5px;line-height:1.6}
.ctx-chips{display:flex;gap:7px;flex-wrap:wrap}
.ctx-chip{border:1px dashed #c7ccd4;background:#fff;color:#6b7280;border-radius:99px;padding:4px 12px;
font-size:11.5px;font-weight:700;cursor:pointer}
.ctx-chip:hover{border-color:#5b5bd6;color:#5b5bd6}
/* stavové kroky pod kartou (36a) */
.stp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.stp-i{display:flex;align-items:center;gap:10px;border:1px solid var(--line2,#eceef1);background:#fafbfc;border-radius:12px;padding:11px 14px}
.stp-i.ok{background:var(--green-soft);border-color:#bfe6cd}
.stp-d{width:22px;height:22px;border-radius:99px;background:#e9ebef;color:#9ca3af;font-size:12px;font-weight:800;
display:flex;align-items:center;justify-content:center;flex:none}
.stp-i.ok .stp-d{background:#12b76a;color:#fff}
.stp-t{display:flex;flex-direction:column;min-width:0}
.stp-t b{font-size:13px}
.stp-t i{font-style:normal;font-size:11.5px;color:var(--soft)}
@media(max-width:860px){.stp{grid-template-columns:1fr}}
/* AI karta (38a) */
.ai-chips{display:flex;gap:8px;flex-wrap:wrap}
.ai-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2,#e5e7eb);background:#fff;
border-radius:99px;padding:7px 14px;font-size:12.5px;font-weight:700;color:#374151;cursor:pointer;
font-family:ui-monospace,'SF Mono',monospace}
.ai-chip:hover{border-color:#5b5bd6}
.ai-chip.on{border-color:#5b5bd6;background:var(--accent-soft);color:var(--accent-2,#4949c4)}
.ai-tag{font-family:inherit;font-size:10.5px;font-weight:800;color:#067647;background:#ecfdf3;border-radius:99px;padding:1px 7px}
.ai-chip.on .ai-tag{background:#fff}
.ai-range{width:100%;accent-color:#5b5bd6;height:22px}
.ai-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--soft);font-weight:600;margin-top:-4px}
/* pás s testom odoslania a doručiteľnosťou (37a) */
.mail-test{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;padding:14px 16px;
border:1px solid var(--line2,#eceef1);border-radius:12px;background:#fafbfc}
.mt-tx{display:flex;flex-direction:column;min-width:150px}
.mt-tx b{font-size:13.5px}
.mt-tx i{font-style:normal;font-size:11.5px;color:var(--soft)}
.mail-dns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.mdns-b{display:flex;gap:7px;flex-wrap:wrap}
.mdns-b .badge{font-size:11.5px}
.api-pill.warn{color:#b54708;background:#fef0c7}
.api-pill.warn i{background:#f79009}
/* kanály kontroly sietí (40a) */
.chan{border:1px solid var(--line2,#eceef1);border-radius:14px;padding:16px 18px;margin-top:14px;background:#fafbfc}
.chan-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.chan-hd b{font-size:14px}
.chan-ic{width:26px;height:26px;border-radius:8px;flex:none}
.chan-ic svg{width:14px;height:14px}
.chan-note{font-size:12px;color:var(--soft)}
.chan .form-grid{gap:12px}
.chan-i{display:flex;gap:9px;margin-top:10px;font-size:12px;color:var(--muted);line-height:1.6}
.chan-i b{color:var(--accent);font-weight:800;flex:none}
.chan-i code{font-size:11.5px}
/* snippety ako zbaliteľné kroky (41a) */
.snips{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.snip-step{border:1px solid var(--line2,#eceef1);border-radius:13px;overflow:hidden;background:#fafbfc}
.snip-h{display:flex;align-items:center;gap:12px;width:100%;border:none;background:transparent;padding:13px 16px;cursor:pointer;text-align:left}
.snip-h:hover{background:#f4f5f8}
.snip-num{width:24px;height:24px;border-radius:99px;background:var(--accent-soft);color:var(--accent-2,#4949c4);
font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.snip-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.snip-tx b{font-size:13.5px}
.snip-tx i{font-style:normal;font-size:11.5px;color:var(--soft)}
.snip-when{font-size:11px;color:var(--soft);margin-left:6px}
.snip-chev{margin-left:auto;color:#c2c7cf;font-size:18px;transition:transform .18s;flex:none}
.snip-h.open .snip-chev{transform:rotate(90deg)}
.snip-step .snip{border-radius:0;margin:0}
.snip-step .snip[hidden]{display:none}
/* prepínače komunikácie (42a) */
.tgl-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
@media(max-width:860px){.tgl-list{grid-template-columns:1fr}}
.tgl{display:flex;align-items:center;gap:12px;border:1px solid var(--line2,#eceef1);background:#fafbfc;border-radius:13px;padding:13px 16px}
.tgl.on{background:var(--green-soft);border-color:#bfe6cd}
.tgl-ic{width:32px;height:32px;border-radius:10px;background:#fff;color:#9ca3af;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--line2,#eceef1)}
.tgl.on .tgl-ic{color:var(--green);border-color:#bfe6cd}
.tgl-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.tgl-tx b{font-size:13.5px}
.tgl-tx i{font-style:normal;font-size:11.5px;color:var(--soft)}
.tgl-st{font-size:11.5px;font-weight:700;color:var(--soft);flex:none;margin-left:auto}
.tgl.on .tgl-st{color:var(--green)}
.cm-warn{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 15px;border-radius:12px;
background:#fffcf5;border:1px solid #fedf89;font-size:12.5px;color:#b54708;line-height:1.6}
.cm-warn[hidden]{display:none}
.cm-warn b{font-weight:800;flex:none}
/* stavy objednávok ako čipy (44a) */
.os{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.os-hd{display:flex;align-items:center;gap:10px}
.os-t{font-size:12px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.os-t.on{color:#067647}
.os-line{flex:1;height:1px;background:var(--line2,#eceef1)}
.os-row{display:flex;gap:8px;flex-wrap:wrap;min-height:34px}
.os-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2,#e5e7eb);background:#fff;
border-radius:99px;padding:7px 14px 7px 9px;cursor:pointer;opacity:.62}
.os-chip:hover{border-color:#5b5bd6;opacity:1}
.os-chip.on{opacity:1;border-color:#bfe6cd;background:var(--green-soft)}
.os-chip b{font-size:12.5px;font-weight:700}
.os-chip code{font-size:11px;color:var(--soft)}
.os-c{font-size:11px;font-weight:700;color:#6b7280;background:#fff;border-radius:99px;padding:1px 8px}
.os-tick{width:18px;height:18px;border-radius:6px;border:1.5px solid #c7ccd4;color:transparent;
display:flex;align-items:center;justify-content:center;flex:none;background:#fff}
.os-chip.on .os-tick{background:#12b76a;border-color:#12b76a;color:#fff}
.stp-n{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--green)}
.dns-h{border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.dns-h .snip-chev{margin:0;font-size:15px}
.dns-h.open .snip-chev{transform:rotate(90deg)}
#mdns-out[hidden]{display:none}
/* sieť mimo kontroly (eshop ju nemá vyplnenú) */
.bio-row.off{opacity:.72}
.bio-skip{grid-column:span 3;text-align:center;font-size:11.5px;font-weight:700;color:var(--soft);
background:#f4f5f8;border-radius:99px;padding:3px 10px;justify-self:center;align-self:center}
/* stav zásielky v balíčkoch */
.ship{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;border-radius:99px;padding:4px 12px;white-space:nowrap}
.ship i{width:7px;height:7px;border-radius:99px;display:block;flex:none;background:currentColor}
.ship.s-scheduled{background:#f4f5f8;color:#6b7280}
.ship.s-code_sent{background:var(--accent-soft);color:var(--accent-2,#4949c4)}
.ship.s-ordered{background:#e7f3fd;color:#0b6fb8}
.ship.s-shipped{background:#fff4e5;color:#b54708}
.ship.s-transit{background:#e8f0ff;color:#3538cd}
.ship.s-delivered{background:var(--green-soft);color:var(--green)}
.ship.s-problem{background:#fff2f0;color:#b42318}
/* chip najbližšieho balíčka v hlavičke profilu influencera */
.pf-box{text-decoration:none;transition:filter .15s}
.pf-box:hover{filter:brightness(.96)}
.pf-box b{font-weight:800}
.pf-box i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75;flex:none}
/* vzhľad e-mailov v nastaveniach eshopu */
.mailbr{display:grid;grid-template-columns:1fr 380px;gap:26px;align-items:start}
.mailbr-set{display:flex;flex-direction:column;gap:14px}
.mb-tabs{display:flex;gap:6px;background:#f4f5f8;border-radius:99px;padding:3px;width:fit-content}
.mb-tab{padding:7px 16px;border-radius:99px;font-size:12.5px;font-weight:700;color:#6b7280;cursor:pointer}
.mb-tab.on{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.mb-col{display:flex;align-items:center;gap:10px}
.mb-col input[type=color]{width:46px;height:34px;padding:2px;border:1px solid var(--line2,#e5e7eb);border-radius:9px;background:#fff;cursor:pointer}
.mb-col i{font-style:normal;font-family:ui-monospace,monospace;font-size:12.5px;color:var(--muted)}
.mb-logo{width:150px;height:56px;border:1px solid var(--line2,#e5e7eb);border-radius:10px;background:#fff;
display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;padding:6px}
.mb-logo img{max-width:100%;max-height:100%;object-fit:contain}
.mb-logo em{font-size:11px;color:#c2c7cf;text-align:center;line-height:1.4}
.mailbr-prev{border-radius:14px;padding:22px 18px;transition:background .2s}
.mb-card{background:#fff;border-radius:14px;padding:19px 19px 17px;box-shadow:0 10px 34px rgba(10,20,40,.10)}
.mb-head{margin-bottom:18px}
.mb-head b{font-size:17px;font-weight:800;color:#1a2130;display:block}
.mb-head i{display:block;width:52px;height:4px;border-radius:99px;margin-top:9px}
.mb-head img{max-width:170px;max-height:48px;display:block}
.mb-card b{font-size:13.5px;color:#1a2130}
.mb-card p{margin:8px 0 14px;font-size:11.5px;line-height:1.6;color:#3d4657}
.mb-code{border:2px dashed;border-radius:10px;padding:14px;text-align:center;font-family:ui-monospace,monospace;
font-size:14px;font-weight:800;letter-spacing:.1em;margin-bottom:12px}
.mb-cta{display:inline-block;border-radius:999px;padding:10px 24px;font-size:12.5px;font-weight:700}
.mb-foot{text-align:center;font-size:11px;margin-top:14px}
@media(max-width:1100px){.mailbr{grid-template-columns:1fr}}
.mb-hex{width:96px!important;font-family:ui-monospace,monospace;font-size:12.5px;text-transform:uppercase;
padding:8px 10px!important;border:1px solid var(--line2,#e5e7eb)!important;border-radius:9px!important;background:#fff!important}
.mb-hex.bad{border-color:#f04438!important;color:#b42318}
.mb-presets{display:flex;gap:8px;flex-wrap:wrap}
.mb-pre{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2,#e5e7eb);background:#fff;
border-radius:99px;padding:6px 14px 6px 8px;font-size:12.5px;font-weight:700;color:#374151;cursor:pointer}
.mb-pre:hover{border-color:#5b5bd6;color:#5b5bd6}
.mb-pre i{width:26px;height:14px;border-radius:99px;display:block;flex:none}
/* prihlásenie a registrácia – farby a tvary z nastavení eshopu */
.auth-shell h1,.reg-hero h1{text-transform:var(--a-case,none);letter-spacing:var(--a-sp,-.01em)}
.auth-card{border-radius:var(--a-rcard,18px)}
.auth-card input,.reg-card input,.reg-card select,.reg-card textarea{border-radius:var(--a-rinput,10px)}
.auth-card input:focus,.reg-card input:focus{border-color:var(--a-c1,#5b5bd6)}
.auth-card .btn,.reg-card .btn,.auth-shell .btn.dark,.reg-card button[type=submit]{
border-radius:var(--a-rbtn,999px);background:var(--a-grad,#5b5bd6)!important;color:var(--a-cta,#fff)!important;
border:none;box-shadow:0 10px 26px var(--a-shadow,rgba(91,91,214,.32))}
.auth-reg,.reg-login{border-radius:var(--a-rbtn,10px)}
.auth-logo{height:40px;width:auto;display:block}
.reg-brand-logo{height:38px;width:auto;display:block}
.auth-shell a[href*=register],.reg-hero a[href*=login]{border-radius:var(--a-rbtn,10px)}
.auth-card a,.reg-card a{color:var(--a-c1,#5b5bd6)}
/* pozadie prihlásenia ako farebný prechod (dizajn 5a/5b) – bez fotky, bez stmavenia */
.auth-shell.grad::after{background-image:var(--a-gbg,var(--a-bg));filter:none;transform:none;inset:0}
.auth-shell.grad .auth-dim{display:none}
.auth-shell.grad::before{opacity:.16} /* žiaru vpravo hore takmer zruš — predloha má len jemný nádych vľavo hore */
/* prvky na tmavom pozadí preberajú výraznú farbu eshopu (1:1 s predlohou) */
.auth-alt a{color:var(--a-link2,var(--a-c1,#a5b0ff))} /* „Požiadaj o spoluprácu" – tmavšia zlatá ako v predlohe */
.reg-brand span{color:var(--a-link,#a5b0ff)}
.auth-card .btn,.reg-card button[type=submit],.reg-submit{text-transform:var(--a-case,none);letter-spacing:var(--a-sp,-.01em)}
.reg-submit{border-radius:var(--a-rbtn,10px);background:var(--a-grad,#5b5bd6);color:var(--a-cta,#fff);box-shadow:0 8px 24px var(--a-shadow,rgba(91,91,214,.45))}
.reg-badge{color:var(--a-link,#c7ceff);background:color-mix(in srgb,var(--a-c1,#5b5bd6) 24%,transparent);border-color:color-mix(in srgb,var(--a-c1,#5b5bd6) 42%,transparent)}
.reg-check{background:color-mix(in srgb,var(--a-c1,#34d399) 20%,transparent);border-color:color-mix(in srgb,var(--a-c1,#34d399) 55%,transparent);color:var(--a-link,#6ee7b7)}
.reg-card{border-color:color-mix(in srgb,var(--a-c1,#ffffff) 45%,rgba(255,255,255,.16));box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 32px color-mix(in srgb,var(--a-c1,#000) 16%,transparent)}
.reg-form input:not([type=checkbox]):focus{outline-color:color-mix(in srgb,var(--a-c1,#a5b0ff) 65%,#fff)}
.reg-done-ic{background:color-mix(in srgb,var(--a-c1,#34d399) 20%,transparent);border-color:color-mix(in srgb,var(--a-c1,#34d399) 55%,transparent);color:var(--a-link,#6ee7b7)}
/* vzhľad prihlásenia/registrácie v nastaveniach eshopu */
.authbr{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}
.authbr-set{display:flex;flex-direction:column;gap:14px}
.ab-val{margin-left:auto;font-weight:800;color:var(--accent-2,#4949c4);font-size:11.5px}
.sh-f > span{display:flex;align-items:center;gap:8px}
.ab-frame{position:relative;width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;
border:1px solid var(--line2,#eceef1);box-shadow:0 8px 24px rgba(16,24,40,.12)}
.ab-bg{position:absolute;inset:-8px;background-size:cover;background-position:center;transform:scale(1.05)}
.ab-dim{position:absolute;inset:0}
.ab-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:10px 12px;box-sizing:border-box}
.ab-bar{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:9px;font-weight:800}
.ab-bar img{height:14px;width:auto;display:block}
.ab-bar em{font-style:normal;font-size:7.5px;font-weight:700;border:1px solid rgba(255,255,255,.5);padding:3px 7px}
.ab-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.ab-mid h4{margin:0;color:#fff;font-size:13px;font-weight:800}
.ab-card{background:#fff;padding:9px 10px;display:flex;flex-direction:column;gap:4px;width:64%;
box-shadow:0 10px 26px rgba(0,0,0,.35)}
.ab-lbl{font-size:5.5px;font-weight:800;letter-spacing:.12em;color:#8a94a1}
.ab-inp{display:block;height:11px;border:1px solid #d7dde5;background:#fff}
.ab-btn{display:block;text-align:center;font-size:7.5px;font-weight:800;padding:6px 8px;margin-top:3px}
@media(max-width:1100px){.authbr{grid-template-columns:1fr}}
/* Najbližší balíček – odomknutie zmeny dátumu heslom */
.box-pass{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.box-pass[hidden]{display:none!important}
.box-pass .hint{width:100%;color:var(--red)}
/* tichá karta: nič sa nevybavuje, ostali len zamietnuté žiadosti (ako prázdny stav 28b) */
.req28.quiet{background:#fff;border:1px solid var(--line);box-shadow:none}
.req28.quiet .req28-t{color:#c2c7cf;font-size:15px;font-weight:700}
.req28.quiet .req28-chev,.req28.quiet .req28-note{color:#c2c7cf}
.req28.quiet .req28-head:hover{background:#fafbfc}
.req28.quiet .req28-rejlink{color:#d92d20}
.req28.quiet .req28-rejlink:hover{color:#a52318}
.req28.quiet .req28-rejlink b{background:#fef3f2;color:#d92d20}
.req28.quiet .req28-body{padding-top:0}
/* neschválené žiadosti — odkaz vpravo dole v karte + rozbalený zoznam */
.req28-rejwrap{display:flex;justify-content:flex-end;padding:2px 4px 0}
.req28-rejlink{display:inline-flex;align-items:center;gap:7px;background:none;border:none;font-family:inherit;
font-size:12.5px;font-weight:700;color:#ffc9c4;cursor:pointer;padding:6px 4px}
.req28-rejlink:hover{color:#fff}
.req28-rejlink b{background:rgba(255,255,255,.16);border-radius:99px;padding:1px 8px;font-size:11.5px}
.req28-rejlink svg{transition:transform .2s}
.req28-rejlink.open svg{transform:rotate(90deg)}
.req28-rej{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.req28-rej[hidden]{display:none!important}
.req28-row.rej{opacity:.92}
.req28-row.rej .req28-ok{background:#fff;color:#4c4fd4;border:1px solid #d9dcfb}
.req28-row.rej .req28-ok:hover{background:#eef0fd}
.req28-del{width:34px;height:34px;border-radius:9px;border:1px solid #f0d2ce;background:#fff;color:#d92d20;
display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.req28-del:hover{background:#fef3f2;border-color:#e8a49c}
/* údaje doplnené influencerom v onboardingu — v karte žiadostí */
.req28-ctry{margin-left:8px;font-size:14px;line-height:1;vertical-align:-1px}
.req28-ctry.guess{opacity:.55}
/* profilovka zo siete namiesto iniciál */
.req28-av.has{background:none;padding:0;overflow:hidden}
.req28-av.has img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}
/* telefón sa kliknutím skopíruje – volať sa z počítača aj tak nedá */
.ph-copy{cursor:pointer;border-bottom:1px dashed rgba(255,255,255,.35)}
.req28-row.setup .ph-copy{border-bottom-color:#d8b98a}
.ph-copy:hover{opacity:.75}
/* rýchly kontakt: WhatsApp + Telegram */
.qc{display:inline-flex;gap:6px;align-items:center;flex:none;margin-left:4px}
.qc-b{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;
flex:none;color:#fff;text-decoration:none;transition:filter .15s,transform .1s}
.qc-b svg{width:15px;height:15px;display:block;fill:currentColor}
.qc-b.wa{background:#25d366}
.qc-b.tg{background:#229ed9}
.qc-b:hover{filter:brightness(.93)}
.qc-b:active{transform:scale(.94)}
.qc-b.off{background:#e8eaef;color:#aab0bb;cursor:not-allowed}
.req28-net.isnew{box-shadow:0 0 0 2px #12b76a}
.req28-added{display:inline-flex;align-items:center;height:30px;padding:0 9px;margin-left:2px;border-radius:99px;background:#ecfdf3;color:#067647;font-size:11.5px;font-weight:800}
/* ===== 49c – onboarding neaktívneho účtu ===== */
.ob-pill{display:inline-flex;align-items:center;gap:6px;background:#fef7e6;color:#93370d;font-size:12px;font-weight:700;border-radius:99px;padding:5px 12px;white-space:nowrap}
.ob-pill i{width:6px;height:6px;border-radius:50%;background:#f0a929}
/* zamknuté položky menu pre neschválený účet (49a) */
.ppill.dis{color:#c0c4cc;cursor:not-allowed;pointer-events:none;user-select:none}
.ob-wrap{max-width:760px;margin:26px auto 0;display:flex;flex-direction:column;gap:18px}
.ob-hi{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(16,24,40,.05);
padding:26px 28px;display:flex;gap:26px;align-items:flex-start}
.ob-hi h1{margin:0;flex:none;max-width:46%;font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.ob-hi p{margin:0;padding-top:3px;font-size:15px;color:#9aa1ac;line-height:1.65}
.ob-saved{background:#ecfdf3;border:1px solid #b5e4c8;color:#067647;font-size:13.5px;font-weight:700;border-radius:10px;padding:10px 14px;transition:opacity .35s,transform .35s}
.ob-saved.gone{opacity:0;transform:translateY(-6px)}
/* chyby pri oprave kontaktných údajov */
.ob-err{background:#fdecec;border:1px solid #f6c6c6;color:#b42318;font-size:13.5px;font-weight:600;
border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;line-height:1.45}
/* meno / e-mail / telefón vedľa seba */
.ob-cf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:720px}
.ob-cf label{display:flex;flex-direction:column;gap:5px;min-width:0}
/* rovnaký vzhľad ako výber krajiny (.ob-sel): zaoblenie 12, výška 46, jemný rám */
.ob-cf input{width:100%;box-sizing:border-box;height:46px;padding:0 14px;font-size:14.5px;font-family:inherit;
color:var(--text,#111527);background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;
transition:border-color .15s, box-shadow .15s}
.ob-cf input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.12)}
.ob-cf input::placeholder{color:#b6bac6}
.ob-hint{font-size:12.5px;color:#9ca3af;line-height:1.5}
@media(max-width:760px){.ob-cf{grid-template-columns:1fr}}
/* overflow visible, aby rozbaľovacie menu „Pridať sieť" nič neodrezalo — rohy riešia prvý/posledný riadok */
.ob-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(16,24,40,.05)}
.ob-card .ob-row:first-child{border-radius:16px 16px 0 0}
.ob-card .ob-row:last-child{border-radius:0 0 16px 16px}
.ob-row{display:flex;align-items:center;gap:14px;padding:22px 28px;border-bottom:6px solid #f7f8fa;flex-wrap:wrap}
.ob-row:last-child{border-bottom:none}
.ob-row.col{flex-direction:column;align-items:stretch}
/* otvorená sekcia je jemne podfarbená a nesie farebný prúžok vľavo */
.ob-row.col{transition:background .15s}
.ob-row.open{background:#f7f8ff;box-shadow:inset 3px 0 0 var(--accent)}
.ob-row.open .ob-txt b{color:var(--accent-2)}
.ob-row-top{display:flex;align-items:center;gap:12px}
.ob-ic{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:13px;font-weight:800}
.ob-ic.done{background:#e6f4ea;color:#1e7d3e}
.ob-ic.num{background:#eef0fd;color:#5b5bd6}
.ob-ic.wait{background:#fef7e6;color:#b54708}
.ob-txt{flex:1;min-width:180px;display:flex;flex-direction:column;gap:1px}
.ob-txt b{font-size:15.5px;font-weight:800}
.ob-txt i{font-style:normal;font-size:13.5px;color:var(--soft,#9ca3af)}
.ob-panel{padding:6px 0 4px 42px;display:flex;flex-direction:column;gap:8px;width:100%}
.ob-panel[hidden]{display:none!important}
.ob-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af}
/* text v selecte vertikálne v strede (emoji vlajky inak tlačí hodnotu nadol) */
.ob-sel{max-width:300px;font-family:inherit;border-radius:12px;height:46px;padding:0 36px 0 14px;line-height:normal;font-size:14.5px}
/* výber krajiny v onboardingu — rovnaký komponent ako v admine */
.ob-cpk{max-width:340px;width:100%}
.ob-cpk .cpk-box{border-radius:12px;padding:12px 14px;background:#fff}
.ob-cpk .cpk-q{font-size:14.5px}
.ob-cpk .cpk-pop{max-width:380px}
.ob-cpk .cpk-list{max-height:236px}
/* tlačidlo v načítavacom stave (registrácia aj onboarding) */
.btn.busy,.reg-submit.busy{opacity:.72;cursor:progress;pointer-events:none}
.reg-submit.busy{filter:none}
.ob-socs{display:flex;flex-direction:column;gap:8px}
.ob-soc{display:flex;align-items:center;gap:10px}
.ob-soc[hidden]{display:none!important}
.ob-netn{font-size:14px;font-weight:700;min-width:96px}
/* mäkké zaoblené pole ako v dizajne 49c */
.ob-soc input{flex:1;min-width:0;font-size:14px;height:46px;padding:0 16px;border:1px solid #e6e8ec;border-radius:14px;background:#fff;color:#111827;transition:border-color .15s,box-shadow .15s}
.ob-soc input:hover{border-color:#d5d8de}
.ob-soc input:focus{outline:none;border-color:#c3c8f4;box-shadow:0 0 0 3px rgba(91,91,214,.12)}
/* šípka pred košom — otvorí profil v novej karte, aby si ho influencer overil očami */
.ob-open{border:1px solid #e6e8ec;background:#fff;color:#98a2b3;border-radius:14px;width:46px;height:46px;
display:flex;align-items:center;justify-content:center;flex:none;text-decoration:none;
transition:color .15s,border-color .15s}
.ob-open:hover{color:var(--accent);border-color:var(--accent)}
/* sieť, ktorú sieť sama nepozná: červený rám poľa a vysvetlenie pod ním */
.ob-soc.bad input{border-color:#e5484d!important;box-shadow:0 0 0 3px rgba(229,72,77,.18)}
.ob-socerr{margin:-2px 0 2px 56px;font-size:12.5px;font-weight:600;color:#c0393d;line-height:1.45}
.ob-row.bad{background:#fdf2f2;box-shadow:inset 3px 0 0 #e5484d}
.ob-row.bad .ob-txt b{color:#c0393d}
.ob-ic.bad{background:#fdecec;color:#c0393d}
.ob-del{border:1px solid #e6e8ec;background:#fff;color:#c0c4cc;border-radius:14px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:color .15s,border-color .15s}
.ob-del svg{width:17px;height:17px}
.ob-del:hover{color:var(--red,#d92d20);border-color:#f3c6c0}
.ob-addwrap{position:relative;margin-top:4px}
.ob-add{border:1.5px dashed #d5d8de;background:transparent;color:#6b7280;font-family:inherit;font-size:14px;font-weight:700;border-radius:99px;padding:12px 22px;cursor:pointer}
.ob-add:hover{border-color:#9aa1ab;color:#111827}
.ob-add-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:120;background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:6px;box-shadow:0 18px 44px rgba(16,24,40,.16);display:flex;flex-direction:column;gap:2px;min-width:190px}
.ob-add-menu[hidden]{display:none!important}
.ob-add-menu button{display:flex;align-items:center;gap:10px;background:none;border:none;font-family:inherit;font-size:13.5px;font-weight:600;color:#111827;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left}
.ob-add-menu button[hidden]{display:none!important} /* pridané siete sa v ponuke neukazujú */
.ob-add-menu button:hover{background:#f4f5f8}
.ob-add-menu .sn-tile.sm{width:26px;height:26px;border-radius:7px}
.ob-add-menu .sn-tile.sm svg{width:14px;height:14px}
.ob-row.approve{background:#fdf3e1;padding:26px 28px}
.ob-row.approve .ob-ic.wait{background:transparent}
.ob-row.approve .ob-txt b{color:#c2570f}
.ob-row.approve .ob-txt i{color:#cf7b2e}
.ob-dot{width:11px;height:11px;border-radius:50%;background:#f5a623;display:block;animation:obDot 2.4s ease-in-out infinite}
@keyframes obDot{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.ob-dot{animation:none}}
.ob-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}
.ob-foot .soft{flex:1;text-align:center}
@media(max-width:640px){.ob-panel{padding-left:0}.ob-sel,.ob-cpk{max-width:100%;width:100%}.ob-netn{display:none}}
/* ===== 6b – prepínač jazykov (vlajka + kód, rozbaľovací zoznam) ===== */
.auth-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.auth-right .auth-reg,.auth-right .reg-login{margin-left:0}
.lsw{position:relative}
.lsw-btn{display:flex;align-items:center;gap:8px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.lsw-fl{font-size:16px;line-height:1}
/* 1:1 s tlačidlom Prihlásiť sa/Registrovať sa vedľa (.auth-reg/.reg-login):
rovnaká výška (stretch v .auth-right) aj zaoblenie podľa brandingu eshopu */
.auth-right{align-items:stretch}
.lsw.auth{display:flex}
.lsw.auth .lsw-btn{height:100%;box-sizing:border-box;border:1.5px solid rgba(255,255,255,.7);border-radius:var(--a-rbtn,10px);padding:4px 14px;font-size:16px;font-weight:700;color:#fff;background:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,border-color .15s}
.lsw.auth .lsw-btn:hover{background:rgba(255,255,255,.12);border-color:#fff}
.lsw.auth .lsw-pop{border-radius:var(--a-rinput,12px)}
.lsw-pop{position:absolute;right:0;top:calc(100% + 8px);width:190px;background:rgba(14,14,18,.97);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px;box-shadow:0 18px 44px rgba(0,0,0,.55);display:none;flex-direction:column;gap:2px;z-index:60}
.lsw.open .lsw-pop{display:flex}
.lsw-it{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;font-size:13.5px;font-weight:600;color:#fff;text-decoration:none}
.lsw-it span:nth-child(2){flex:1}
.lsw-it .lsw-fl{font-size:17px}
.lsw-it:hover{background:rgba(255,255,255,.08);color:#fff}
.lsw-it.on{color:var(--a-c1,#5b5bd6);background:color-mix(in srgb,var(--a-c1,#5b5bd6) 14%,transparent)}
/* portál – svetlá hlavička */
.lsw.portal .lsw-btn{border:1px solid var(--line,#e5e7eb);border-radius:11px;padding:8px 12px;color:var(--text,#111827);background:#fff}
.lsw.portal .lsw-btn:hover{border-color:#c7ccd4}
.lsw.portal .lsw-pop{background:#fff;border-color:var(--line,#e5e7eb);box-shadow:0 18px 44px rgba(16,24,40,.16)}
.lsw.portal .lsw-it{color:var(--text,#111827)}
.lsw.portal .lsw-it:hover{background:#f4f5f8;color:var(--text,#111827)}
.lsw.portal .lsw-it.on{color:var(--accent,#5b5bd6);background:#eef0fd}
/* ===== 47a – Výplaty v eurách: súhrn v karte, filtre v hlavičke ===== */
.peur{background:#fff;border:1px solid var(--line,#e8eaee);border-radius:18px;padding:28px 32px;display:flex;flex-direction:column;gap:20px;box-shadow:0 1px 3px rgba(16,24,40,.06);margin-bottom:24px}
.peur-hd{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.peur-tt{flex:1;min-width:220px}
.peur-tt h1{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}
.peur-tt p{margin:5px 0 0;font-size:13.5px;color:#9ca3af;line-height:1.5}
.peur-hd select{width:auto;align-self:center;border-radius:99px;font-weight:700;font-size:13px;padding:10px 16px;border:1px solid #e5e7eb;background:#fff;color:#111827}
.peur-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;gap:12px}
.peur-c{display:flex;flex-direction:column;gap:12px;border:1px solid #eceef1;background:#fff;border-radius:14px;padding:16px 18px;min-width:0}
.peur-l{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;white-space:nowrap;line-height:1.3}
.peur-v{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#111827;line-height:1;white-space:nowrap}
.peur-v .dim{color:#c7ccd4;font-weight:700}
.peur-s{font-size:12px;color:#9ca3af;line-height:1.4;margin-top:3px}
.peur-c.zero{background:#fafbfc}
.peur-c.zero .peur-v{color:#c7ccd4}
.peur-c.bad{border-color:#fecdca;background:#fef3f2}
.peur-c.bad .peur-l{color:#d92d20}
.peur-c.bad .peur-v{color:#d92d20}
@media(max-width:1100px){.peur-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.peur{padding:20px}.peur-grid{grid-template-columns:1fr}}
/* ===== 45a/46a – Výplaty v produktoch ako 4-krokový proces ===== */
.ppro{background:#fff;border:1px solid var(--line,#e8eaee);border-radius:18px;padding:28px 32px;display:flex;flex-direction:column;gap:20px;box-shadow:0 1px 3px rgba(16,24,40,.06);margin-bottom:24px}
.ppro-hd{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.ppro-ic{width:40px;height:40px;border-radius:12px;background:#eef0fd;display:flex;align-items:center;justify-content:center;flex:none;color:#5b5bd6}
.ppro-ic svg{width:19px;height:19px}
.ppro-tt{flex:1;min-width:220px}
.ppro-tt h1{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}
.ppro-tt p{margin:5px 0 0;font-size:13.5px;color:#9ca3af;line-height:1.5}
.ppro-hd select{max-width:230px;align-self:center}
.ppro-sync{display:inline-flex;align-items:center;gap:8px;background:#111827;color:#fff;border:1px solid #111827;border-radius:99px;padding:11px 20px;font-size:13px;font-weight:700;cursor:pointer;flex:none;font-family:inherit;align-self:center;transition:background .15s}
.ppro-sync:hover{background:#2a3342}
.ppro-sync svg{width:14px;height:14px}
.ppro-sync.busy{background:#fafbfc;color:#6b7280;border-color:#e5e7eb;cursor:default}
.ppro-sync.okk{background:#ecfdf3;color:#067647;border-color:#b5e4c8;cursor:default}
.ppro-spin{width:14px;height:14px;border:2px solid #d5d8de;border-top-color:#5b5bd6;border-radius:50%;animation:pprospin .7s linear infinite;box-sizing:border-box;display:block}
@keyframes pprospin{to{transform:rotate(360deg)}}
.ppro-flow{display:flex;align-items:stretch}
.ppro-seg{display:flex;align-items:center;flex:1;min-width:0}
.ppro-arr{width:16px;height:16px;flex:none;margin:0 8px;color:#c7ccd4}
.ppro-step{flex:1;display:flex;flex-direction:column;gap:12px;border:1px solid #e8eaee;background:#fafbfc;border-radius:14px;padding:16px 18px;min-width:0}
.ppro-top{display:flex;align-items:center;gap:8px}
.ppro-n{width:20px;height:20px;border-radius:7px;background:#eceef2;color:#6b7280;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.ppro-l{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;white-space:nowrap}
.ppro-val{display:flex;flex-direction:column;gap:3px}
/* odpojenie oficiálne prepojeného IG/TikTok účtu */
.ig-conn .unlink{margin-left:10px;border:none;background:none;color:#9ca3af;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;font-family:inherit}
.ig-conn .unlink:hover{color:#d92d20}
/* +N nové doručené od posledného otvorenia sekcie Doručené */
.ppro-new{display:inline-flex;align-items:center;margin-left:8px;background:#e8f7ee;color:#177245;border:1px solid #bfe6cd;border-radius:99px;font-size:12.5px;font-weight:800;padding:2px 9px;vertical-align:5px;line-height:1.3}
.ppro-c{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#c0c4cc;line-height:1}
.ppro-s{font-size:12px;color:#9ca3af;line-height:1.4}
.ppro-step.on{border-color:#d9ddf9;background:#f5f6ff}
.ppro-step.on .ppro-n{background:#5b5bd6;color:#fff}
.ppro-step.on .ppro-l{color:#5b5bd6}
.ppro-step.on .ppro-c{color:#111827}
.ppro-step.on .ppro-s{color:#8187d9}
.ppro-step.err{border-color:#fecdca;background:#fef3f2}
.ppro-step.err .ppro-n{background:#d92d20;color:#fff}
.ppro-step.err .ppro-l{color:#d92d20}
.ppro-step.err .ppro-c{color:#d92d20}
.ppro-step.err .ppro-s{color:#b42318;font-weight:600}
/* 48a – farebné oddelenie skupín v tabuľke balíčkov */
tr.bxsep td{padding:9px 14px!important;border-top:1px solid transparent;border-bottom:1px solid transparent}
tr.bxsep .bs{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
tr.bxsep .bs i{width:7px;height:7px;border-radius:50%;flex:none}
tr.bxsep .bs em{font-style:normal;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}
tr.bxsep.g-transport td{background:#eef0fd;border-color:#e3e6fb}
tr.bxsep.g-transport .bs{color:#4949c4}tr.bxsep.g-transport .bs i{background:#5b5bd6}tr.bxsep.g-transport .bs em{color:#7a7fd0}
tr.bxsep.g-ordered td{background:#eff8ff;border-color:#dcecfb}
tr.bxsep.g-ordered .bs{color:#175cd3}tr.bxsep.g-ordered .bs i{background:#2e90fa}tr.bxsep.g-ordered .bs em{color:#5f9ee0}
tr.bxsep.g-sent td{background:#f4f3ff;border-color:#e5e2fa}
tr.bxsep.g-sent .bs{color:#5925dc}tr.bxsep.g-sent .bs i{background:#7a5af8}tr.bxsep.g-sent .bs em{color:#9285d8}
tr.bxsep.g-planned td{background:#fef7e6;border-color:#f6ead0}
tr.bxsep.g-planned .bs{color:#b54708}tr.bxsep.g-planned .bs i{background:#dc9a2e}tr.bxsep.g-planned .bs em{color:#c78b3c}
tr.bxsep.g-done td{background:#ecfdf3;border-color:#d3f3df}
tr.bxsep.g-done .bs{color:#067647}tr.bxsep.g-done .bs i{background:#12b76a}tr.bxsep.g-done .bs em{color:#55b98a}
/* riadky v jemnejšom odtieni farby svojej sekcie (pásik tmavší, riadky svetlejšie) */
tr.gr-transport td{background:#f7f8fe}
tr.gr-ordered td{background:#f4faff}
tr.gr-sent td{background:#faf9ff}
tr.gr-planned td{background:#fffaf0}
tr.gr-done td{background:#f3fcf7}
a.ppro-step{color:inherit;text-decoration:none;cursor:pointer;transition:box-shadow .15s,border-color .15s}
a.ppro-step:hover{border-color:#c3c8f4;box-shadow:0 4px 14px rgba(91,91,214,.12)}
.ppro-step.sel{border-color:#5b5bd6;box-shadow:0 0 0 1px #5b5bd6 inset}
.ppro-sum{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;border-top:1px solid var(--line,#e8eaee);padding-top:16px}
.ppro-sum b{color:var(--text,#111827);font-weight:800;font-size:14px}
@media(max-width:960px){
.ppro{padding:20px}
.ppro-flow{flex-direction:column;gap:4px}
.ppro-seg{flex-direction:column;align-items:stretch}
.ppro-arr{transform:rotate(90deg);margin:4px auto}
}
/* ---------- Kódy influencerov (dizajn 60a) ---------- */
.il{padding:24px 30px 26px}
/* display v triedach nižšie by prebil atribút hidden – skryté musí ostať skryté */
.il [hidden], .il-ge-body[hidden]{display:none !important}
.il-ge{border:1px solid var(--line);background:#f8f9fb;border-radius:13px;display:flex;flex-direction:column;margin-top:16px}
.il-ge-head{display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:13px 16px;cursor:pointer;
font-family:inherit;text-align:left;width:100%;box-sizing:border-box}
.il-ge-head .t{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.il-ge-head .d{font-size:12px;color:var(--soft);flex:1}
.il-ge-head .chev{font-size:11px;color:var(--soft);transition:transform .15s}
.il-ge-head.open .chev{transform:rotate(180deg)}
.il-ge-body{display:flex;flex-direction:column;gap:11px;padding:0 16px 14px;animation:fadein .15s ease}
.il-ge-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.il-ge-line .l{font-size:12px;font-weight:700;color:var(--soft)}
.il-ge-line .sep{width:1px;height:20px;background:#e2e5ea;margin:0 4px}
.il-ge-line input[type=date]{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px;
font-size:13px;font-weight:600;font-family:inherit;width:auto;min-width:150px}
.il-ge-msg{font-size:12.5px;font-weight:700;color:var(--green);animation:fadein .15s ease}
.il-pill{border:1.5px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:6px 14px;
font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;white-space:nowrap}
.il-pill:hover{border-color:#c7c9f0}
.il-pill.on{border-color:#4949c4;background:#eef0fd;color:#4949c4}
/* typové pilulky nesú farbu svojho typu – rovnakú ako štítok v čipe */
.il-pill.t-act{color:#067647}
.il-pill.t-act.on{border-color:#12b76a;background:#ecfdf3;color:#067647}
.il-pill.t-act:hover{border-color:#a6f4c5}
.il-pill.t-pause{color:#667085}
.il-pill.t-pause.on{border-color:#98a2b3;background:#f2f4f7;color:#475467}
.il-pill.t-main{color:#4949c4}
.il-pill.t-main.on{border-color:#4949c4;background:#eef0fd;color:#4949c4}
.il-pill.t-pers{color:#b54708}
.il-pill.t-pers.on{border-color:#b54708;background:#fffaeb;color:#b54708}
.il-pill.t-promo{color:#5b5bd6}
.il-pill.t-promo.on{border-color:#5b5bd6;background:#f2f2fd;color:#5b5bd6}
.il-pill.t-main:hover{border-color:#c7c9f0}
.il-pill.t-pers:hover{border-color:#fedf89}
.il-pill.t-promo:hover{border-color:#d6d6f7}
.il-head,.il-main{display:grid;grid-template-columns:26px 240px minmax(0,1fr) 168px;align-items:center;gap:12px}
.il-head{padding:0 14px 8px;margin-top:16px;font-size:10.5px;font-weight:800;color:var(--soft);
text-transform:uppercase;letter-spacing:.08em}
.il-list{display:flex;flex-direction:column;gap:8px}
.il-row{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.15s}
.il-row.open{border-color:#c7c9f0;box-shadow:0 4px 14px -8px rgba(73,73,196,.35)}
.il-main{padding:11px 14px;cursor:pointer;background:#fff}
.il-main:hover{background:#fafafd}
.il-num{font-size:12.5px;color:#c0c4cc;font-weight:700}
.il-who{display:flex;align-items:center;gap:10px;min-width:0}
.il-who img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.il-av{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);font-size:12px;
font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.il-nm{display:flex;flex-direction:column;gap:1px;min-width:0}
.il-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
color:var(--text);text-decoration:none;transition:color .12s}
a.il-name:hover{color:var(--accent);text-decoration:underline}
/* stav spolupráce ide pod meno, nech ho neskracuje na tri bodky */
.il-sub{font-size:10.5px;font-weight:700;color:#b54708;white-space:nowrap}
.il-chips{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.il-chip{display:inline-flex;flex-direction:column;gap:1px;border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:6px 12px}
.il-chip .l1{display:inline-flex;align-items:center;gap:8px}
.il-chip b{font-family:'SF Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.il-chip i{font-style:normal;font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.il-chip em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.07em;white-space:nowrap;color:var(--soft)}
.il-chip .l2{font-size:10.5px;color:var(--soft);white-space:nowrap}
/* stav si drží svoju farbu (aktívny zelený), použitia sú čierne */
.il-chip .l2 .use{color:var(--text)}
.il-chip.st-ok .l2 .st{color:#067647;font-weight:700}
.il-chip .l3{font-size:10.5px;color:#5b5bd6;font-weight:700;white-space:nowrap}
.il-chip.t-main{border-color:#dfe3ff;background:#f8f8fe}
.il-chip.t-main em{color:#4949c4}
.il-chip.t-pers{border-color:#fef0c7;background:#fffdf4}
.il-chip.t-pers em{color:#b54708}
.il-chip.t-promo{border-color:#dfe3ff;background:#f8f8fe}
.il-chip.t-promo em{color:#5b5bd6}
.il-chip.st-warn .l2 .st{color:#b54708}
.il-chip.st-bad{border-color:#fecdca;background:#fffbfa}
.il-chip.st-bad .l2 .st{color:#b42318}
.il-none{display:inline-flex;align-items:center;border:1.5px dashed #d5d9e0;border-radius:11px;padding:11px 12px;
font-size:11.5px;font-weight:600;color:#c0c4cc}
/* influencer, ktorý zatiaľ nemá žiadny kód – treba mu ho prideliť */
.il-none.nocode{border-color:#fecdca;color:#b42318;background:#fffbfa}
.il-nocode{font-size:13px;color:var(--muted);padding:4px 2px}
.il-nocode a{color:var(--accent);font-weight:600;text-decoration:none;margin-left:6px}
.il-nocode a:hover{text-decoration:underline}
.il-cnt{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;color:var(--soft);font-weight:600;white-space:nowrap}
.il-cnt .chev{font-size:11px;transition:transform .15s}
.il-row.open .il-cnt .chev{transform:rotate(180deg)}
.il-open{border-top:1px solid #eef0f4;background:#f8f9fb;padding:12px 16px 14px;display:flex;flex-direction:column;gap:5px;
animation:fadein .15s ease}
.il-ohead,.il-code{display:grid;grid-template-columns:minmax(120px,160px) 56px 118px 88px 84px 92px 92px minmax(0,1fr) 34px;
align-items:center;gap:12px}
.il-ohead{padding:0 10px 5px;font-size:10px;font-weight:800;color:#b6bac2;text-transform:uppercase;letter-spacing:.08em}
.il-code{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.il-code.st-warn{border-color:#fedf89}
.il-code.st-bad{border-color:#fecdca;background:#fffbfa}
.c-code{font-family:'SF Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:800;letter-spacing:.04em;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#067647}
.il-code.st-warn .c-code{color:#b54708}
.il-code.st-bad .c-code{color:#b42318}
.c-pct{font-size:13px;font-weight:800;white-space:nowrap}
.c-st{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:2.5px 10px;border-radius:99px;
background:#ecfdf3;color:#067647;white-space:nowrap}
.c-st i{width:5px;height:5px;border-radius:50%;background:#12b76a;flex:none}
.st-warn .c-st{background:#fffaeb;color:#b54708}.st-warn .c-st i{background:#f79009}
.st-bad .c-st{background:#fef3f2;color:#b42318}.st-bad .c-st i{background:#f04438}
.c-tg{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:0;cursor:pointer;
font-family:inherit;justify-self:start}
.c-tg b{font-size:11.5px;font-weight:700;color:var(--soft)}
.c-tg:disabled{opacity:.5;cursor:default}
.c-main .ring{width:15px;height:15px;border-radius:50%;border:2px solid var(--line-2,#d0d5dd);background:#fff;
display:flex;align-items:center;justify-content:center;flex:none;transition:.15s}
.c-main .ring i{width:7px;height:7px;border-radius:50%;background:transparent;transition:.15s}
.c-main.on .ring{border-color:#4949c4}.c-main.on .ring i{background:#4949c4}.c-main.on b{color:#4949c4}
.c-pers .sw,.c-akc .sw{width:29px;height:17px;border-radius:99px;background:#e4e7ec;position:relative;display:block;flex:none;transition:.15s}
.c-pers .sw i,.c-akc .sw i{position:absolute;top:2.5px;left:2.5px;width:12px;height:12px;border-radius:50%;background:#fff;
box-shadow:0 1px 2px rgba(16,24,40,.2);transition:left .15s}
.c-pers.on .sw{background:#b54708}.c-akc.on .sw{background:#4949c4}
.c-pers.on .sw i,.c-akc.on .sw i{left:14.5px}
.c-pers.on b{color:#b54708}.c-akc.on b{color:#4949c4}
.c-used{font-size:12px;color:var(--soft);white-space:nowrap}
.c-since{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:12px;color:var(--soft);white-space:nowrap}
.c-period{font-size:11px;color:#5b5bd6;font-weight:700}
/* ceruzka na úpravu – výrazná, aby bola na pravej strane hneď vidno */
.c-edit{width:32px;height:32px;border:1.5px solid #c7c9f0;background:#eef0fd;border-radius:9px;cursor:pointer;
display:flex;align-items:center;justify-content:center;color:#4949c4;font-size:15px;line-height:1;
justify-self:end;transition:.12s}
.c-edit:hover{background:#4949c4;border-color:#4949c4;color:#fff;transform:translateY(-1px);
box-shadow:0 4px 10px -4px rgba(73,73,196,.6)}
.c-edit:active{transform:none}
.il-empty{padding:26px 0;text-align:center;color:var(--soft);font-size:13.5px}
@media(max-width:1180px){
.il-head{display:none}
.il-main{grid-template-columns:26px 1fr 168px}
.il-main .il-chips{grid-column:1 / -1}
.il-ohead{display:none}
.il-code{grid-template-columns:1fr 1fr;gap:8px 12px}
}
/* potvrdenie hromadného naplánovania akcie (stránka Kódy) */
.ilb-sum{border:1px solid #dfe3ff;background:#f8f8fe;border-radius:12px;padding:12px 14px}
.ilb-sum .p{font-size:17px;font-weight:800;color:#4949c4;letter-spacing:-.01em}
.ilb-sum .d{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5}
.ilb-warn{border:1px solid #fedf89;background:#fffaeb;color:#b54708;border-radius:10px;padding:9px 12px;
font-size:12.5px;font-weight:600}
.ilb-list{max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}
.ilb-inf{display:flex;flex-direction:column;gap:4px}
.ilb-inf .n{font-size:12.5px;font-weight:700;color:var(--text)}
.ilb-code{display:flex;align-items:center;gap:9px;background:#f8f9fb;border:1px solid var(--line);border-radius:9px;
padding:6px 10px;font-size:12.5px}
.ilb-code b{font-family:'SF Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;letter-spacing:.03em}
.ilb-code i{font-style:normal;font-weight:700;color:var(--muted)}
.ilb-code .st{color:var(--soft);font-size:11.5px}
.ilb-code .ow{margin-left:auto;color:#b54708;font-weight:700;font-size:11.5px;white-space:nowrap}
/* ── Obrázok influencera pre exporty (nastavenia influencera) ── */
.ei-box{position:relative;display:flex;align-items:center;gap:16px;margin-top:14px;padding:14px;border:1.5px dashed var(--line2);
border-radius:14px;background:var(--gray-soft);cursor:pointer;transition:border-color .15s,background .15s}
.ei-box:hover,.ei-box.over{border-color:var(--accent);background:#f6f6ff}
.ei-box.busy{pointer-events:none}
.ei-box.busy>*:not(.ei-load){opacity:.35}
/* atribút hidden inak prebije display:inline-flex z .btn a tlačidlo ostane vidno */
.btn[hidden]{display:none !important}
/* prekrytie s loaderom počas nahrávania obrázka */
.ei-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:11px;
background:rgba(255,255,255,.72);border-radius:12px;backdrop-filter:blur(2px);z-index:2}
.ei-load[hidden]{display:none}
.ei-load-t{font-size:13.5px;font-weight:700;color:var(--text)}
.ei-spin{width:20px;height:20px;flex:none;border-radius:50%;border:2.5px solid var(--line2);
border-top-color:var(--accent);animation:ei-spin .7s linear infinite}
@keyframes ei-spin{to{transform:rotate(360deg)}}
.ei-prev img{width:118px;height:118px;object-fit:cover;border-radius:12px;border:1px solid var(--line2);background:#fff;display:block}
.ei-empty{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:13.5px}
.ei-empty .ei-ico{font-size:24px;line-height:1}
.ei-side{margin-left:auto;display:flex;flex-direction:column;gap:10px;align-items:flex-end;text-align:right}
.ei-meta{font-size:12px;color:var(--muted);font-weight:700}
/* náhľad obrázka priamo v riadku na stránke Kódy – hneď vidno, kto ho má */
.il-who img.il-img{width:26px;height:26px;border-radius:7px;object-fit:cover;border:1px solid var(--line2);background:#fff}
.il-img-no{width:26px;height:26px;border-radius:7px;flex:none;border:1.5px dashed #dfe3ec;display:flex;
align-items:center;justify-content:center;font-size:11px;opacity:.35;filter:grayscale(1)}
/* spinner priamo v tlačidle (príprava ZIP-u s obrázkami) */
.btn .ei-spin{width:14px;height:14px;border-width:2px;border-color:rgba(17,21,39,.15);border-top-color:var(--accent)}
.btn:disabled{opacity:.7;cursor:default}
/* značka + kopírovanie správy v pravom stĺpci riadku */
.il-mark{display:flex;align-items:center;cursor:pointer;flex:none}
.il-mark input{width:15px;height:15px;margin:0;cursor:pointer;accent-color:var(--accent)}
.il-copy{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;
border:1px solid var(--line2);background:#fff;border-radius:7px;cursor:pointer;color:var(--muted);
font-size:13px;line-height:1;font-family:inherit;transition:.15s}
.il-copy:hover{border-color:var(--accent);color:var(--accent);background:#f6f6ff}
.il-copy.done{border-color:#12b76a;color:#067647;background:#ecfdf3}
/* kôš pri objednávke – odpojenie od influencera */
.ord-del{width:26px;height:26px;margin-left:6px;padding:0;border:1px solid var(--line2);border-radius:7px;background:#fff;
cursor:pointer;font-size:12px;line-height:1;opacity:.55;transition:.15s;vertical-align:middle}
.ord-del:hover{opacity:1;border-color:#f04438;background:#fef3f2}
/* ── Pozvánky do účtu: stav v krúžku poradia + obálka v riadku ── */
.rank.acc-out{background:#ffedd5;color:#b45309} /* ešte nie je v účte */
.rank.acc-in{background:#d1fae5;color:#067647} /* heslo nastavené — je dnu */
.rank.off{opacity:.35}
.inv-ico{width:34px;height:34px;border:1px solid var(--line2);border-radius:10px;background:#fff;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;color:#b45309;transition:.15s;vertical-align:baseline;margin-right:4px}
.inv-ico svg{width:16px;height:16px}
.inv-ico:hover{border-color:#f59e0b;background:#fff7ed}
.inv-ico.done,.inv-ico.sent{color:#067647;cursor:default;opacity:.55}
.inv-ico.done:hover,.inv-ico.sent:hover{border-color:var(--line2);background:#fff}
.inv-who{display:flex;align-items:center;gap:12px}
.inv-ava{width:42px;height:42px;flex:none;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;
display:flex;align-items:center;justify-content:center;color:#c2670a}
.inv-ava svg{width:20px;height:20px}
.inv-ico.ghost{visibility:hidden;pointer-events:none;border-color:transparent}
.inv-btn{gap:7px}
.inv-btn .inv-svg{width:15px;height:15px;flex:none;color:#b45309;margin-top:1px}
/* počet odoslaných pozvánok namiesto ikony obálky */
.inv-ico.num{font-weight:800;font-size:13.5px;color:#b45309;background:#fff7ed;border-color:#fed7aa}
.inv-ico.num:hover{background:#ffedd5;border-color:#f59e0b}
.inv-ico b{font-weight:800;line-height:1}
/* ── Problém so zásielkou: červený riadok + znovuposlanie balíka ── */
tr.bx-problem > td{background:#fff6f5 !important}
tr.bx-problem:hover > td{background:#ffeceb !important}
tr.bx-problem > td:first-child{box-shadow:inset 3px 0 0 #f04438}
.bx-att{display:inline-block;margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.02em;
color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:999px;padding:1px 8px}
.bx-re{white-space:nowrap}
.bx-re.hot{border-color:#fecdca;color:#b42318;background:#fef3f2}
.bx-re.hot:hover{background:#fee4e2;border-color:#f04438}
/* pôvodná (nahradená) zásielka pod stavom balíčka */
.bx-old{margin-top:4px;font-size:11px;line-height:1.5;color:#8a5a2b;background:#fffaf0;border:1px solid #fde8c8;
border-radius:8px;padding:3px 8px;display:inline-block}
.bx-old.ok{color:#067647;background:#ecfdf3;border-color:#bfe6cd}
.bx-old b{font-weight:800;margin-right:5px}
.bx-old .tn{margin-left:6px;font-family:'SF Mono',ui-monospace,Menlo,monospace;opacity:.7}
/* klikateľné tracking čísla */
.bx-tn,.bx-old a.tn,.bx-split a.tn{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}
.bx-tn:hover,.bx-old a.tn:hover,.bx-split a.tn:hover{color:var(--accent);text-decoration-style:solid}
/* doposlanie rozdeleného balíčka – modré, kým beží; zelené po doručení; červené, keď drhne */
.bx-split{margin-top:4px;font-size:11px;line-height:1.5;color:#1e4d8c;background:#eef4fd;border:1px solid #cfe0f7;
border-radius:8px;padding:3px 8px;display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;
text-decoration:none;cursor:pointer;transition:.15s}
.bx-split:hover{background:#dfeafb;border-color:#a9c9f2;box-shadow:0 2px 8px rgba(30,77,140,.16)}
.bx-split.ok{color:#067647;background:#ecfdf3;border-color:#bfe6cd}
.bx-split.ok:hover{background:#dcf7e6;border-color:#9bd8b4;box-shadow:0 2px 8px rgba(6,118,71,.16)}
.bx-split.hot{color:#a4362e;background:#fdeceb;border-color:#f6cfcb}
.bx-split.hot:hover{background:#fbdedb;border-color:#efb4ae;box-shadow:0 2px 8px rgba(164,54,46,.16)}
.bx-split b{font-weight:800;margin-right:5px}
.bx-split .tn{margin-left:6px;font-family:'SF Mono',ui-monospace,Menlo,monospace;opacity:.75}
.bx-split-btn.hot{border-color:#f6cfcb;color:#a4362e;background:#fdeceb}
/* ── rozloženie influencerov po krajinách (popup na hlavnej strane) ── */
.geo-btn{display:inline-flex;align-items:center;gap:7px}
.geo-tabs{display:inline-flex;gap:2px;padding:3px;margin:0 0 14px;background:var(--gray-soft);border-radius:11px}
.geo-tabs button{border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;
color:var(--muted);padding:6px 12px;border-radius:9px;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.geo-tabs button b{font-weight:800;font-size:11.5px;opacity:.65;font-variant-numeric:tabular-nums}
.geo-tabs button:hover{color:var(--text)}
.geo-tabs button.on{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(11,13,19,.12)}
.geo-tabs button.on b{opacity:1;color:var(--accent)}
.geo-empty{padding:22px 4px;text-align:center;font-size:13px;color:var(--muted)}
.geo-list{display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow-y:auto;margin:0 -6px;padding:0 6px}
.geo-row{display:grid;grid-template-columns:26px minmax(120px,1fr) minmax(60px,1.1fr) 92px;align-items:center;
gap:10px;padding:7px 8px;border-radius:10px;transition:.12s}
.geo-row:hover{background:var(--gray-soft)}
.geo-fl{font-size:17px;line-height:1}
.geo-nm{display:flex;flex-direction:column;min-width:0;font-size:13.5px;font-weight:700;color:var(--text)}
.geo-nm i{font-style:normal;font-size:11px;font-weight:600;color:var(--muted)}
.geo-bar{height:7px;border-radius:99px;background:var(--line);overflow:hidden}
.geo-bar span{display:block;height:100%;border-radius:99px;background:var(--accent)}
.geo-n{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.geo-n b{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.geo-n i{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:560px){
.geo-row{grid-template-columns:24px 1fr 56px;gap:8px}
.geo-bar{display:none}
}
/* bublina k doposlaniu – natívny title sa nedá štylizovať a v scrollovanej tabuľke bliká */
.bxtip{position:fixed;z-index:200;display:none;max-width:300px;padding:9px 12px;border-radius:10px;
background:#111827;color:#fff;font-size:11.5px;line-height:1.5;font-weight:600;white-space:pre-line;
box-shadow:0 12px 32px rgba(11,13,19,.3);pointer-events:none}
/* vysvetlivka pri doposlaniach ide cez celú šírku karty, bez zaoblenia */
.bx-info.flat{border-radius:0;border-left:0;border-right:0;margin:0}
/* tabuľka doposlaní: jeden riadok na záznam, nič sa nezalamuje */
.spl-table td,.spl-table th{white-space:nowrap}
.spl-table .code-chip{white-space:nowrap}
.spl-table .ship{white-space:nowrap}
.spl-table .spl-inf{max-width:280px;overflow:hidden;text-overflow:ellipsis}
.spl-table .spl-inf b{font-weight:700}
.spl-table .spl-inf .soft{margin-left:7px;font-size:11.5px}
.spl-table .spl-no{font-size:13px}
.spl-table .spl-ship{max-width:300px;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.spl-table .spl-ship .soft{margin-left:7px;font-size:11.5px}
.spl-table .spl-act{text-align:right}
/* ── Sekcia „Nedoručené zásielky" (čisto informačná) ── */
.bx-undel{white-space:nowrap;margin-left:8px;border-color:#fde8c8;color:#8a5a2b;background:#fffaf0}
.bx-undel:hover{background:#fff3e0;border-color:#f5b955}
.bx-undel.on{background:#8a5a2b;border-color:#8a5a2b;color:#fff}
.bx-undel b{font-weight:800}
.bx-info{margin:0 0 4px;padding:12px 16px;background:#fffaf0;border:1px solid #fde8c8;border-radius:12px;
font-size:13px;line-height:1.65;color:#6b4a20}
.bx-ds{display:inline-block;font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 9px;white-space:nowrap}
.bx-ds.bad{color:#b42318;background:#fef3f2;border:1px solid #fecdca}
.bx-ds.ok{color:#067647;background:#ecfdf3;border:1px solid #bfe6cd}
tr.bx-late > td{background:#f7fdf9}
/* ── Telegram: hromadná správa (dizajn 61a) ─────────────────────────────── */
.tg61{width:100%}
.tg61-hd{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.tg61-hd h1{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}
.tg61-hd p{margin:4px 0 0;font-size:13px;color:#9ca3af}
.tg61-pill{display:inline-flex;align-items:center;gap:7px;background:#eef0fd;border-radius:99px;padding:7px 14px;flex:none}
.tg61-pill i{width:6px;height:6px;border-radius:50%;background:#4949c4}
.tg61-pill b{font-size:13px;font-weight:800;color:#4949c4}
.tg61-pill span{font-size:12.5px;color:#6b7280;font-weight:600}
.tg61-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}
@media (min-width:1500px){.tg61-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}}
@media (max-width:1080px){.tg61-grid{grid-template-columns:1fr}}
.tg61-col{display:flex;flex-direction:column;gap:14px}
.tg61-box{background:#fff;border:1px solid #eceef1;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:13px}
.tg61-box.hist{margin-top:16px}
.tg61-t{font-size:14.5px;font-weight:800;color:#111827}
.tg61-sub{margin:3px 0 0;font-size:12.5px;color:#9ca3af;line-height:1.5}
.tg61-sub code{font-family:'SF Mono',ui-monospace,Menlo,monospace;font-weight:700;color:#4949c4}
.tg61-sub code.i{font-style:italic}
.tg61-empty{background:#fff;border:1px solid #eceef1;border-radius:14px;padding:40px;text-align:center;color:var(--muted)}
.tg61-empty .big{font-size:34px;margin-bottom:8px}
/* premenné */
.tg61-vars{display:flex;flex-wrap:wrap;gap:7px}
.tg61-var{border:1px solid #e5e7eb;background:#fff;color:#4949c4;border-radius:8px;padding:5px 10px;font-size:12px;
font-weight:700;font-family:'SF Mono',ui-monospace,Menlo,monospace;cursor:pointer;transition:.15s}
.tg61-var:hover{border-color:#a9aef0;background:#f4f5ff}
.tg61-var.used{border-color:#a9aef0;background:#eef0fd}
/* polia */
.tg61-fld{display:flex;flex-direction:column;gap:5px}
.tg61-fld .lb{display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:800;color:#6b7280}
.tg61-fld .lb em{font-style:normal;font-size:11.5px;font-weight:700;color:#9ca3af;margin-left:auto}
.tg61-fld .lb em.mut{margin-left:0;font-weight:600}
.tg61-fld .lb em.over{color:#d92d20}
.tg61-fld textarea,.tg61-fld input{border:1px solid #e5e7eb;border-radius:11px;padding:12px 13px;font-size:13.5px;
line-height:1.6;color:#111827;outline:none;font-family:inherit;width:100%;transition:.15s}
.tg61-fld textarea{resize:vertical;min-height:170px}
.tg61-fld input{padding:9px 12px;font-size:13px;border-radius:10px}
.tg61-fld textarea:focus,.tg61-fld input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
/* náhľad */
.tg61-prev{display:flex;flex-direction:column;gap:7px;border-top:1px solid #f1f2f5;padding-top:13px}
.tg61-prev .hd{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;color:#9ca3af;
text-transform:uppercase;letter-spacing:.08em}
.tg61-prev .hd em{font-style:normal;font-size:11.5px;text-transform:none;letter-spacing:0;font-weight:600}
.tg61-next{margin-left:auto;border:1px solid #e5e7eb;background:#fff;border-radius:7px;padding:3px 9px;font-size:11px;
font-weight:700;color:#6b7280;cursor:pointer;text-transform:none;letter-spacing:0;font-family:inherit}
.tg61-next:hover{border-color:#a9aef0;color:#4949c4}
.tg61-bub{background:#eef4ff;border:1px solid #dbe6fb;border-radius:12px;padding:12px 14px;min-height:64px;
display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.6;color:#111827;word-break:break-word}
.tg61-bub .ph{color:#7d8aa5}
.tg61-bub .ln{display:block}
.tg61-bub a{color:#2563eb;text-decoration:underline}
/* filtre */
/* individuálna rozosielka (61a) */
/* hidden musí platiť aj nad prvkami s vlastným display (grid/flex) – inak sa skrývanie neprejaví */
.tg61 [hidden]{display:none !important}
.tg61-cferr{margin:0 22px 12px;padding:9px 12px;border-radius:9px;background:#fef3f2;border:1px solid #fecdca;
color:#b42318;font-size:12.5px;font-weight:700;line-height:1.5}
.tg61-pane{display:flex;flex-direction:column;gap:13px}
.tg61-modes{display:flex;background:#f4f5f8;border-radius:11px;padding:3px;gap:3px}
.tg61-modes button{flex:1;border:none;background:transparent;color:#6b7280;border-radius:9px;padding:8px 10px;
cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:1px;align-items:center;
transition:background .15s ease,color .15s ease}
.tg61-modes button b{font-size:12.5px;font-weight:800}
.tg61-modes button i{font-style:normal;font-size:10.5px;font-weight:600;color:#9ca3af}
.tg61-modes button.on{background:#fff;color:#111827;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.tg61-modes button.on i{color:#6b7280}
.tg61-lnk{margin-left:auto;border:none;background:none;color:#4949c4;font-size:11.5px;font-weight:800;
cursor:pointer;padding:0;font-family:inherit}
.tg61-lnk:hover{text-decoration:underline}
border-radius:10px;padding:9px 11px;cursor:pointer;font-family:inherit;text-align:left}
display:flex;align-items:center;justify-content:center}
border:1px solid #e5e7eb;color:#9ca3af;font-size:12px;font-weight:700;line-height:16px;text-align:center;
opacity:0;transition:.12s}
.tg61-search{margin-bottom:4px;border:1px solid #e5e7eb;background:#fff;border-radius:9px;padding:9px 12px;font-size:12.5px;
color:#111827;outline:none;font-family:inherit;width:100%;box-sizing:border-box}
.tg61-search:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.tg61-people{display:flex;flex-direction:column;gap:5px;max-height:230px;overflow-y:auto;padding-top:2px}
.tg61-per{display:grid;grid-template-columns:16px minmax(0,1fr) 96px 22px;align-items:center;gap:9px;
border:1px solid #eceef1;background:#fff;border-radius:9px;padding:7px 10px;cursor:pointer;
font-family:inherit;text-align:left}
.tg61-per:hover{border-color:#c9cbf5}
.tg61-per .mk{width:16px;height:16px;border-radius:5px;border:2px solid #d5d7dd;background:#fff;
display:flex;align-items:center;justify-content:center}
.tg61-per.on{border-color:#5b5bd6;background:#f8f8ff}
.tg61-per.on .mk{border-color:#5b5bd6;background:#5b5bd6}
.tg61-per.on .mk::after{content:"✓";color:#fff;font-size:10px;font-weight:800;line-height:1}
.tg61-per.grp .mk{border-color:#a5a5e8;background:#a5a5e8}
.tg61-per .nm{display:flex;flex-direction:column;min-width:0}
.tg61-per .nm b{font-size:12.5px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg61-per .nm i{font-style:normal;font-size:10.5px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg61-per .cd{font-family:'SF Mono',ui-monospace,monospace;font-size:11.5px;font-weight:800;color:#067647;white-space:nowrap}
.tg61-per .fg{font-size:12px;text-align:right}
.tg61-note{font-size:12px;color:#9ca3af;padding:6px 2px;line-height:1.5}
font-size:12.5px;color:#111827;outline:none;font-family:inherit}
font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap}
.tg61-f{display:flex;flex-direction:column;gap:7px}
.tg61-f .cap{display:flex;align-items:baseline;gap:8px;font-size:10.5px;font-weight:800;color:#9ca3af;
text-transform:uppercase;letter-spacing:.08em}
.tg61-f .cap em.hint{font-style:normal;font-size:11.5px;font-weight:600;text-transform:none;letter-spacing:0}
.tg61-chips{display:flex;gap:7px;flex-wrap:wrap}
.tg61-ch{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #e5e7eb;background:#fff;border-radius:99px;
padding:6px 13px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;color:#6b7280;transition:.15s}
.tg61-ch:hover{border-color:#c9cbf5}
.tg61-ch em{font-style:normal;font-size:11.5px;font-weight:700;color:#9ca3af}
.tg61-ch .fl{font-size:13px}
.tg61-ch .up{letter-spacing:.03em;font-weight:800}
.tg61-ch.on{border-color:#5b5bd6;background:#f4f5ff;color:#4949c4}
.tg61-ch.on em{color:#6b7280}
.tg61-ch.box .mk{width:15px;height:15px;border-radius:4px;border:2px solid #d0d5dd;background:#fff;flex:none;
display:flex;align-items:center;justify-content:center;transition:.15s}
.tg61-ch.box.on .mk{border-color:#5b5bd6;background:#5b5bd6}
.tg61-ch.box.on .mk::after{content:'✓';color:#fff;font-size:10px;font-weight:800;line-height:1}
.tg61-ch.rad .dot{width:15px;height:15px;border-radius:50%;border:2px solid #d0d5dd;background:#fff;flex:none;
display:flex;align-items:center;justify-content:center;transition:.15s}
.tg61-ch.rad.on .dot{border-color:#5b5bd6}
.tg61-ch.rad.on .dot::after{content:'';width:7px;height:7px;border-radius:50%;background:#5b5bd6}
/* prepínač balíčkov */
.tg61-sw{display:flex;align-items:center;gap:9px;border:none;background:transparent;padding:0;cursor:pointer;font-family:inherit}
.tg61-sw .tr{width:29px;height:17px;border-radius:99px;background:#e5e7eb;position:relative;flex:none;transition:.15s}
.tg61-sw .tr i{position:absolute;top:2.5px;left:2.5px;width:12px;height:12px;border-radius:50%;background:#fff;
box-shadow:0 1px 2px rgba(16,24,40,.2);transition:left .15s}
.tg61-sw.on .tr{background:#5b5bd6}
.tg61-sw.on .tr i{left:14.5px}
.tg61-sw .lb{font-size:12.5px;font-weight:700;color:#6b7280}
.tg61-sw.on .lb{color:#111827}
.tg61-sw .lb em{font-style:normal;color:#9ca3af;margin-left:5px}
/* zoznam príjemcov */
.tg61-lswrap{border-top:1px solid #f1f2f5;padding-top:12px;display:flex;flex-direction:column;gap:9px}
.tg61-lsbtn{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;
padding:8px 13px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;color:#374151}
.tg61-lsbtn:hover{background:#f8f9fb}
.tg61-lsbtn span{flex:1;text-align:left}
.tg61-lsbtn i{font-style:normal;font-size:11px;color:#9ca3af;transition:transform .15s}
.tg61-ls{display:flex;flex-direction:column;gap:5px;max-height:190px;overflow-y:auto}
/* zoznam príjemcov so zaškrtávaním – hore naposledy pridaní aj s dátumom */
.tg61-ls{max-height:280px}
.tg61-lshd{display:flex;align-items:center;gap:10px;padding:2px 11px 8px;border-bottom:1px solid #f1f2f5;
position:sticky;top:0;background:#fff;z-index:1}
.tg61-lsall{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#374151;cursor:pointer}
.tg61-lshd .hint{margin-left:auto;font-size:11.5px;color:#9ca3af}
.tg61-ls .row input[type=checkbox]{width:15px;height:15px;flex:none;accent-color:#5b5bd6;cursor:pointer;margin:0}
.tg61-lsall input[type=checkbox]{width:15px;height:15px;accent-color:#5b5bd6;cursor:pointer;margin:0}
.tg61-ls .row.off{opacity:.45}
.tg61-ls .row.off .c{color:#9ca3af}
.tg61-ls .n em{display:block;font-style:normal;font-size:11px;font-weight:600;color:#9ca3af;margin-top:1px}
.tg61-ls .row{display:grid;grid-template-columns:15px minmax(0,1fr) 104px 26px;align-items:center;gap:9px;cursor:pointer;
background:#f8f9fb;border-radius:9px;padding:7px 11px}
.tg61-ls .n{font-size:12.5px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg61-ls .c{font-family:'SF Mono',ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:800;color:#067647;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg61-ls .f{font-size:12px;text-align:right}
.tg61-ls .none{font-size:12.5px;color:#c0c4cc;padding:8px 11px}
/* termín + odoslanie */
.tg61-when{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tg61-when[hidden],.tg61-ls[hidden]{display:none}
.tg61-when input{border:1px solid #e5e7eb;border-radius:10px;padding:8px 11px;font-size:13px;font-weight:600;
color:#111827;outline:none;font-family:inherit}
.tg61-when input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
/* globálne input[type=date] má width:100% – tu musí byť dátum a čas vedľa seba */
.tg61-when input[type=date]{width:auto;flex:1 1 auto;min-width:0;height:auto;background:#fff}
.tg61-when .mut{font-size:12px;color:#9ca3af}
.tg61-sum{font-size:12.5px;color:#6b7280;line-height:1.5;background:#f8f9fb;border-radius:10px;padding:9px 12px}
.tg61-send{border:none;background:#4949c4;color:#fff;border-radius:12px;padding:13px 18px;font-size:14px;
font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s}
.tg61-send:hover{background:#3d3daa}
.tg61-warn{font-size:12px;font-weight:700;color:#b54708}
/* kontrolné okno */
.tg61-modal{position:fixed;inset:0;z-index:200;background:rgba(22,24,45,.4);display:flex;align-items:center;justify-content:center;padding:20px}
.tg61-modal[hidden]{display:none}
.tg61-modal .card{width:min(460px,94vw);background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(16,24,40,.3);
padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.tg61-modal .hd{display:flex;align-items:center;font-size:16px;font-weight:800;color:#111827}
.tg61-modal .hd span{flex:1}
.tg61-modal .hd button{border:none;background:transparent;color:#9ca3af;font-size:18px;font-weight:700;cursor:pointer;line-height:1}
.tg61-modal .hd button:hover{color:#111827}
.tg61-modal .rows{background:#f8f9fb;border-radius:11px;padding:12px 14px;display:flex;flex-direction:column;gap:7px}
.tg61-modal .r{display:flex;gap:10px;font-size:12.5px}
.tg61-modal .k{color:#9ca3af;font-weight:700;width:104px;flex:none}
.tg61-modal .v{color:#111827;font-weight:700}
.tg61-modal .pv{display:flex;flex-direction:column;gap:5px}
.tg61-modal .pv .cap{font-size:10.5px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em}
.tg61-modal .ft{display:flex;gap:8px;justify-content:flex-end}
.tg61-modal .ft button{border-radius:10px;padding:9px 18px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit}
.tg61-modal .ft .gh{border:1px solid #e5e7eb;background:#fff;color:#374151;font-weight:700}
.tg61-modal .ft .gh:hover{background:#f4f5f8}
.tg61-modal .ft .pr{border:none;background:#4949c4;color:#fff}
.tg61-modal .ft .pr:hover{background:#3d3daa}
/* potvrdenie po odoslaní */
.tg61-done{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:210;background:#ecfdf3;
border:1px solid #a6f4c5;border-radius:12px;padding:11px 15px;display:flex;align-items:center;gap:10px;
box-shadow:0 10px 30px rgba(16,24,40,.12)}
.tg61-done[hidden]{display:none}
.tg61-done i{width:7px;height:7px;border-radius:50%;background:#12b76a;flex:none}
.tg61-done span{font-size:13px;font-weight:700;color:#067647}
.tg61-done button{border:none;background:transparent;color:#067647;font-size:16px;font-weight:700;cursor:pointer;line-height:1}
/* skupina, z ktorej bol bot odstránený */
.tg-gone{display:inline-block;margin-left:7px;font-size:10.5px;font-weight:800;color:#b42318;background:#fef3f2;
border:1px solid #fecdca;border-radius:999px;padding:1px 8px;vertical-align:middle}
tr.tg-dead > td{opacity:.55}
tr.tg-dead > td:first-child{box-shadow:inset 3px 0 0 #f04438}
/* kôš pri skupine, kde bot už nie je */
.tg-del{color:#b42318;border-color:#fecdca;background:#fef3f2;padding:7px 10px}
.tg-del:hover{background:#fee4e2;border-color:#f04438}
/* pozvánkový link priamo v riadku skupiny */
.tg-inv{width:100%;font-size:12px;padding:6px 9px;border:1px solid var(--line2);border-radius:8px;
font-family:'SF Mono',ui-monospace,Menlo,monospace;color:var(--text);outline:none}
.tg-inv:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.tg-inv::placeholder{font-family:inherit;color:#c0c4cc}
.tg-inv-open{display:inline-block;margin-top:3px;font-size:11px;font-weight:700;color:var(--accent);text-decoration:none}
.tg-inv-open:hover{text-decoration:underline}
/* objednávky influencera – vodorovný posun, nech sa zmestia všetky stĺpce */
.ord-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ord-scroll .ord-tbl{min-width:940px}
/* zdroj návštevy pri objednávke (len admin) */
.ord-src2{display:inline-block;font-size:11px;font-weight:800;border-radius:999px;padding:2px 9px;white-space:nowrap;
border:1px solid var(--line2);color:var(--muted);background:var(--gray-soft)}
.ord-src2.s-social{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}
.ord-src2.s-search{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}
.ord-src2.s-link{color:#b45309;background:#fffbeb;border-color:#fde68a}
.ord-src2.s-direct{color:#6b7280;background:#f6f7fb;border-color:#e5e7eb}
/* napojenie na Telegram v rebríčku – sivé bez pozvánky, farebné a klikateľné s pozvánkou */
.tg-cell{width:82px}
.tg-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#c6cbd3;transition:.15s}
.tg-mark svg{width:26px;height:26px;display:block}
.tg-mark.on{color:#4a9fd8;cursor:pointer}
.tg-mark.on:hover{color:#2f8ecb;transform:translateY(-1px)}
/* ── prehľad rozosielky e-mailov (klik na odznak „Posielam e-maily") ── */
.nf .st.mail{cursor:pointer;border:0;box-shadow:none;outline:0;appearance:none;-webkit-appearance:none;
font-family:inherit;font-size:11px;font-weight:700;padding:2px 9px;line-height:inherit;
transition:filter .15s}
.nf .st.mail:hover{filter:brightness(.96)}
.nfl{position:fixed;inset:0;z-index:80;background:rgba(17,24,39,.45);backdrop-filter:blur(3px);
display:flex;align-items:center;justify-content:center;padding:24px}
.nfl[hidden]{display:none}
.nfl-card{background:#fff;border-radius:18px;width:min(720px,100%);max-height:min(80vh,760px);
display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(16,24,40,.22);overflow:hidden}
.nfl-hd{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 14px;border-bottom:1px solid #eef0f4}
.nfl-hd h3{margin:0 0 3px;font-size:17px}
.nfl-sub{font-size:12.5px;color:#6b7280}
.nfl-x{margin-left:auto;border:0;background:transparent;font-size:24px;line-height:1;color:#9ca3af;cursor:pointer;padding:0 2px}
.nfl-x:hover{color:#111827}
.nfl-kpis{display:flex;align-items:center;gap:8px;padding:12px 22px;border-bottom:1px solid #eef0f4;flex-wrap:wrap}
.nfl-kpis[hidden]{display:none}
.nfl-kpi{font-size:12.5px;color:#6b7280;background:#f5f6f9;border-radius:999px;padding:5px 12px}
.nfl-kpi b{font-weight:700}
.nfl-kpi.ok{background:var(--green-soft);color:var(--green)}
.nfl-kpi.wait{background:var(--amber-soft);color:var(--amber)}
.nfl-kpi.bad{background:var(--red-soft);color:var(--red)}
.nfl-kpis input{margin-left:auto;width:210px;height:34px;font-size:13px;padding:6px 12px}
.nfl-body{overflow-y:auto;padding:6px 12px 14px}
.nfl-row{display:grid;grid-template-columns:1fr 44px 118px 168px;align-items:center;gap:10px;
padding:11px 10px;border-bottom:1px solid #f2f4f7;font-size:13px}
.nfl-row:last-child{border-bottom:0}
.nfl-row .who{display:flex;flex-direction:column;min-width:0}
.nfl-row .who b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nfl-row .who i{font-style:normal;font-size:12px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nfl-row .lang{font-size:11px;font-weight:700;color:#4949c4;background:#eef0fd;border-radius:6px;
padding:3px 0;text-align:center;letter-spacing:.3px}
.nfl-row .when{font-size:12px;color:#6b7280;white-space:nowrap}
.nfl-row .stt{font-size:11.5px;font-weight:600;border-radius:999px;padding:4px 10px;text-align:center;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nfl-row .stt.ok{background:var(--green-soft);color:var(--green)}
.nfl-row .stt.wait{background:var(--amber-soft);color:var(--amber)}
.nfl-row .stt.bad{background:var(--red-soft);color:var(--red)}
.nfl-row.bad{background:#fff7f6}
.nfl-empty{padding:34px 10px;text-align:center;color:#9ca3af;font-size:13.5px}
@media(max-width:640px){
.nfl-row{grid-template-columns:1fr 40px;row-gap:6px}
.nfl-row .when,.nfl-row .stt{grid-column:span 2;text-align:left}
}
/* ── Generátor odkazov (dizajn 67a) ── */
.glcard{background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:22px 24px;
display:flex;flex-direction:column;gap:14px}
.gl-in{display:flex;align-items:center;gap:10px}
.gl-in input{flex:1;min-width:0;border:1px solid #e5e7eb;background:#fff;border-radius:11px;padding:13px 15px;
font-size:14px;color:#111827;outline:none;font-family:inherit;height:auto}
.gl-in input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.gl-clear{flex:none;border:1px solid #e5e7eb;background:#fff;border-radius:11px;padding:13px 18px;
font-size:13.5px;font-weight:700;color:#6b7280;cursor:pointer;font-family:inherit}
.gl-clear:hover{border-color:#d1d5db;color:#111827}
.gl-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gl-ql{font-size:12px;font-weight:700;color:#9ca3af}
.gl-quick button{border:1px solid #e5e7eb;background:#fff;border-radius:99px;padding:6px 13px;font-size:12.5px;
font-weight:700;color:#374151;cursor:pointer;font-family:inherit;transition:.15s}
.gl-quick button:hover{border-color:#c3c7f2;background:#f7f8ff;color:#4949c4}
.gl-out{border-top:1px solid #f0f1f4;padding-top:16px;display:flex;flex-direction:column;gap:12px}
.gl-out[hidden],.gl-err[hidden]{display:none}
.gl-box{display:flex;align-items:center;gap:12px;background:#f7f8ff;border:1px solid #dfe2fb;
border-radius:13px;padding:14px 16px}
.gl-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.gl-txt em{font-style:normal;font-size:10.5px;font-weight:800;color:#7c81c9;text-transform:uppercase;letter-spacing:.07em}
.gl-txt b{font-size:14.5px;font-weight:700;color:#2f2f8f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gl-copy{flex:none;border:none;background:#4949c4;border-radius:10px;padding:11px 20px;font-size:13.5px;
font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:.15s;white-space:nowrap}
.gl-copy:hover{background:#3d3daa}
.gl-copy.ok{background:#0e8a48}
.gl-note{font-size:12.5px;color:#6b7280;line-height:1.5}
.gl-err{border-top:1px solid #f0f1f4;padding-top:16px;display:flex}
.gl-err .i{flex:none;width:20px;height:20px;border-radius:50%;background:#b54708;color:#fff;font-size:13px;
font-weight:800;display:flex;align-items:center;justify-content:center;margin-right:11px}
.gl-err .t{display:flex;flex-direction:column;gap:2px}
.gl-err .t b{font-size:13.5px;font-weight:700;color:#8a3a06}
.gl-err .t i{font-style:normal;font-size:12.5px;color:#a16207;line-height:1.5}
.gl-err{background:#fef6ee;border:1px solid #f5d9b8;border-radius:13px;padding:14px 16px;border-top:1px solid #f5d9b8}
.gl-foot{margin:14px 2px 0;font-size:12.5px;color:#9ca3af;line-height:1.5}
@media(max-width:640px){
.gl-in{flex-wrap:wrap}
.gl-in input{flex:1 1 100%}
.gl-box{flex-wrap:wrap}
.gl-copy{width:100%}
}
/* ── Promo materiály · admin (dizajn 69a) ── */
.pm-hd h1{margin:0;font-size:25px;font-weight:800;letter-spacing:-.02em}
.pm-hd p{margin:5px 0 20px;font-size:13.5px;color:#6b7280}
.pm-flash{border-radius:12px;padding:12px 16px;font-size:13.5px;font-weight:600;margin-bottom:16px}
.pm-flash.ok{background:var(--green-soft);color:var(--green)}
.pm-flash.bad{background:var(--red-soft);color:var(--red)}
.pm-up{background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:22px 24px;
display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}
.pm-drop{position:relative;flex:none;width:190px;height:190px;border:1.5px dashed #d1d5db;border-radius:14px;
background:#fbfbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
cursor:pointer;text-align:center;padding:10px;transition:.15s;overflow:hidden}
.pm-drop:hover,.pm-drop.over{border-color:#4949c4;background:#f7f8ff}
.pm-plus{width:38px;height:38px;border-radius:11px;background:#eef0fd;color:#4949c4;font-size:20px;font-weight:700;
display:flex;align-items:center;justify-content:center}
.pm-drop b{font-size:12.5px;font-weight:700;color:#374151;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-drop i{font-style:normal;font-size:11.5px;color:#9ca3af}
.pm-prev{position:absolute;inset:8px;border-radius:10px;background-size:contain;background-repeat:no-repeat;
background-position:center;background-color:#fff}
.pm-prev[hidden]{display:none}
.pm-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.pm-f{display:flex;flex-direction:column;gap:6px}
.pm-f .lb{font-size:12px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}
.pm-f input{border:1px solid #e5e7eb;background:#fff;border-radius:11px;padding:12px 15px;font-size:14px;
color:#111827;outline:none;font-family:inherit;height:auto}
.pm-f input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.pm-f .hint{font-style:normal;font-size:12px;color:#9ca3af}
.pm-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pm-btn{border:none;background:#4949c4;border-radius:11px;padding:12px 22px;font-size:13.5px;font-weight:700;
color:#fff;cursor:pointer;font-family:inherit;transition:.15s}
.pm-btn:hover:not(:disabled){background:#3d3daa}
.pm-btn:disabled{background:#c7cbd6;cursor:not-allowed}
.pm-hint{font-size:12.5px;color:#9ca3af}
.pm-list{background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:22px 24px 10px}
.pm-lh{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.pm-lh h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;flex:1}
.pm-lh h3 span{font-size:13px;font-weight:700;color:#9ca3af;margin-left:5px}
.pm-lh input{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;
width:200px;outline:none;font-family:inherit;height:auto}
.pm-lh input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.pm-row{display:flex;align-items:center;gap:16px;padding:12px 4px;border-top:1px solid #f4f5f7}
.pm-row[hidden]{display:none}
.pm-row .th{flex:none;width:52px;height:52px;border-radius:11px;border:1px solid #e8eaee;background:#fff;
overflow:hidden;display:flex;align-items:center;justify-content:center;padding:5px}
.pm-row .th img{max-width:100%;max-height:100%;object-fit:contain;display:block}
/* trieda je zámerne pm-nm: globálna .nm v tomto súbore nesie veľký vrhaný tieň */
.pm-row .pm-nm{flex:1;min-width:0;border:1px solid transparent;background:transparent;border-radius:9px;
padding:9px 11px;box-shadow:none;
font-size:13.5px;font-weight:700;color:#111827;outline:none;font-family:inherit;height:auto}
.pm-row .pm-nm:hover{border-color:#e5e7eb}
.pm-row .pm-nm:focus{border-color:#5b5bd6;background:#fff;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.pm-row .dt{flex:none;width:120px;font-size:12.5px;color:#9ca3af;display:flex;flex-direction:column}
.pm-row .dt i{font-style:normal;font-size:11px}
.pm-row .del{flex:none;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px 16px;font-size:13px;
font-weight:700;color:#b42318;cursor:pointer;font-family:inherit}
.pm-row .del:hover{border-color:#f5c2c0;background:#fdeeee}
.pm-empty{border-top:1px solid #f4f5f7;padding:22px 4px;text-align:center;font-size:12.5px;color:#9ca3af}
.pm-empty[hidden]{display:none}
@media(max-width:820px){
.pm-up{flex-direction:column}
.pm-drop{width:100%;height:150px}
.pm-row{flex-wrap:wrap}
.pm-row .pm-nm{flex:1 1 100%;order:2}
}
/* ── Promo materiály · influencer (dizajn 68a) ── */
.pg-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8eaee;border-radius:14px;
padding:12px 16px;margin-bottom:18px;flex-wrap:wrap}
.pg-all{flex:none;display:flex;align-items:center;gap:9px;border:none;background:transparent;padding:0;
cursor:pointer;font-family:inherit}
.pg-all .mk{width:20px;height:20px;border-radius:6px;border:1.5px solid #d5d7dd;background:#fff;
display:flex;align-items:center;justify-content:center;transition:.12s}
.pg-all.on .mk{border-color:#4949c4;background:#4949c4}
.pg-all.on .mk::after{content:"✓";color:#fff;font-size:12px;font-weight:800;line-height:1}
.pg-all .lb{font-size:13px;font-weight:700;color:#374151}
.pg-right{margin-left:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.pg-right input{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;
width:200px;outline:none;font-family:inherit;height:auto}
.pg-right input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.pg-sel{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:9px 18px;font-size:13px;
font-weight:700;color:#374151;cursor:pointer;font-family:inherit;transition:.15s}
.pg-sel:hover:not(:disabled){border-color:#c3c7f2;background:#f7f8ff;color:#4949c4}
.pg-sel:disabled{color:#c0c4cc;cursor:not-allowed}
.pg-dlall{border:none;background:#111827;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:700;
color:#fff;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block}
.pg-dlall:hover{background:#374151;color:#fff}
/* minmax(0,…) je nutné – s holým 1fr sa stĺpce nezmenšia pod obsah dlaždice */
.pg-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pg-it{cursor:pointer}
.pg-it[hidden]{display:none}
.pg-th{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#fff;
border:1.5px solid #e8eaee;display:flex;align-items:center;justify-content:center;transition:.15s}
.pg-it:hover .pg-th{border-color:#c3c7f2;box-shadow:0 4px 14px rgba(73,73,196,.12)}
.pg-it.on .pg-th{border-color:#4949c4;box-shadow:0 0 0 3px rgba(73,73,196,.14)}
.pg-th .img{position:absolute;inset:10px;background-size:contain;background-repeat:no-repeat;background-position:center}
/* trieda je zámerne pg-nm: globálna .nm je karta modálu so šírkou 560 px */
.pg-th .pg-nm{position:relative;width:auto;max-width:88%;background:#fff;border-radius:8px;padding:5px 9px;
font-size:11px;font-weight:700;color:#111827;text-align:center;box-shadow:0 1px 3px rgba(16,24,40,.08);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-th .box{position:absolute;top:8px;left:8px;width:20px;height:20px;border-radius:7px;border:1.5px solid #d5d7dd;
background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center}
.pg-it.on .pg-th .box{border-color:#4949c4;background:#4949c4}
.pg-it.on .pg-th .box::after{content:"✓";color:#fff;font-size:12px;font-weight:800;line-height:1}
.pg-th .dl{position:absolute;right:8px;bottom:8px;border:1px solid #e5e7eb;background:rgba(255,255,255,.94);
border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:700;color:#111827;text-decoration:none}
.pg-th .dl:hover{background:#fff;border-color:#c3c7f2;color:#4949c4}
.pg-none{padding:26px 4px;text-align:center;font-size:12.5px;color:#9ca3af}
.pg-none[hidden]{display:none}
.pg-empty.big{background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:48px 20px;text-align:center;
display:flex;flex-direction:column;align-items:center;gap:8px}
.pg-empty.big .ic{font-size:34px}
.pg-empty.big b{font-size:15px}
.pg-empty.big i{font-style:normal;font-size:13px;color:#9ca3af}
@media(max-width:1100px){.pg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-right{margin-left:0;width:100%}
.pg-right input{flex:1;width:auto}
}
.pm-bar{height:6px;border-radius:99px;background:#eef0f4;overflow:hidden}
.pm-bar[hidden]{display:none}
.pm-bar i{display:block;height:100%;width:0;border-radius:99px;background:#4949c4;transition:width .2s}
.pm-hint.bad{color:var(--red);font-weight:600}
/* ── priebeh hromadného plánovania akcie (beží na serveri) ── */
.ilb-prog{display:flex;flex-direction:column;gap:10px}
.ilb-prog[hidden]{display:none}
.ilb-pbar{height:8px;border-radius:99px;background:#eef0f4;overflow:hidden}
.ilb-pbar i{display:block;height:100%;width:0;border-radius:99px;background:#4949c4;transition:width .3s}
.ilb-pnote{font-size:13px;color:#374151;display:flex;flex-direction:column;gap:3px}
.ilb-pnote b{font-weight:700}
.ilb-pnote b.ok{color:var(--green)}
.ilb-pnote i{font-style:normal;font-size:12px;color:#9ca3af}
.ilb-plog{display:flex;flex-direction:column;gap:4px;max-height:190px;overflow-y:auto;
border:1px solid #eef0f4;border-radius:10px;padding:8px}
.ilb-plog span{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:3px 4px}
.ilb-plog span b{font-family:'SF Mono',ui-monospace,monospace;font-weight:700;color:#111827;min-width:130px}
.ilb-plog span.ok{color:var(--green)}
.ilb-plog span.bad{color:var(--red)}
/* ── Zmena poradia ťahaním (promo materiály) ── */
.pm-tip{margin-left:10px;font-style:normal;font-size:11.5px;font-weight:600;color:#c0c4cc}
.pm-grip{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:34px;
color:#c6cbd3;cursor:grab;border-radius:8px;touch-action:none;transition:.15s}
.pm-grip svg{fill:currentColor;pointer-events:none}
.pm-row:hover .pm-grip{color:#8b90a0;background:#f5f6f9}
.pm-grip:active{cursor:grabbing}
body.pm-dragging{cursor:grabbing;user-select:none}
body.pm-dragging .pm-grip{cursor:grabbing}
/* ťahaný riadok letí nad zoznamom */
.pm-row.pm-drag{position:fixed;z-index:70;margin:0;border-top:0;background:#fff;border-radius:12px;
box-shadow:0 16px 40px rgba(16,24,40,.18);transform:scale(1.012);
transition:box-shadow .15s,transform .15s}
/* miesto, kam riadok dosadne */
.pm-ph{border:1.5px dashed #c3c7f2;background:#f7f8ff;border-radius:12px;margin:4px 0;
animation:pmPh .18s ease}
@keyframes pmPh{from{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:none}}
/* krátke zvýraznenie po dosadnutí */
.pm-row.pm-just{animation:pmJust .9s ease}
@keyframes pmJust{0%{background:#eef0fd}70%{background:#f7f8ff}100%{background:transparent}}
/* ══════════════════════════════════════════════════════════════════════
PORTÁL INFLUENCERA — mobil (≤ 760 px)
Portál bol písaný pre desktop; tu ho skladáme do jedného stĺpca,
navigáciu dávame do druhého riadku a tabuľky meníme na karty.
══════════════════════════════════════════════════════════════════════ */
@media(max-width:760px){
/* ── hlavička: značka + ikony v prvom riadku, záložky v druhom ── */
.ptop-in{flex-wrap:wrap;gap:8px;padding:10px 14px}
.pbrand{flex:1;min-width:0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ptop-in > .pnb{margin-left:0}
.ptop-in > .lsw + .pmenu{margin-left:0}
.pmenu-name{display:none} /* meno nesie už avatar */
.pmenu-caret{margin-left:-2px}
.lsw-btn{padding:5px 8px;gap:5px}
.lsw.portal .lsw-code{display:none} /* na 375 px stačí vlajka, kód berie miesto značke */
.lsw.portal .lsw-btn{padding:7px 9px}
/* záložky: samostatný riadok, vodorovne posuvný, bez posuvníka */
.pnav{order:5;flex:1 0 100%;gap:6px;overflow-x:auto;scrollbar-width:none;
-webkit-overflow-scrolling:touch;margin:0 -14px;padding:2px 14px 0}
.pnav::-webkit-scrollbar{display:none}
.ppill{flex:none;white-space:nowrap;font-size:13px;padding:7px 14px}
/* vysúvacie panely nech sa zmestia do šírky obrazovky */
/* fixed + top:auto padalo na statickú pozíciu – po odskrolovaní sa menu otváralo
mimo obrazovky. Absolútne v rámci prilepenej hlavičky ide vždy pod tlačidlo. */
.pmenu-drop{position:absolute;top:calc(100% + 8px);right:0;left:auto;
width:min(280px, calc(100vw - 28px));max-height:70vh;overflow-y:auto}
.pnb-pop{position:fixed;top:64px;right:10px;left:10px;width:auto;max-height:72vh}
/* ── obsah ── */
/* :has() má vyššiu špecificitu než holé .pwrap – musí byť v zozname, inak si
levelovacia stránka ponechá desktopové odsadenie 28 px */
.pwrap,.pwrap:has(.lvl-layout){padding:16px 10px 72px;gap:14px}
.p-hd h1{font-size:20px}
.p-hd.row.spread{flex-direction:column;align-items:stretch;gap:10px}
.p-hd.row.spread .btn{width:100%;justify-content:center}
/* ── 79a/79b: dlaždice 2×2 (4 boxy) alebo 2+1 (3 boxy), detail sa rozbalí pod nimi ── */
/* minmax(0,1fr): bez toho by dlhý nezalomiteľný popis roztiahol stĺpec cez okraj obrazovky */
.p-kpis{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px;align-items:start}
/* 79b: pri troch boxoch je výplatný box hore cez celú šírku, štatistiky pod ním vedľa seba */
.p-kpis.st3 [data-st="0"]{grid-column:1 / -1}
.p-kpi{position:relative;min-width:0;padding:13px 14px 12px;display:flex;flex-direction:column;gap:6px;
grid-row:auto;border-radius:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* 79a: dlaždica má pevný riadok na názov, takže suma aj popis sedia naprieč mriežkou */
.p-kpi{display:grid;grid-template-rows:30px auto 18px;align-content:start;gap:0}
.st-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.p-kpi .l{max-width:none;padding-right:0;font-size:10px;font-weight:800;letter-spacing:.06em;
line-height:1.3;text-align:left}
.p-kpi .v{align-self:end;text-align:left;font-size:19px;margin-top:0;letter-spacing:-.01em;color:#111827}
.p-kpi.pay .v{font-size:19px}
.p-kpi .d{align-self:end;text-align:left;font-size:11.5px;line-height:1.35;color:#6b7280;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v úzkej dlaždici by sa štítok bil s názvom – ide do detailu */
.p-kpi .tag{display:none}
/* v boxe cez celú šírku je miesta dosť, takže dátum najbližšieho balíčka
(či výplaty) vidno hneď, bez rozbaľovania */
.p-kpis.st3 [data-st="0"] .tag{display:inline-block;position:static;margin-left:auto;
flex:none;align-self:flex-start}
/* šípka je v riadku s názvom, nie plávajúca nad ním */
.st-ar{display:block;flex:none;font-size:11px;font-weight:800;color:#9ca3af;
line-height:1.3;transition:transform .18s}
.p-kpi.open .st-ar{transform:rotate(180deg)}
/* Výplaty: „Čaká na výplatu" cez celú šírku, zvyšné karty na polovice */
.p-kpis.plain{grid-template-columns:repeat(2,minmax(0,1fr))}
.p-kpis.plain .p-kpi{min-width:0;padding:14px 16px;gap:6px}
.p-kpis.plain .p-kpi:first-child{grid-column:1 / -1}
.p-kpis.plain .p-kpi .l{font-size:12px}
.p-kpis.plain .p-kpi .v{font-size:22px}
.p-kpis.plain .p-kpi:first-child .v{font-size:25px}
.p-kpis.plain .p-kpi .d{font-size:11.5px;white-space:normal;overflow:visible;text-overflow:clip}
/* 79b: rovnaká mriežka ako pri štyroch – v stĺpcovom flexe by align-self:end
tlačil sumu doprava (align-self tam mieri na vodorovnú os) */
/* všetky štyri sumy majú na mobile rovnakú veľkosť */
.p-kpis.st3 .p-kpi .v,.p-kpis.st3 [data-st="0"] .v{font-size:19px}
.p-kpi.open{box-shadow:0 0 0 1.5px #b9c0f2}
/* rozbalený detail – biela karta s hrotom smerom k dlaždici */
.st-det{display:flex;grid-column:1 / -1;position:relative;margin-top:-4px;background:#fff;
border:1px solid #d5d9f8;border-radius:14px;padding:16px 16px 14px;flex-direction:column;gap:10px;
box-shadow:0 6px 18px rgba(16,24,40,.08)}
.st-det[hidden]{display:none}
.st-notch{position:absolute;top:-6px;left:var(--st-notch,50%);width:11px;height:11px;background:#fff;
border-left:1px solid #d5d9f8;border-top:1px solid #d5d9f8;transform:translateX(-50%) rotate(45deg)}
.st-det-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.st-det-hd span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4b5cc4}
.st-det-hd b{font-size:17px;font-weight:800;color:#111827;white-space:nowrap;flex-shrink:0}
.st-det-r{display:flex;align-items:center;justify-content:space-between;gap:10px;
padding-bottom:8px;border-bottom:1px solid #f3f4f6}
.st-det-r:last-child{padding-bottom:0;border-bottom:0}
.st-det-r span{font-size:13.5px;color:#6b7280}
.st-det-r b{font-size:14px;font-weight:800;color:#111827;text-align:right}
/* upozornenia a dlaždice: text nad tlačidlom, tlačidlo cez celú šírku */
.bio-tg.has-tg{grid-template-columns:1fr}
.tg-tile{flex-wrap:wrap;padding:16px}
.tg-tile .open{width:100%;justify-content:center;margin-left:0}
/* BIO: ikona vľavo pri nadpise a prvej vete, zvýraznená veta cez celú šírku pod tým */
.bio-banner{grid-template-columns:auto minmax(0,1fr);gap:8px 12px;padding:16px;align-items:start}
.bio-banner-ic{align-self:start}
.bio-banner-note{grid-column:1 / -1;margin-top:0}
.bio-banner > .btn{grid-column:1 / -1;grid-row:auto;width:100%;justify-content:center;margin-top:4px}
/* Telegram: logo ostáva vľavo pri nadpise a popise, tlačidlo ide pod ne */
.tg-tile{align-items:flex-start;row-gap:12px}
.tg-tile .ic{flex:none}
.tg-tile .tx{flex:1 1 0;min-width:0}
/* hlavičky kariet: nadpis nad prepínačom, inak sa láme do troch riadkov */
.mz53-hd{flex-direction:column;align-items:stretch;gap:10px}
.mc-sw{align-self:flex-start}
/* karty a formuláre */
.card{padding:16px}
.p-2col{grid-template-columns:1fr}
.f2{grid-template-columns:1fr}
/* ── tabuľky → karty ────────────────────────────────────────────────
Hlavička sa skryje a každá bunka si menovku nesie v data-l. */
.po-table{overflow-x:visible}
.po-head,.po-full .po-head{display:none}
/* .po-full .po-row je špecifickejšie než .po-row – musí byť v zozname, inak prebije mriežku */
.po-row,.po-full .po-row,.po-row.pay-row,.po-row.pay-row.one-cur{
display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;min-width:0;
padding:12px 0;align-items:start}
/* každý záznam je samostatná karta – hairline medzi riadkami sa na mobile stráca */
.po-table{gap:8px}
.po-row,.po-full .po-row,.po-row.pay-row,.po-row.pay-row.one-cur{
background:#fff;border:1px solid var(--line);border-top:1px solid var(--line);
border-radius:12px;padding:12px 14px}
/* menovka je odsadená absolútne – aj zalomený text tak začína pod hodnotou */
.po-row > span{white-space:normal;overflow:visible;text-overflow:clip;min-width:0;
display:block;font-size:13.5px;line-height:1.5}
.po-row > span[data-l]{position:relative;padding-left:124px;min-height:20px}
.po-row > span[data-l]::before{content:attr(data-l);position:absolute;left:0;top:0;width:100px;
font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#9ca3af;
line-height:1.95}
.po-row > span{grid-column:1 / -1}
.po-row .num{text-align:left}
.po-row .badge{white-space:normal}
/* Moji klienti */
.mk-hd{flex-direction:column;align-items:stretch}
.mk-hd input{flex:1 1 auto !important;width:100%;margin-left:0}
.mk-kpis{grid-template-columns:1fr;gap:12px}
.mk-thead{display:none}
.mk-table{display:flex;flex-direction:column;gap:8px}
/* align-items:center zo základného pravidla by v stĺpci riadky centrovalo a zúžilo */
.mk-row{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:12px 14px;background:#fff;
border:1px solid var(--line);border-top:1px solid var(--line);border-radius:12px}
.mk-row > span{display:block;text-align:left !important;line-height:1.5}
.mk-row > span[data-l]{position:relative;padding-left:124px;min-height:20px}
.mk-row > span[data-l]::before{content:attr(data-l);position:absolute;left:0;top:0;width:100px;
font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#9ca3af;
line-height:1.95}
.mk-row .cl{flex-direction:row;flex-wrap:wrap}
.mk-row .num{text-align:left}
/* kontrola BIO: mriežka sa musí vedieť zmenšiť pod obsah (minmax(0,…))
a záporné okraje musia sedieť s mobilným odsadením karty (16 px) */
.b54-grid{grid-template-columns:minmax(0,1fr);margin:16px -16px -16px}
.po-hd{margin:0 -16px 18px;padding:0 16px 14px}
.b54-left,.b54-right{min-width:0;padding:16px}
.b54-row{flex-wrap:wrap;padding:10px 12px;min-width:0}
.b54-row > *{min-width:0}
.b54-add{padding:10px 12px;font-size:12.5px}
.b54-tx{min-width:0}
/* Generátor odkazov + Promo materiály */
.glcard{padding:16px}
.gl-clear{width:100%} /* na vlastnom riadku vyzerá odseknuté */
.gl-ql{flex:1 0 100%;margin-bottom:2px} /* „Rýchly výber:" nad štítky, nie medzi ne */
/* hlavné tlačidlo formulára cez celú šírku – lepšie sa trafí */
.card form > .btn,.card > form .btn.sm{width:100%;justify-content:center}
.pg-bar{padding:10px 12px;gap:10px}
.pg-right{margin-left:0;width:100%;flex-wrap:wrap}
.pg-right input{flex:1 1 100%;width:auto}
.pg-sel,.pg-dlall{flex:1;text-align:center}
/* ── rozbaľovacie riadky: objednávky 70a, výplaty 72a, klienti 73a ──────
Zbalený riadok nesie len to podstatné, klik na hlavičku odkryje zvyšok. */
.po-row.ex,.mk-row.ex{padding:0;gap:0;overflow:hidden}
.ex-hd{display:flex;grid-column:1 / -1;align-items:center;gap:11px;width:100%;
border:0;background:transparent;margin:0;padding:12px 14px;
font-family:inherit;text-align:left;cursor:pointer}
.ex-c{display:flex;flex-direction:column;gap:3px;min-width:0}
.ex-c.g{flex:1 1 auto}
.ex-c.r{flex:none;align-items:flex-end;text-align:right}
.ex-c i{font-style:normal;font-size:10px;font-weight:800;color:#9ca3af;
text-transform:uppercase;letter-spacing:.08em;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ex-c i.lo{font-size:11.5px;font-weight:600;text-transform:none;letter-spacing:0}
.ex-c b{font-size:14.5px;font-weight:700;color:var(--text);line-height:1.25;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}
.ex-c b.pos{font-weight:800;color:var(--green)}
.ex-c b.soft{font-weight:800;color:var(--soft)}
.ex-av{flex:none;width:34px;height:34px;border-radius:11px;background:var(--gray-soft,#f4f6f9);
color:#6b7280;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ex-bd{flex:none;min-width:36px;height:34px;padding:0 7px;border-radius:10px;
display:flex;align-items:center;justify-content:center}
.ex-car{flex:none;width:26px;height:26px;border-radius:8px;background:var(--gray-soft,#f4f6f9);
color:#6b7280;font-size:9px;display:flex;align-items:center;justify-content:center;
transition:transform .18s ease}
.ex-open > .ex-hd .ex-car{transform:rotate(180deg)}
/* zbalené: vidno len hlavičku; hodnoty z hlavičky sa dole neopakujú */
.po-row.ex > span,.mk-row.ex > span{display:none}
.po-row.ex.ex-open > span[data-l]:not([data-sum]),
.mk-row.ex.ex-open > span[data-l]:not([data-sum]){display:flex;animation:exin .18s ease}
/* detail: menovka vľavo, hodnota vpravo (namiesto absolútneho odsadenia) */
.po-row.ex > span[data-l],.mk-row.ex > span[data-l]{
align-items:center;justify-content:space-between;gap:12px;text-align:right;
padding:0 14px;min-height:0;margin-bottom:9px}
.po-row.ex > span[data-l]::before,.mk-row.ex > span[data-l]::before{
position:static;flex:none;width:auto;max-width:58%;text-align:left;
font-size:11.5px;font-weight:700;color:#9ca3af;text-transform:uppercase;
letter-spacing:.06em;line-height:1.45}
.po-row.ex > span[data-l]:last-child,.mk-row.ex > span[data-l]:last-child{margin-bottom:14px}
.po-row.ex.ex-open > .ex-hd,.mk-row.ex.ex-open > .ex-hd{
border-bottom:1px solid var(--line);margin-bottom:11px}
.mk-row.ex .mail,.mk-row.ex .num,.mk-row.ex .mk-mo{font-size:13.5px}
.po-row.ex .badge,.mk-row.ex .badge{white-space:nowrap}
/* Položka výplaty: menovka vľavo, názov a poznámka v stĺpci vpravo */
.pay-row.ex .pay-item{align-items:flex-start;flex-wrap:wrap;row-gap:2px}
.pay-row.ex .pay-item::before{width:92px;max-width:none;flex:none;padding-top:2px}
.pay-row.ex .pay-item .pk{display:none}
.pay-row.ex .pay-item b{flex:1 1 auto;min-width:0;font-weight:800;text-align:right}
.pay-row.ex .pay-item .soft{flex:1 0 100%;text-align:right;font-size:12px}
.pay-row.ex .pay-item .pay-hold{flex:1 0 100%;text-align:right}
}
@keyframes exin{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
/* úzke displeje: aby sa do zbaleného riadku zmestil celý dátum aj suma */
@media(max-width:370px){
.ex-hd{gap:8px;padding:11px 12px}
.ex-c b{font-size:13px}
.ex-c i{font-size:9.5px}
.ex-c i.lo{font-size:11px}
.ex-bd{min-width:32px;height:32px;padding:0 5px}
.ex-av{width:32px;height:32px;font-size:11px}
.ex-car{width:24px;height:24px}
.po-row.ex > span[data-l],.mk-row.ex > span[data-l]{padding:0 12px}
}
/* ── mobil: dotykové terče ────────────────────────────────────────────────
Prst potrebuje výrazne väčšiu plochu než kurzor; drobné tlačidlá
z desktopu sa na telefóne trafia ťažko. */
@media(max-width:760px) and (pointer:coarse),(max-width:760px){
.lsw.portal .lsw-btn,.pmenu-btn{min-height:38px}
.gl-quick button{min-height:38px;padding:8px 14px}
.gl-clear,.gl-copy{min-height:44px}
.gl-in input{min-height:46px}
.pg-all{min-height:38px;padding:6px 2px}
.pg-sel,.pg-dlall{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.pg-right input,.mk-hd input{min-height:40px}
.btn.sm{min-height:38px;padding-top:8px;padding-bottom:8px}
.cpk-q{min-height:38px}
.notif-row{min-height:52px}
.nswitch{transform:scale(1.15);transform-origin:right center}
.filter-pill{min-height:38px;display:inline-flex;align-items:center}
.po-row a,.mk-row a{min-height:38px;display:inline-flex;align-items:center}
}
/* veľmi úzke telefóny */
@media(max-width:400px){
.po-row > span[data-l],.mk-row > span[data-l]{padding-left:110px}
.po-row > span[data-l]::before,.mk-row > span[data-l]::before{width:92px}
.pg-grid{gap:10px}
}
/* ══════════════════════════════════════════════════════════════════════
ADMINISTRÁCIA — mobil (≤ 760 px)
Admin bol písaný pre široké obrazovky; tu skladáme hlavičku do dvoch
riadkov a tabuľky meníme na karty (menovky dopĺňa app.js z hlavičiek).
══════════════════════════════════════════════════════════════════════ */
@media(max-width:760px){
/* ── horná lišta ── */
.topbar-in{flex-wrap:wrap;height:auto;padding:10px 14px;gap:8px 10px}
.brand{font-size:15px;flex:none}
.brand-dot{width:10px;height:10px;box-shadow:0 0 0 3px var(--accent-soft)}
.shop-dd{margin-left:0;flex:1;min-width:0}
.shop-dd-btn{width:100%;min-width:0}
.shop-dd-btn .shop-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-right{margin-left:auto;gap:8px}
.acc-btn{padding:6px 10px}
.acc-btn .acc-nm{display:none} /* stačí iniciála v koliesku */
.acc-menu{position:fixed;left:12px;right:12px;width:auto;top:auto}
/* záložky do druhého riadku, vodorovne posuvné */
.nav{display:flex;order:5;flex:1 0 100%;gap:4px;overflow-x:auto;scrollbar-width:none;
-webkit-overflow-scrolling:touch;margin:0 -14px;padding:2px 14px 0}
.nav::-webkit-scrollbar{display:none}
.nav-link{flex:none;white-space:nowrap;font-size:13.5px;padding:7px 13px}
/* na dotyk neexistuje hover – rozbaľovačky rozložíme priamo do záložiek */
.nav-drop{display:contents}
.nav-drop>.nav-link{display:none}
.nav-drop-menu{display:flex;position:static;padding:0;gap:4px}
.nav-drop-menu a{border:0;background:transparent;border-radius:99px;padding:7px 13px;
font-size:13.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.nav-drop-menu a:first-child,.nav-drop-menu a:last-child{border-radius:99px}
.nav-drop-menu a.on{color:var(--accent);background:var(--accent-soft)}
.nd-d{display:none}
.nd-m{display:inline}
/* menu eshopov na celú šírku, nech nevytŕča */
.shop-dd-menu{position:fixed;left:12px;right:12px;top:56px;width:auto}
/* ── obsah ── */
.wrap{padding:16px 14px 72px}
/* ── KPI karty: dve vedľa seba, kompaktné ── */
/* balíčky: kroky procesu 2× vedľa seba, bez šípok */
.ppro{padding:16px 14px;gap:14px;border-radius:16px}
.ppro-flow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ppro-seg{display:contents}
.ppro-arr{display:none}
.ppro-step{padding:12px 13px;gap:7px;border-radius:12px}
.ppro-c{font-size:22px}
.ppro-l{font-size:10px;white-space:normal;min-width:0;overflow-wrap:anywhere}
.ppro-top{min-width:0}
.ppro-s{font-size:11px}
.ppro-hd{gap:10px}
.ppro-tt{flex:1 1 150px;min-width:150px}
.ppro-sync{flex:1 0 100%;justify-content:center}
.ppro-tt h1{font-size:17px}
.peur{padding:16px 14px}
.peur-grid{grid-template-columns:1fr 1fr;gap:10px}
.peur-c{padding:12px 13px;gap:6px;border-radius:12px}
.peur-l{font-size:10px}
.peur-v{font-size:19px}
.peur-s{font-size:11px}
.grid-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.stat{flex-direction:column;gap:7px;padding:13px 14px;min-height:0;border-radius:14px}
.stat .lbl{font-size:10.5px;letter-spacing:.04em;line-height:1.3}
.grid-stats .stat .lbl{white-space:normal;overflow:visible} /* na úzkom mobile radšej zalomiť než odrezať */
.stat .val{font-size:20px}
.stat .sub{font-size:11.5px;line-height:1.35}
.stat-tx{gap:4px}
.kpi-cmp{flex-direction:row;align-items:center;text-align:left;gap:6px;flex-wrap:wrap}
.kpi-vs{display:none}
.kpi-prev{font-size:11.5px}
.kpi-trend{font-size:11px;padding:2px 8px}
.tbl-card{overflow:visible;overflow-x:clip}
.tbl-head{flex-direction:column;align-items:stretch;gap:10px;padding:16px}
.tbl-head input[type=search]{width:100% !important;margin-left:0 !important;flex:1 0 100%}
.tbl-head form{margin-left:0 !important;width:100%}
.tbl-head .row{flex-wrap:wrap !important;gap:8px}
/* ── tabuľka → karty ── */
.tbl-scroll{overflow-x:visible}
.tbl-scroll .tbl{min-width:0}
table.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:auto}
.tbl thead{display:none}
.tbl tbody tr{border:1px solid var(--line);border-radius:12px;background:#fff;
margin:10px 14px;padding:10px 12px}
.tbl tbody tr:hover{background:#fff}
.tbl td,.tbl td:first-child,.tbl td:last-child{
border:0;padding:6px 0 6px 118px !important;position:relative;min-height:26px;text-align:left}
.tbl td::before{content:attr(data-l);position:absolute;left:0;top:7px;width:110px;
font-size:9.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
color:#9ca3af;line-height:1.45;overflow:hidden;white-space:normal;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tbl td[data-l=""]{padding-left:0 !important}
/* medzinadpis skupiny (bunka cez celý riadok) nie je karta */
.tbl tbody tr.bxsep,.tbl tbody tr.grp,.tbl tbody tr.sep{border:0;background:transparent;margin:16px 14px 2px;padding:0}
.tbl td[colspan]{padding-left:0 !important}
.tbl td[colspan]::before{content:none}
/* zelený prúžok spárovanej skupiny patrí celej karte */
#tg-table tr.tg-on td:first-child{box-shadow:none}
#tg-table tbody tr.tg-on{box-shadow:inset 3px 0 0 var(--green);background:var(--green-soft)}
/* farbu skupiny nesie celá karta, nie jednotlivé bunky */
.tbl tbody tr td{background:transparent}
.tbl tbody tr.gr-transport{background:#f7f8fe}
.tbl tbody tr.gr-ordered{background:#f4faff}
.tbl tbody tr.gr-sent{background:#faf9ff}
.tbl tbody tr.gr-planned{background:#fffaf0}
.tbl tbody tr.gr-done{background:#f3fcf7}
tr.bxsep td{padding:0 !important}
.tbl td[data-l=""]::before{content:none}
.tbl td.num{text-align:left}
.tbl td .cm{align-items:flex-start}
.tbl td .pf-btn{width:auto;text-align:left}
.tbl td.nets .nets-wrap{grid-template-columns:repeat(6,max-content)}
/* riadok akcií nech sa nezalomí do stĺpca menoviek */
.tbl td .row{flex-wrap:wrap;gap:6px}
/* ── zbalený riadok tabuľky: podstatné hore, zvyšok na klik ────────────
Hlavičku stavia app.js z buniek označených data-sum (alebo si ju
stránka prinesie sama – karta influencera 71a). */
.tbl tbody tr.ex{padding:0;overflow:hidden}
.tbl tbody tr.ex > td{display:none}
.tbl tbody tr.ex > td.ex-hd-cell{display:block;padding:0 !important;min-height:0}
.tbl tbody tr.ex > td.ex-hd-cell::before{content:none}
.tbl tbody tr.ex.ex-open{display:flex;flex-wrap:wrap;gap:9px;padding:0 14px 14px}
.tbl tbody tr.ex.ex-open > td.ex-hd-cell{flex:0 0 calc(100% + 28px);margin:0 -14px 2px;
border-bottom:1px solid var(--line)}
.tbl tbody tr.ex.ex-open > td:not([data-sum]):not(.ex-hd-cell){
display:flex;flex:1 0 100%;align-items:center;justify-content:space-between;gap:12px;
text-align:right;padding:0 !important;min-height:0;order:4;flex-wrap:wrap;row-gap:2px;
animation:exin .18s ease}
/* viacriadkové bunky (meno + e-mail, číslo + poznámka) idú pod seba, vpravo */
.tbl tbody tr.ex > td[data-l] > div{flex:1 0 100%;text-align:right}
.tbl tbody tr.ex > td[data-l]::before{position:static;flex:none;width:auto;max-width:58%;
text-align:left;font-size:11.5px;font-weight:700;color:#9ca3af;text-transform:uppercase;
letter-spacing:.06em;line-height:1.45;-webkit-line-clamp:2}
.tbl tbody tr.ex.ex-open > td[data-l=""]:not(.xtra){display:flex;gap:9px;text-align:left;order:5}
/* poradie riadku je zrejmé zo zoznamu – v detaile by len zavadzalo */
.tbl tbody tr.ex.ex-open > td[data-l="#"]:not(.xtra){display:none}
.tbl tbody tr.ex > td[data-l=""] > button{flex:1;min-height:40px}
.tbl tbody tr.ex > td[data-l=""] > .inv-ico.ghost{display:none}
/* ── karta influencera (71a) ───────────────────────────────────────────── */
.im-hd{gap:13px;padding:14px}
.im-av{flex:none;position:relative;width:56px;height:56px;border-radius:15px;overflow:visible;
background:linear-gradient(135deg,#b8bcc8,#8f95a3);display:flex;align-items:center;
justify-content:center;color:#fff}
.im-av img{width:100%;height:100%;border-radius:15px;object-fit:cover;display:block}
.im-av > b{font-size:16px;font-weight:800;color:rgba(255,255,255,.92)}
.im-rank{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 4px;
border-radius:99px;background:#fff;border:1.5px solid var(--line);font-size:9.5px;
font-weight:800;color:#6b7280;display:flex;align-items:center;justify-content:center}
.im-nm{display:flex;align-items:center;gap:6px;min-width:0;font-size:15.5px;font-weight:800;
letter-spacing:-.01em;color:var(--text)}
.im-nm > :first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.im-nm .p-flag{flex:none}
.im-rev{display:flex;align-items:baseline;gap:6px}
.im-rev i{font-style:normal;font-size:10px;font-weight:800;color:#9ca3af;
text-transform:uppercase;letter-spacing:.08em}
.im-rev b{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--text)}
.im-hd .ex-c.g{gap:5px}
/* odznaky (Telegram, siete, stav) v jednom zalamovanom riadku */
.tbl tbody tr.ex.ex-open > td.im-chip:not([data-sum]){flex:0 0 auto;padding:0 !important;order:1;
justify-content:flex-start;min-height:0}
.tbl tbody tr.ex > td.im-chip::before{content:none}
.tbl tbody tr.ex.ex-open > td.im-mail:not([data-sum]){display:block;flex:1 0 100%;order:2;padding:0 !important;
text-align:left;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* čísla v dlaždiciach 2 × 2 */
.tbl tbody tr.ex.ex-open > td.im-st:not([data-sum]){flex:1 1 calc(50% - 5px);order:3;display:flex;
flex-direction:column;align-items:flex-start;gap:3px;text-align:left;
background:#f9fafb;border-radius:12px;padding:10px 12px !important}
.tbl tbody tr.ex > td.im-st::before{max-width:none;font-size:10px;letter-spacing:.08em;
font-weight:800;line-height:1.4}
.tbl tbody tr.ex > td.im-st .cm{align-items:flex-start}
.tbl tbody tr.ex > td.im-st .pf-btn{width:auto;text-align:left}
/* dlhé e-maily bez medzier nesmú roztiahnuť kartu */
.tbl td,.tbl td .p-sub,.tbl td .p-name,.tbl td a{overflow-wrap:anywhere}
/* hlavička Notifikácií – počítadlá pod nadpis, na celú šírku */
.nf-hd{flex-wrap:wrap}
.nf-stats{margin-left:0;flex:1 0 100%;flex-wrap:wrap}
.nf-stat{flex:1 1 0;min-width:0;align-items:center}
/* detail influencera – KPI dlaždice 2× vedľa seba */
.kpi4,.kpi4-due{grid-template-columns:1fr 1fr;gap:10px}
.kpi4-due>.kpi:first-child{grid-column:1/-1}
.kpi{padding:13px 14px;gap:5px;border-radius:12px}
/* Promo materiály – hlavička zoznamu pod seba */
.pm-lh{flex-wrap:wrap;gap:8px}
.pm-lh h3{flex:1 0 100%}
.pm-tip{display:block;margin:3px 0 0}
.pm-lh input{width:100%}
.pm-up{padding:16px 14px}
.pm-row{flex-wrap:wrap;gap:8px 12px;align-items:center;padding:12px 2px}
.pm-row .th{width:46px;height:46px}
.pm-row .pm-nm{flex:1 1 120px;order:2}
.pm-row .dt{order:3;width:auto;flex:1 1 auto;flex-direction:row;gap:8px}
.pm-row .del{order:4;margin-left:auto;padding:7px 14px}
/* Kódy – riadok influencera: poradie + meno hore, kódy a počet pod tým */
.il-main{grid-template-columns:26px minmax(0,1fr);gap:8px 10px;padding:11px 12px}
.il-main .il-chips{grid-column:1/-1;gap:6px}
.il-main .il-cnt{grid-column:1/-1;justify-self:start}
.il-who img.il-img{display:none}
.il-ge-head{flex-wrap:wrap;padding:12px 30px 12px 14px;position:relative}
.il-ge-head .chev{position:absolute;right:14px;top:13px}
.il-ge-head .d{flex:1 0 100%}
/* hlavička Kódov – hľadanie a sťahovanie pod nadpis */
.tbl-card.il>.row.spread{flex-wrap:wrap}
.tbl-card.il>.row.spread>div:last-child{flex:1 0 100% !important;align-items:stretch !important}
.tbl-card.il>.row.spread>div:last-child>div{flex-wrap:wrap}
.tbl-card.il>.row.spread input[type=search]{width:100% !important}
.tbl-card.il>.row.spread .il-dl{flex:1 1 140px}
/* panel čakajúcich registrácií – odznaky sa zalomia pod nadpis */
.req28-head{flex-wrap:wrap;padding:16px 14px;gap:6px 10px}
.req28-head>*{min-width:0}
/* plávajúca lišta „Uložiť nastavenia“ na celú šírku displeja */
.fsav{left:10px;right:10px;width:auto;max-width:none;transform:translateY(150%);gap:10px;padding:10px 12px}
.fsav.on{transform:translateY(0)}
.fsav-ok{padding:10px 16px}
/* hlavička sekcie sociálnych sietí sa zalomí */
.sp-hd{flex-wrap:wrap;gap:6px 8px}
/* prst nie je myš – ikonové tlačidlá dostanú poriadnu plochu */
.chart-ico,.note-ico,.inv-ico,.tg-mark,.il-copy,.api-eye,.sp-go,.odw-x,
.nf .dl,.nf .ed,.nf .tg,.nf-pin,.pf-btn,.pm-row .del{min-width:36px;min-height:36px}
.nf-flt{min-height:34px}
.code-chip{padding:6px 10px}
input[type=checkbox],input[type=radio]{width:18px;height:18px}
/* dlhé URL, kľúče a názvy sa lámu, nech nikdy neroztiahnu stránku */
.wrap p,.wrap b,.wrap span,.wrap li,.wrap code,.wrap a{overflow-wrap:break-word}
.wrap code{white-space:normal;overflow-wrap:anywhere}
/* filter obdobia na detaile influencera sa na úzkom displeji zalomí */
.rng-dates{flex-wrap:wrap}
.rng-dates input{flex:1 1 120px;min-width:0}
/* Prehľad výplat – rozpis pod sumou sa smie zalomiť */
.pv-tools{justify-content:flex-start !important;max-width:none !important}
.pv-tools input[type=search]{width:100% !important}
.pv-due-sub{white-space:normal !important}
/* meno + avatar v bunke: text sa smie skrátiť */
.person{min-width:0;gap:9px}
.person>*{min-width:0}
}
@media(max-width:400px){
.tbl td,.tbl td:first-child,.tbl td:last-child{padding-left:104px !important}
.tbl td::before{width:96px}
/* dlhé stavy prepravy sa na úzkom displeji zalomia namiesto pretečenia */
.tbl td .ship{white-space:normal;text-align:left}
.tbl td .code-chip{white-space:normal;overflow-wrap:anywhere}
}
/* ===== Reklama – kampane (dizajn Reklama.dc.html) ===== */
.camp-tbl{width:100%;border-collapse:collapse;min-width:900px}
.camp-tbl th{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
text-align:left;padding:0 14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.camp-tbl th.num,.camp-tbl td.num{text-align:left}
.camp-tbl td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}
.camp-tbl tbody tr:last-child td{border-bottom:none}
.camp-tbl tbody tr:hover{background:#fafbfd}
.camp-nm{font-weight:700;letter-spacing:-.01em}
.camp-sub{font-size:12.5px;color:var(--soft);margin-top:3px}
.camp-pos{color:var(--green)}
.camp-neg{color:var(--red)}
.stat .val.neg{color:var(--red)}
/* počet influencerov je tlačidlo – otvára modál so zoznamom */
.camp-inf{font:inherit;font-weight:700;color:var(--accent);background:var(--accent-soft);border:none;
border-radius:9px;padding:5px 12px;cursor:pointer;transition:background .15s}
.camp-inf:hover{background:var(--accent);color:#fff}
.camp-rm{border:none;background:transparent;color:var(--soft);font-size:19px;line-height:1;cursor:pointer;padding:2px 7px;border-radius:8px}
.camp-rm:hover{background:var(--red-soft);color:var(--red)}
/* prepínač pohľadu v rebríčku – nahradil dvojicu tlačidiel, platí vždy práve jeden */
.perf-sel{width:auto;min-width:188px;font-weight:600;font-size:13.5px;height:40px;
border:1px solid var(--line2);border-radius:99px;padding:0 38px 0 16px;background-color:#fff;color:var(--text)}
.perf-sel:focus{border-color:var(--accent)}
@media(max-width:820px){ .perf-sel{width:100%;min-width:0} }
/* prepínač „len tento mesiac" v pätke modálu so zapojenými */
.cp-month{cursor:pointer}
.cp-month::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;
background:var(--line2,#d9dbe6);margin-right:7px;vertical-align:1px}
.cp-month.on::before{background:currentColor}
/* ── Pridelenie influencera: pole s našepkávačom a tlačidlom vpravo v ňom ── */
.cp-add{margin-top:18px}
.cp-pick{position:relative;max-width:520px}
.cp-pick input{width:100%;padding-right:118px}
.cp-pick .btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:34px;padding:0 16px}
.cp-pick .btn:disabled{opacity:.45;cursor:not-allowed}
/* zoznam otvárame NAHOR – pole je na spodku modálu a dole by ho pätka orezala */
.cp-list.cp-up{top:auto;bottom:calc(100% + 6px)}
/* Na širokom okne tabuľku kampaní neorezávame – inak by bublinku s rozpisom nákladu
zrezal skrolovací obal. Pod 1100 px sa vraciame k vodorovnému skrolovaniu. */
@media(min-width:1100px){ .camp-scroll{overflow:visible} }
.cp-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:var(--card);
border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:5px;max-height:246px;overflow:auto}
.cp-opt{display:block;width:100%;text-align:left;border:none;background:transparent;font:inherit;font-size:14px;
color:var(--text);padding:9px 11px;border-radius:8px;cursor:pointer}
.cp-opt:hover,.cp-opt.on{background:var(--accent-soft);color:var(--accent-2)}
.cp-none{padding:11px;font-size:13px;color:var(--soft)}
/* meno influencera v modáli otvára jeho profil v novom okne */
.camp-link{color:inherit;text-decoration:none;display:inline-block}
.camp-link:hover{color:var(--accent);text-decoration:underline}
/* štítky sietí pod menom – klikateľné, preto kurzor ruka namiesto otáznika */
.camp-nets{display:inline-flex;gap:0;margin-left:9px;vertical-align:-6px}
.camp-nets .net-pill{margin-right:4px;height:21px;min-width:27px;font-size:10px}
.camp-nets a.net-pill{cursor:pointer;text-decoration:none;transition:filter .15s}
.camp-nets a.net-pill:hover{filter:brightness(.93)}
/* modál so zapojenými má viac stĺpcov, ale je aj oveľa širší – nech sa zmestí bez skrolovania */
.cp-tbl{min-width:0}
.cp-tbl td{padding:12px 12px;vertical-align:middle}
.cp-tbl .person{gap:11px}
.cp-tbl .avatar{width:40px;height:40px}
.cp-tbl .rw{font-size:11.5px;padding:4px 10px}
.cp-tbl .camp-nets{margin-left:0;vertical-align:0;flex-wrap:wrap;row-gap:5px} /* zalomené štítky nech sa nelepia na seba */
/* Rozpis nákladu prečnieva mimo tabuľky. Posuvný rám ho orezával – „overflow-x:auto"
totiž robí „auto" aj zo zvislej osi. V modáli sa tabuľka zmestí, rám tam nepotrebujeme
(na úzkom displeji ho v media query nižšie vraciame späť). */
#camp-ppl .tbl-scroll{overflow:visible}
/* náklad s rozpisom po nabehnutí myšou */
.camp-cost{position:relative;cursor:help;border-bottom:1px dashed var(--line2, #d9dbe6)}
/* Popup kreslíme POD bunku – v horných riadkoch ho modál hore orezával.
Pri posledných dvoch riadkoch ho preklopíme nad bunku, tam by zas prekážala päta modálu. */
.camp-tip{position:absolute;right:0;top:calc(100% + 9px);z-index:60;display:none;width:302px;
background:#111527;color:#fff;border-radius:12px;padding:11px 13px;box-shadow:var(--shadow-lg);
font-weight:400;text-align:left;cursor:default}
.camp-cost:hover .camp-tip{display:block}
.camp-tip::after{content:'';position:absolute;right:16px;bottom:100%;border:6px solid transparent;border-bottom-color:#111527}
.cp-tbl tbody tr:nth-last-child(-n+2) .camp-tip{top:auto;bottom:calc(100% + 9px)}
.cp-tbl tbody tr:nth-last-child(-n+2) .camp-tip::after{bottom:auto;top:100%;border-bottom-color:transparent;border-top-color:#111527}
.camp-tip u{display:block;text-decoration:none;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
color:#9aa1b2;margin-bottom:7px}
.camp-tip i{display:flex;justify-content:space-between;gap:14px;font-style:normal;font-size:12.5px;padding:3px 0}
.camp-tip i span{color:#c9cdd8}
.camp-tip i em{display:block;font-style:normal;font-size:11px;color:#7b8296}
.camp-tip i b{white-space:nowrap}
.camp-tip i.tot{border-top:1px solid rgba(255,255,255,.14);margin-top:6px;padding-top:7px}
.camp-tip i.tot span{color:#fff;font-weight:600}
@media(max-width:820px){
.camp-tbl{min-width:760px}
.cp-tbl{min-width:860px}
#camp-ppl .tbl-scroll{overflow-x:auto} /* tu sa tabuľka nezmestí, posúvanie do strany je potrebné */
.camp-tbl td,.camp-tbl th{padding:11px 10px}
.camp-tip{width:250px}
}
/* história rozosielok: klikateľný riadok, kôš a popup so zoznamom príjemcov */
.tg61 .hist tbody tr.tg61-hrow{cursor:pointer}
.tg61 .hist tbody tr.tg61-hrow:hover{background:#f8f9fe}
.tg61-del{width:30px;height:30px;border:1px solid var(--line2);background:#fff;border-radius:8px;color:var(--soft);
cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.tg61-del svg{width:15px;height:15px}
.tg61-del:hover{background:var(--red-soft);border-color:#fecdca;color:var(--red)}
.tg61-del:disabled{opacity:.5;cursor:default}
/* zoznam ide cez celú šírku karty – preto záporný okraj proti jej paddingu */
#tgBcM .card{width:min(600px,96vw);gap:10px}
.tg61-bcsub{font-size:12.5px;color:var(--soft);margin-top:-4px}
.tg61-bclist{max-height:min(58vh,470px);overflow:auto;margin:0 -24px;border-top:1px solid var(--line);
border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.tg61-bclist .row{display:flex;align-items:center;gap:10px;padding:9px 24px;border-bottom:1px solid #f4f5f8;font-size:13.5px}
.tg61-bclist .row:last-child{border-bottom:0}
.tg61-bclist .fl{width:20px;flex:none;font-size:14px}
.tg61-bclist .n{flex:1;min-width:0;font-weight:650;color:var(--text);display:flex;flex-direction:column;line-height:1.35}
.tg61-bclist .n em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--red)}
.tg61-bclist .w{font-size:12px;color:var(--soft);white-space:nowrap}
.tg61-bclist .st{flex:none;min-width:78px;text-align:center;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}
.tg61-bclist .st.ok{background:var(--green-soft);color:var(--green)}
.tg61-bclist .st.wait{background:var(--amber-soft);color:var(--amber)}
.tg61-bclist .st.bad{background:var(--red-soft);color:var(--red)}
.tg61-bclist .none{padding:24px;text-align:center;color:var(--soft);font-size:13px}
/* ── Nové žiadosti: fázový zoznam (dizajn 2a) ───────────────────────────── */
.req28-cnt{font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:8px;background:rgba(255,255,255,.16);
color:#fff;font-variant-numeric:tabular-nums;flex:none}
/* rozbehnuté nastavovanie účtu má vlastnú (oranžovú) farbu – rovnakú ako fáza nižšie */
.req28-cnt.warn{background:#ffd48a;color:#7a4a06;font-weight:700}
.req28-search{margin-left:auto;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:10px;
background:rgba(255,255,255,.14);width:250px;flex:none;color:rgba(255,255,255,.7)}
/* pole musí byť úplne ploché – vlastné zaoblenie a rám prehliadača tu kreslili druhý rámik */
.req28 .req28-search input{flex:1;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;
color:#fff;font:inherit;font-size:13px;padding:0;height:auto;-webkit-appearance:none;appearance:none}
.req28 .req28-search input:focus{border:0;box-shadow:none;background:transparent}
.req28 .req28-search input::-webkit-search-decoration,
.req28 .req28-search input::-webkit-search-cancel-button,
.req28 .req28-search input::-webkit-contacts-auto-fill-button,
.req28 .req28-search input::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden;
pointer-events:none;position:absolute;right:0;width:0;height:0}
.req28-search input::placeholder{color:rgba(255,255,255,.7)}
.req28-search input:focus{outline:none}
/* hlavička fázy */
.req28-ph{display:flex;align-items:center;gap:10px;padding:2px 6px 10px;color:#fff}
.req28-ph .l{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.req28-ph .c{min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:grid;place-items:center;
background:#fff;color:#4238a8;font-size:12.5px;font-weight:700}
.req28-ph .h{margin-left:auto;font-size:12.5px;color:rgba(255,255,255,.72)}
.req28-ph.second{padding-top:20px}
.req28-ph.warn{color:#ffd48a;padding-top:20px}
.req28-ph.warn .c{background:#ffd48a;color:#7a4a06}
.req28-ph.warn .h{color:rgba(255,255,255,.72)}
/* hlavička stĺpcov */
.req28-cols{display:grid;grid-template-columns:40px minmax(0,1fr) 336px 96px 415px;gap:16px;padding:0 18px 7px;
font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.req28-cols .r{text-align:right}
/* žltý riadok: schválený, ale nenastavený */
.req28-row.setup{background:#fff8ec;box-shadow:inset 0 0 0 1.5px #fbe0b2;
grid-template-columns:40px 306px minmax(0,1fr) 96px 284px;align-items:center}
.req28-row.setup .req28-av{background:#fde8bd;color:#8a5a09}
.req28-row.setup .req28-date{color:#a68a5c}
.req28-appr{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2px 8px;
border-radius:7px;background:#e6f7ee;color:#16794a;margin-left:8px;white-space:nowrap}
.req28-ch{display:flex;align-items:center;gap:6px;margin-top:5px}
.req28-nochan{font-style:normal;font-size:12px;color:#a2a6b8}
/* meradlo postupu + štítky chýbajúcich polí */
.req28-prog{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:420px}
.req28-prog .hd{display:flex;align-items:center;gap:10px}
.req28-prog .hd b{font-size:13px;font-weight:700;color:#b45309;font-variant-numeric:tabular-nums;white-space:nowrap}
.req28-prog .bars{display:flex;gap:3px}
.req28-prog .bars i{width:22px;height:4px;border-radius:2px;background:#f3e3c6;display:block}
.req28-prog .bars i.on{background:#f0a72a}
.req28-prog .chips{display:flex;flex-wrap:wrap;gap:6px}
.req28-prog .chips em{font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:7px;
background:#fff;border:1px solid #f0dcb8;color:#8a5a09}
/* tlačidlá v riadku */
.req28-ok{display:inline-flex;align-items:center;gap:6px}
.req28-set{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 18px;border:0;border-radius:11px;
background:#f59a1a;color:#fff;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;
box-shadow:0 2px 6px rgba(245,154,26,.35);white-space:nowrap}
.req28-set:hover{background:#dc6803;color:#fff}
.req28-row[hidden]{display:none}
/* karta sa práve sama doplnila – krátke zvýraznenie, nech si to manažér všimne */
.req28.fresh-in{box-shadow:0 0 0 3px rgba(255,255,255,.55),0 18px 40px rgba(56,45,190,.35)}
.req28{transition:box-shadow .35s}
/* prehľadové tlačidlo na hlavnej strane – celý pás vedie na stránku Onboarding */
.req28-link{display:flex;align-items:center;gap:12px;padding:18px 24px;text-decoration:none;cursor:pointer;
transition:box-shadow .2s,transform .1s}
.req28-link:hover{box-shadow:0 18px 40px rgba(91,91,214,.4)}
.req28-link:active{transform:translateY(1px)}
.req28-link .req28-cnt.ghost{background:rgba(255,255,255,.13);color:#cfd4f5}
.req28-go{margin-left:auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;
border-radius:50%;background:rgba(255,255,255,.16);color:#fff;flex:none;transition:background .15s,transform .15s}
.req28-link:hover .req28-go{background:rgba(255,255,255,.26);transform:translateX(2px)}
.req28-link .req28-note{margin-left:0}
.req28.quiet .req28-go{background:#f1f2f6;color:#9aa0ae}
.req28.quiet.req28-link:hover{box-shadow:0 6px 18px rgba(16,24,40,.08)}
@media (prefers-reduced-motion:reduce){.req28{transition:none}}
/* Poznámkový lístok v riadku žiadosti. Farbu neprepisujeme – sivý znamená prázdnu poznámku,
oranžový (.has) že v nej niečo je, rovnako ako v rebríčku. */
.req28-note{flex:none;margin-right:2px}
/* 1. fáza onboardingu – „napísal som mu" si žiadosť priradí */
.req28-write{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 18px;border:0;border-radius:99px;
background:var(--accent);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;
white-space:nowrap;transition:.15s}
.req28-write:hover{background:var(--accent-2)}
.req28-write:disabled{opacity:.6;cursor:default}
/* meno v žiadosti je tlačidlo – otvorí rýchlu opravu údajov z registrácie */
.req28-nm{border:0;background:none;padding:0;font:inherit;font-size:14.5px;font-weight:700;color:var(--text);
cursor:pointer;text-align:left;border-bottom:1px dashed transparent;transition:.15s;text-decoration:none;display:inline-block}
.req28-nm:hover{color:var(--accent);border-bottom-color:var(--accent)}
.req28-row.setup .req28-nm:hover{color:#b54708;border-bottom-color:#d8b98a}
/* popup rýchlej opravy */
.rqe-card{width:400px;gap:12px}
.rqe-f{display:flex;flex-direction:column;gap:5px}
.rqe-f > span{font-size:12px;font-weight:700;color:var(--soft);letter-spacing:.02em}
.rqe-card select{border:1px solid var(--line2);border-radius:10px;padding:9px 12px;font-size:14px;
font-family:inherit;width:100%;background:#fff;cursor:pointer}
.rqe-err{background:var(--red-soft);color:var(--red);border-radius:9px;padding:8px 11px;font-size:13px;line-height:1.45}
.rqe-err[hidden]{display:none}
/* siete, ktoré influencer sám zadal – nové sa tu nepridávajú */
.rqe-socs{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--line)}
.rqe-socs[hidden]{display:none}
.rqe-socs-l{font-size:12px;font-weight:700;color:var(--soft);letter-spacing:.02em}
.rqe-soc{display:flex;align-items:center;gap:9px}
.rqe-soc[hidden]{display:none}
.rqe-soc .sn-tile{flex:none}
.rqe-soc input{flex:1;min-width:0;border:1px solid var(--line2);border-radius:10px;padding:8px 11px;
font-size:13px;font-family:inherit}
.rqe-hint{font-size:12px;color:var(--soft);line-height:1.45}
/* pri viacerých sieťach nech popup neprerastie obrazovku */
.rqe-card{max-height:88vh;overflow:auto}
/* štítok pri mene – kto onboarding rieši (alebo kto žiadosť zamietol) */
.req28-mgr{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 9px;border:0;border-radius:99px;
background:var(--accent-soft);color:var(--accent-2);font-family:inherit;font-size:11.5px;font-weight:700;
cursor:pointer;vertical-align:1px;transition:.15s;white-space:nowrap}
.req28-mgr:hover{filter:brightness(.96)}
/* každý manažér má vlastnú farbu, nech sa riadky dajú prebehnúť očami */
.req28-mgr.t0{background:#e3f6fa;color:#0b7a8c}
.req28-mgr.t1{background:#e4f6ef;color:#0f7b5a}
.req28-mgr.t2{background:#fdeaf2;color:#b02a67}
.req28-mgr.t3{background:#e7f1fd;color:#1f6fb2}
.req28-mgr.t4{background:#fff0e3;color:#b4530a}
.req28-mgr.t5{background:#f6efe4;color:#8a5a12}
/* zamietnutie je len informácia, nie tlačidlo */
.req28-mgr.rej{cursor:default}
.req28-mgr.rej:hover{filter:none}
@media(max-width:1200px){
.req28-row,.req28-row.setup{grid-template-columns:40px minmax(0,1fr) auto;row-gap:10px}
.req28-nets{flex-wrap:wrap}
.req28-cols,.req28-date{display:none}
.req28-act{grid-column:1/-1;justify-content:flex-start}
.req28-prog{grid-column:1/-1;max-width:none}
}
/* dátum + hodina v jednom políčku (spustenie reklamnej kampane).
input[type=time] nemá globálny štýl ako dátum, tak mu ho dáme tu – rovnaká výška,
rám aj pozadie, nech políčka vedľa seba vyzerajú ako jeden celok. */
.dt-pair{display:flex;gap:8px;align-items:stretch}
.dt-pair input[type=date]{flex:1 1 auto;min-width:0}
.dt-pair input[type=time]{flex:0 0 112px;width:112px;height:44px;font-family:inherit;font-size:14px;
font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--text);background:#fbfbfd;
border:1.5px solid var(--line2);border-radius:var(--r-sm);padding:10px 12px;outline:none;transition:.15s;
-webkit-appearance:none;appearance:none}
.dt-pair input[type=time]:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px rgba(91,91,214,.10)}
.dt-pair input[type=time]::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer;transition:.15s}
.dt-pair input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:.75}
.dt-pair input[type=time]::-webkit-datetime-edit{padding:0}
/* tlačítko na párovanie Telegram skupín vedľa Chat ID */
.tg-pair{display:flex;align-items:center;gap:8px}
.tg-pair input,.tg-pair select{flex:1;min-width:0}
.tg-pair select{cursor:pointer}
.tg-pair-b{cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;flex:none;
border:1.5px solid var(--line2);border-radius:var(--r-sm);background:#fff;color:var(--text);
font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:.15s}
.tg-pair-b svg{width:15px;height:15px;fill:#229ed9;flex:none}
.tg-pair-b:hover{border-color:#229ed9;color:#0b7fb3;background:#f2fafd}
@media(max-width:640px){.tg-pair-b span{display:none}.tg-pair-b{padding:0 12px}}
/* Chat ID sa nezadáva ručne – pole je len na čítanie */
.tg-pair input[readonly]{background:#f4f5f8;color:var(--muted);cursor:default;caret-color:transparent}
.tg-pair input[readonly]:focus{border-color:var(--line2);box-shadow:none}
.f.need .tg-pair input[readonly]{background:#fdf6ec}
/* ── Onboardingové správy (dizajn 68a) ──
Jedno okno na celý onboarding: tri verzie druhej správy, tretia správa a telegramová.
Text vidíš už personalizovaný, predloha sa ladí globálne pre celý eshop. */
.ob-ov{position:fixed;inset:0;z-index:82;background:rgba(16,24,40,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.ob-ov[hidden]{display:none}
.ob{width:760px;max-width:100%;max-height:92vh;background:var(--bg);border-radius:20px;
box-shadow:0 28px 70px rgba(16,24,40,.28);display:flex;flex-direction:column;overflow:hidden}
.ob-head{padding:18px 22px;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--line);flex:none}
.ob-t{flex:1;min-width:0}
.ob-t h3{margin:0;font-size:16px;font-weight:800}
.ob-t p{margin:3px 0 0;font-size:12px;color:var(--soft)}
.ob-lang{font-size:12px;font-weight:600;color:var(--muted);background:var(--gray-soft);border-radius:99px;padding:5px 11px;white-space:nowrap}
.ob-body{padding:16px 22px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.ob-load{padding:30px 0;text-align:center;color:var(--soft);font-size:13px}
/* oddelenie sekcií – druhá správa má tri verzie, potom tretia a telegram */
.ob-sep{height:1px;background:var(--line2);margin:6px 0 2px}
/* flex:none je nutné – .ob-body je zvislý flex, inak by sa karta stlačila a overflow:hidden
by odrezal pätu s tlačidlami „Uložiť predlohu" */
.ob-c{flex:none;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ob-sep{flex:none}
.ob-c.edit{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ob-ch{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fbfcfd;cursor:pointer;transition:.14s}
.ob-ch:hover{background:#f4f6fb}
.ob-c.open .ob-ch{border-bottom:1px solid var(--line)}
.ob-c.edit .ob-ch{cursor:pointer;border-bottom:1px solid var(--line)}
.ob-c.edit .ob-ch:hover{background:#fbfcfd}
.ob-ch > div{flex:1;min-width:0;display:flex;flex-direction:column}
.ob-ch b{font-size:13px;font-weight:700}
.ob-ch span{font-size:11.5px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* šípka sa pri rozbalení otočí – hovorí, že sa dá zase zabaliť */
.ob-cv{width:22px;height:22px;border-radius:7px;background:var(--gray-soft);color:var(--muted);flex:none;
display:flex;align-items:center;justify-content:center;transition:transform .18s, background .14s}
.ob-c.open .ob-cv{transform:rotate(180deg);background:var(--accent-soft);color:var(--accent)}
.ob-tune,.ob-copy{display:inline-flex;align-items:center;gap:6px;border-radius:9px;font-size:12.5px;font-weight:600;
padding:7px 11px;cursor:pointer;white-space:nowrap;transition:.14s;flex:none}
.ob-tune{border:1px solid var(--line2);background:#fff;color:var(--muted)}
.ob-tune:hover{background:var(--gray-soft);color:var(--text)}
.ob-copy{border:1px solid var(--accent);background:var(--accent);color:#fff}
.ob-copy:hover{background:var(--accent-2);border-color:var(--accent-2)}
.ob-copy.done{background:var(--green);border-color:var(--green)}
.ob-copy:disabled{background:#eef0f4;border-color:var(--line2);color:#9aa3b2;cursor:not-allowed}
.ob-copy.done:disabled{background:var(--green);border-color:var(--green);color:#fff;cursor:default}
.ob-warn{margin:0 16px 14px;padding:9px 12px;border-radius:10px;background:#fff7e6;border:1px solid #f4dfae;
color:#8a5a00;font-size:12.5px;font-weight:600}
.ob-tx{margin:0;padding:13px 15px;font-family:inherit;font-size:12.5px;line-height:1.65;color:#374151;
white-space:pre-wrap;overflow-wrap:anywhere}
.ob-c.edit textarea{width:100%;border:none;border-bottom:1px solid var(--line);padding:13px 15px;font-family:inherit;
font-size:12.5px;line-height:1.65;color:var(--text);resize:vertical;outline:none;min-height:90px;background:#fff}
.ob-vars{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 15px;background:#fbfcfd;border-bottom:1px solid var(--line)}
.ob-vars span{font-size:11.5px;color:var(--soft);margin-right:2px}
.ob-vars code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--accent-soft);
color:var(--accent-2);border-radius:6px;padding:3px 7px;cursor:pointer;transition:.12s}
.ob-vars code:hover{background:#e0e3ff}
.ob-ef{display:flex;align-items:center;gap:8px;padding:11px 15px;background:#fbfcfd}
.ob-reset{border:none;background:transparent;color:#d92d20;font-size:12.5px;font-weight:600;cursor:pointer;padding:8px 2px}
.ob-reset:hover{text-decoration:underline}
.ob-tabs{display:inline-flex;background:var(--gray-soft);border-radius:9px;padding:2px;flex:none}
.ob-tabs button{border:none;background:transparent;font-size:12px;font-weight:600;color:var(--muted);
padding:6px 11px;border-radius:7px;cursor:pointer}
.ob-tabs button.on{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.08)}
/* lístok v riadku žiadosti – vedľa komentárov */
.onb-ico{width:34px;height:34px;border:1px solid var(--line2);background:#fff;border-radius:10px;color:#c2c7cf;
cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s;margin-right:4px;flex:none;
position:relative}
/* počet odoslaných kontaktných e-mailov – bublinka v pravom hornom rohu obálky */
.cm-cnt{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;
background:#0e8a48;border:2px solid #fff;color:#fff;font-size:9.5px;font-weight:800;line-height:12px;
display:flex;align-items:center;justify-content:center}
.onb-ico:hover{background:var(--accent-soft);border-color:#c7cbff;color:var(--accent)}
.onb-ico.cm.sent{background:#e6f6ec;border-color:#bfe6cd;color:#0e8a48}
.onb-ico.cm.sent:hover{background:#d8f0e2;border-color:#9ad9b4;color:#0b7038}
@media(max-width:820px){
.ob{width:100%;max-height:96vh}
.ob-body{padding:12px 14px 16px}
.ob-ch{flex-wrap:wrap}
.ob-ch > div{flex:1 0 100%}
}
/* Instagram pustí prepojenie len profesionálnym účtom – výkričník pri tlačidle,
vysvetlenie sa ukáže po nabehnutí myšou (a na dotyk po ťuknutí, cez :focus). */
.ig-cta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.b54-warn{position:relative;width:22px;height:22px;border-radius:99px;background:#fef0c7;border:1px solid #fedf89;
color:#b54708;font-size:13px;font-weight:800;line-height:1;display:inline-flex;align-items:center;
justify-content:center;cursor:help;flex:none;outline:none;transition:.14s}
.b54-warn:hover,.b54-warn:focus{background:#fedf89;border-color:#f5c343}
/* bublinu otvárame nadol – nad tlačidlom býva panel bez miesta */
.b54-warn-pop{position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%);width:262px;
background:#fffaeb;border:1px solid #fedf89;border-radius:12px;padding:10px 12px;text-align:left;
font-size:12px;font-weight:400;line-height:1.55;color:#7a4a08;box-shadow:0 12px 30px rgba(16,24,40,.16);
opacity:0;visibility:hidden;transition:.15s;z-index:40;cursor:default}
.b54-warn:hover .b54-warn-pop,.b54-warn:focus .b54-warn-pop{opacity:1;visibility:visible}
.b54-warn-pop::after{content:'';position:absolute;left:50%;bottom:100%;margin-left:-6px;border:6px solid transparent;
border-bottom-color:#fedf89}
.b54-warn-pop b{display:block;font-size:12.5px;font-weight:800;color:#b54708;margin-bottom:3px}
.b54-warn-pop i{display:block;font-style:normal;margin-top:6px;color:#9a6c2a}
/* na úzkom displeji by bublina vyliezla z obrazovky – prilepíme ju na pravý okraj */
@media(max-width:520px){
.b54-warn-pop{left:auto;right:-8px;transform:none;width:min(262px,86vw)}
.b54-warn-pop::after{left:auto;right:12px;margin-left:0}
}
/* ── Affiliate systém v portáli (dizajn 86a) ──
Tmavý hero s odkazom a tromi krokmi, metriky s kontextom, tabuľka privedených. */
.af2-hero{position:relative;overflow:hidden;background:#111827;border-radius:20px;padding:30px 34px;
display:flex;gap:40px;align-items:center;margin-top:4px}
.af2-glow{position:absolute;right:-60px;top:-80px;width:340px;height:340px;border-radius:50%;
background:radial-gradient(circle, rgba(73,73,196,.45) 0%, rgba(73,73,196,0) 70%)}
.af2-hero-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;position:relative}
.af2-badge{align-self:flex-start;background:rgba(255,255,255,.1);color:#c7cdf9;font-size:11.5px;font-weight:800;
letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
.af2-hero-l h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.15}
.af2-hero-l h1 i{font-style:normal;color:#a5b0f7}
.af2-hero-l p{margin:0;font-size:13.5px;color:#9ca3af;line-height:1.6;max-width:520px}
.af2-link{display:flex;align-items:center;gap:10px;margin-top:4px;max-width:640px}
.af2-link-v{flex:1;min-width:0;display:block;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
border-radius:12px;padding:12px 16px;font-size:13px;font-weight:700;color:#e5e7eb;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text;user-select:all}
.af2-link button{flex:none;border:none;background:#4949c4;color:#fff;border-radius:12px;padding:13px 22px;
font-size:13px;font-weight:800;cursor:pointer;transition:background .15s;font-family:inherit}
.af2-link button:hover{background:#5b5bd6}
.af2-link button.done{background:#16a34a}
/* tri kroky vpravo — zvislá linka spája čísla */
.af2-steps{flex:none;width:310px;display:flex;flex-direction:column;position:relative}
.af2-step{display:flex;gap:14px;align-items:flex-start}
.af2-sn{display:flex;flex-direction:column;align-items:center;flex:none}
.af2-sn b{width:28px;height:28px;border-radius:50%;background:#4949c4;color:#fff;font-size:12px;font-weight:800;
display:flex;align-items:center;justify-content:center}
.af2-sn b.eur{background:#16a34a}
.af2-sn i{width:2px;height:34px;background:rgba(255,255,255,.14)}
.af2-step > span:last-child{display:flex;flex-direction:column;gap:2px;padding-top:4px;min-width:0}
.af2-step > span:last-child b{font-size:13px;font-weight:800;color:#fff}
.af2-step > span:last-child small{font-size:12px;color:#9ca3af}
/* metriky */
.af2-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.af2-kpi{background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.af2-kpi.hl{background:linear-gradient(180deg,#cdd2f9 0%,#e7e9fd 100%);border:1.5px solid #a8b0ef}
.af2-kpi .l{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#9ca3af}
.af2-kpi.hl .l{color:#111827}
.af2-kpi .v{font-size:30px;font-weight:800;letter-spacing:-.01em;color:#111827;display:flex;align-items:baseline;gap:10px}
.af2-kpi .v em{font-style:normal;font-size:12.5px;font-weight:700;color:#0e8a48}
.af2-kpi .d{font-size:12px;color:#9ca3af}
.af2-kpi .d.hl{color:#4b5cc4}
/* tabuľka privedených */
.af2-tbl{background:#fff;border:1px solid #e8eaee;border-radius:16px;overflow:hidden;margin-top:22px}
.af2-th{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #eceef1}
.af2-th b{font-size:15px;font-weight:800;color:#111827}
.af2-th span{margin-left:auto;font-size:12px;color:#9ca3af;text-align:right}
.af2-row{display:grid;grid-template-columns:minmax(0,1.6fr) 150px 130px 170px 130px;gap:10px;
padding:14px 24px;align-items:center;border-bottom:1px solid #f4f5f7}
.af2-row.hd{padding:12px 24px;background:#fbfbfd;border-bottom:1px solid #eceef1;
font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}
.af2-row .num{text-align:right;font-size:13.5px;font-weight:700;color:#374151}
.af2-row .num.b{font-weight:800;color:#111827}
.af2-row.hd .num{font-size:10.5px;font-weight:800;color:#9ca3af}
.af2-p{display:flex;align-items:center;gap:11px;min-width:0}
.af2-p i{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#b9c1d1,#6d7788);color:#fff;
font-size:11.5px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center;flex:none}
.af2-p b{font-size:13.5px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.af2-st{display:inline-block;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;white-space:nowrap}
.af2-ft{padding:13px 24px;background:#fbfbfd;font-size:12px;color:#9ca3af;border-top:1px solid #eceef1}
@media(max-width:900px){
.af2-hero{flex-direction:column;align-items:stretch;gap:24px;padding:24px 20px}
.af2-hero-l h1{font-size:24px}
.af2-kpis{grid-template-columns:1fr}
.af2-row{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
.af2-row.hd{display:none}
.af2-row .soft{display:none}
.af2-link{flex-wrap:wrap}
}
/* ── Nastavenie výplaty manažéra (mock „Nastavenie výplaty") ── */
/* číselné polia bez šípok hore/dole – čísla sa píšu, nie klikajú */
.mc-body input[type=number]{-moz-appearance:textfield;appearance:textfield;text-align:right}
.mc-body input[type=number]::-webkit-inner-spin-button,
.mc-body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
/* kompaktné polia v riadkoch zložiek – globálne input{width:100%} ich inak roztiahne */
.mc-body .mc-fields input[type=number]{width:96px;height:38px;padding:6px 10px}
.mc-body .mc-brow input[type=number]{height:38px;padding:6px 10px}
.mc-body .mc-grid2 input[type=number]{height:40px}
.mg-ico.pay{font-weight:800;color:#0e8a48}
.mg-ico.pay:hover{background:#e8f7ee;border-color:#bbe3cb}
.mc-body{display:flex;flex-direction:column;gap:10px}
.mc-cap{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin-top:6px}
.mc-shoprow{display:flex;align-items:center;gap:10px}
.mc-shoprow select{flex:1}
.mc-c{border:1.5px solid #e8eaee;border-radius:14px;background:#fbfbfd;overflow:hidden}
.mc-c:has(.mc-ch input:checked){border-color:#c7cbff;background:#fff}
.mc-ch{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;cursor:pointer}
.mc-ch input{width:16px;height:16px;margin-top:2px;accent-color:var(--accent);flex:none}
.mc-ch span b{display:block;font-size:13.5px}
.mc-ch span i{display:block;font-style:normal;font-size:12px;color:var(--soft);margin-top:1px}
.mc-fields{padding:0 14px 13px 40px;font-size:13px;color:#374151;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mc-fields em{font-style:normal;color:var(--soft);font-size:12px}
.mc-in{width:88px;text-align:right}
.mc-bands{display:block}
.mc-bh,.mc-brow{display:grid;grid-template-columns:1fr 1fr 1fr 28px;gap:8px;align-items:center}
.mc-bh{font-size:10px;font-weight:800;letter-spacing:.06em;color:#9ca3af;margin-bottom:5px}
.mc-brow{margin-bottom:6px}
.mc-brow span{display:flex;align-items:center;gap:5px}
.mc-brow input{width:100%;min-width:0;text-align:right}
.mc-brow em{font-style:normal;color:var(--soft);font-size:12px;flex:none}
.mc-bdel{width:26px;height:26px;border:1px solid var(--line2);background:#fff;border-radius:8px;color:var(--soft);cursor:pointer}
.mc-bdel:hover{color:var(--red);border-color:#fecdca}
.mc-addband{width:100%;border:1.5px dashed #d5d7e2;background:none;border-radius:10px;padding:8px;color:var(--accent);
font-size:12.5px;font-weight:700;cursor:pointer;margin-top:2px}
.mc-addband:hover{background:var(--accent-soft)}
.mc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.mc-grid2 label{display:flex;flex-direction:column;gap:4px;min-width:0}
.mc-grid2 label span{font-size:10px;font-weight:800;letter-spacing:.06em;color:#9ca3af}
.mc-carry{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-top:10px;cursor:pointer}
.mc-carry input{accent-color:var(--accent)}
.mc-next{display:flex;justify-content:space-between;align-items:center;background:#f4f5fb;border-radius:12px;padding:12px 16px;font-size:13px}
.mc-next b{font-size:13.5px}
/* prehľad výplat manažérov + Moja výplata */
.mp-brk{display:grid;grid-template-columns:minmax(0,1fr) 90px 140px;gap:6px 12px;font-size:13px}
.mp-brk .h{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}
.mp-brk .num{text-align:right;font-variant-numeric:tabular-nums}
.mp-brk .tot{font-weight:800;border-top:1px solid var(--line);padding-top:7px;margin-top:3px}
/* ── Moja výplata (dizajn 87a): tmavý hero + donut, pásma s pruhmi, história ── */
.mv2-hero{position:relative;overflow:hidden;background:#111827;border-radius:20px;padding:30px 34px;
display:flex;gap:44px;align-items:center;margin-bottom:20px}
.mv2-glow{position:absolute;left:38%;top:-100px;width:380px;height:380px;border-radius:50%;
background:radial-gradient(circle, rgba(73,73,196,.4) 0%, rgba(73,73,196,0) 70%)}
.mv2-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative}
.mv2-cap{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b93e8}
.mv2-total{font-size:46px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1}
.mv2-sub{font-size:12.5px;color:#9ca3af}
.mv2-sub b{font-weight:700;color:#e5e7eb}
.mv2-chips{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.mv2-chip{display:flex;flex-direction:column;gap:1px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
border-radius:12px;padding:10px 16px}
.mv2-chip i{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}
.mv2-chip b{font-size:15px;font-weight:800;color:#fff}
.mv2-chip b em{font-style:normal;font-weight:600;color:#9ca3af}
.mv2-r{flex:none;display:flex;align-items:center;gap:22px;position:relative}
.mv2-donut{width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.mv2-donut-in{width:88px;height:88px;border-radius:50%;background:#111827;display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:1px}
.mv2-donut-in i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af}
.mv2-donut-in b{font-size:14px;font-weight:800;color:#fff;white-space:nowrap}
.mv2-leg{display:flex;flex-direction:column;gap:9px;min-width:0}
.mv2-leg > span{display:flex;align-items:center;gap:9px}
.mv2-leg i{width:10px;height:10px;border-radius:3px;flex:none}
.mv2-leg b{font-size:12.5px;color:#e5e7eb;font-weight:700;white-space:nowrap}
.mv2-leg em{font-style:normal;font-size:12.5px;color:#9ca3af;white-space:nowrap}
/* dve karty vedľa seba */
.mv2-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;align-items:flex-start;margin-bottom:26px}
.mv2-card{background:#fff;border:1px solid #e8eaee;border-radius:16px;overflow:hidden;min-width:0}
.mv2-ch{display:flex;align-items:baseline;gap:12px;padding:18px 24px;border-bottom:1px solid #eceef1}
.mv2-ch b{font-size:15px;font-weight:800;color:#111827}
.mv2-ch span{margin-left:auto;font-size:12px;color:#9ca3af;text-align:right}
.mv2-body{padding:18px 24px;display:flex;flex-direction:column;gap:14px}
.mv2-tier{display:grid;grid-template-columns:150px 52px 1fr 64px 104px;gap:12px;align-items:center}
.mv2-tier .n{font-size:13px;font-weight:700;color:#111827;white-space:nowrap}
.mv2-tier .b{justify-self:start;background:#eef0fd;color:#4949c4;font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;white-space:nowrap}
.mv2-tier .bar{height:10px;background:#f1f2f4;border-radius:99px;overflow:hidden;min-width:40px}
.mv2-tier .bar i{display:block;height:100%;background:#4949c4;border-radius:99px}
.mv2-tier .p,.mv2-flat .p{text-align:right;font-size:12.5px;color:#6b7280;white-space:nowrap}
.mv2-tier .s,.mv2-flat .s{text-align:right;font-size:13.5px;font-weight:800;color:#111827;white-space:nowrap}
.mv2-extra{border-top:1px solid #f2f3f5;padding-top:14px;display:flex;flex-direction:column;gap:12px}
.mv2-flat{display:grid;grid-template-columns:minmax(0,1fr) 64px 104px;gap:12px;align-items:center}
.mv2-flat .n{font-size:13px;font-weight:700;color:#111827}
.mv2-flat .n em{display:block;font-style:normal;font-size:11.5px;font-weight:400;color:#9ca3af;line-height:1.5;margin-top:2px}
.mv2-bb{background:#e6f6ec;color:#0e8a48;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;margin-left:4px}
.mv2-foot{display:flex;align-items:baseline;gap:10px;padding:15px 24px;background:#fbfbfd;border-top:1px solid #eceef1}
.mv2-foot b{font-size:13.5px;font-weight:800;color:#111827}
.mv2-foot span{margin-left:auto;font-size:18px;font-weight:800;color:#111827}
/* história */
.mv2-hrow{display:grid;grid-template-columns:minmax(0,1fr) 120px 110px;gap:10px;padding:14px 24px;align-items:center;border-bottom:1px solid #f4f5f7}
.mv2-hrow.hd{padding:11px 24px;background:#fbfbfd;border-bottom:1px solid #eceef1;font-size:10.5px;font-weight:800;
letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}
.mv2-hrow .num{text-align:right;justify-self:end}
.mv2-hrow .num.b{font-size:13.5px;font-weight:800;color:#111827}
.mv2-hrow .m{display:flex;flex-direction:column;gap:2px;min-width:0}
.mv2-hrow .m b{font-size:13.5px;font-weight:700;color:#111827}
.mv2-hrow .m i{font-style:normal;font-size:11.5px;color:#9ca3af}
.mv2-st{display:inline-block;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;white-space:nowrap}
.mv2-st.live{background:#eef0fd;color:#4949c4}
.mv2-st.green{background:#e6f6ec;color:#0e8a48}
.mv2-st.amber{background:#fef0c7;color:#b45309}
.mv2-st.gray{background:#f1f2f6;color:#6b7280}
.mv2-empty{padding:26px 24px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.mv2-empty b{font-size:13px;font-weight:700;color:#9ca3af}
.mv2-empty span{font-size:12px;color:#c0c4cc}
@media(max-width:1100px){
.mv2-grid{grid-template-columns:1fr}
.mv2-hero{flex-direction:column;align-items:stretch;gap:24px}
.mv2-r{justify-content:flex-start}
.mv2-tier{grid-template-columns:minmax(0,1fr) 52px 64px 104px}
.mv2-tier .bar{display:none}
}
/* ── Výplaty manažérov (dizajn 88a): karty manažérov + súhrn hore ── */
.mp2-hd{display:flex;align-items:stretch;gap:20px;margin-bottom:22px}
.mp2-hd-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}
.mp2-hd-l h1{margin:0}
.mp2-hd-l p{margin:0;font-size:13.5px;color:#6b7280}
.mp2-hd-l a{color:#4949c4;font-weight:700;text-decoration:none}
.mp2-hd-r{flex:none;display:flex;gap:14px}
.mp2-stat{width:230px;background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.mp2-stat.hl{background:linear-gradient(180deg,#cdd2f9 0%,#e7e9fd 100%);border:1.5px solid #a8b0ef}
.mp2-stat .l{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#9ca3af}
.mp2-stat.hl .l{color:#111827}
.mp2-stat .v{font-size:26px;font-weight:800;letter-spacing:-.01em;color:#111827}
.mp2-stat .d{font-size:12px;color:#9ca3af}
.mp2-stat.hl .d{color:#4b5cc4}
/* karta manažéra */
.mp2-card{background:#fff;border:1px solid #e8eaee;border-radius:16px;overflow:hidden;margin-bottom:16px}
.mp2-top{display:flex;align-items:center;gap:16px;padding:16px 24px;width:100%;border:none;background:none;
cursor:pointer;font-family:inherit;text-align:left;transition:background .12s}
.mp2-top:hover{background:#fbfbfd}
.mp2-av{width:38px;height:38px;border-radius:50%;background:#eef0fd;color:#4949c4;font-size:13px;font-weight:800;
display:flex;align-items:center;justify-content:center;flex:none}
.mp2-who{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.mp2-who b{font-size:15px;font-weight:800;color:#111827}
.mp2-who i{font-style:normal;font-size:12px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp2-cur{display:flex;flex-direction:column;gap:2px;align-items:flex-end;flex:none}
.mp2-cur i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}
.mp2-cur b{font-size:18px;font-weight:800;color:#111827}
.mp2-paidcol{flex:none;font-size:12.5px;color:#6b7280;width:170px;text-align:right}
.mp2-pill{flex:none;background:#eef0fd;color:#4949c4;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;white-space:nowrap}
.mp2-chev{flex:none;font-size:12px;color:#9ca3af}
.mp2-body{border-top:1px solid #eceef1}
/* pás zložiek + akcie */
.mp2-parts{display:flex;padding:16px 24px;border-bottom:1px solid #f2f3f5;flex-wrap:wrap;gap:12px 0}
.mp2-part{display:flex;flex-direction:column;gap:2px;padding-right:34px;margin-right:34px;border-right:1px solid #f2f3f5}
.mp2-part i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}
.mp2-part b{font-size:15px;font-weight:800;color:#111827}
.mp2-acts{margin-left:auto;align-self:center;display:flex;gap:8px}
.mp2-btn{border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:10px;padding:9px 16px;font-size:12.5px;
font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block;transition:.13s;white-space:nowrap}
.mp2-btn:hover{border-color:#4949c4;color:#4949c4}
/* rozpis podľa influencerov */
.mp2-topl{border-bottom:1px solid #f2f3f5;padding:6px 0}
.mp2-trow{display:grid;grid-template-columns:minmax(0,1fr) 160px 140px;gap:10px;padding:8px 24px;font-size:13px;align-items:center}
.mp2-trow.hd{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;padding-top:10px}
.mp2-trow .num{text-align:right;font-variant-numeric:tabular-nums;color:#6b7280}
.mp2-trow .num.b{font-weight:800;color:#111827}
.mp2-trow.ft span:first-child{font-size:11.5px;color:#c0c4cc}
/* história mesiacov */
.mp2-hrow{display:grid;grid-template-columns:minmax(0,1.4fr) 150px 160px 170px 190px;gap:10px;padding:14px 24px;
align-items:center;border-bottom:1px solid #f4f5f7}
.mp2-hrow:last-child{border-bottom:none}
.mp2-hrow.hd{padding:12px 24px;background:#fbfbfd;border-bottom:1px solid #eceef1;font-size:10.5px;font-weight:800;
letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}
.mp2-hrow .num{text-align:right;justify-self:end}
.mp2-hrow .num.b{font-size:13.5px;font-weight:800;color:#111827}
.mp2-hrow .num.soft{font-size:12.5px;color:#6b7280}
.mp2-hrow .m b{font-size:13.5px;font-weight:700;color:#111827}
.mp2-hrow .m i{display:block;font-style:normal;font-size:11.5px;color:#9ca3af}
.mp2-st{display:inline-block;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;white-space:nowrap}
.mp2-st.amber{background:#fff7e6;color:#b45309}
.mp2-st.green{background:#e6f6ec;color:#0e8a48}
.mp2-st.gray{background:#f1f2f6;color:#6b7280}
.mp2-ref{display:block;font-style:normal;font-size:11px;color:#9ca3af;text-align:right}
.mp2-pay{border:none;background:#111827;color:#fff;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:800;
cursor:pointer;font-family:inherit;transition:background .13s;white-space:nowrap}
.mp2-pay:hover{background:#2a2d35}
.mp2-empty{padding:22px 24px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.mp2-empty b{font-size:12.5px;font-weight:700;color:#9ca3af}
.mp2-empty span{font-size:11.5px;color:#c0c4cc}
@media(max-width:1100px){
.mp2-hd{flex-direction:column}
.mp2-hd-r{flex-wrap:wrap}
.mp2-paidcol{display:none}
.mp2-hrow{grid-template-columns:minmax(0,1fr) 120px 150px}
.mp2-hrow .num:nth-child(3),.mp2-hrow.hd span:nth-child(3){display:none}
}
/* ── Onboarding nástenka (onboarding.php, dizajn 90a) — kompaktné karty v stĺpcoch ── */
.kb-wrap{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(calc((100% - 4px) / 4),1fr);gap:12px;align-items:start;
margin:0 -16px;padding:0 16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
scrollbar-width:none;-ms-overflow-style:none}
.kb-col{scroll-snap-align:start}
/* posuvník nástenky sa nekreslí – posúva sa kolieskom, trackpadom aj ťahaním */
.kb-wrap::-webkit-scrollbar{display:none}
.kb-list{padding:8px}
.kb-col{background:#fff;border:1px solid #e2e4e8;border-radius:16px;overflow:hidden;
box-shadow:0 5px 16px -12px rgba(16,24,40,.25)}
.kb-col-hd{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid rgba(17,24,39,.06);
font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.kb-col-hd .dot{width:8px;height:8px;border-radius:50%;flex:none}
.kb-cnt{margin-left:auto;background:#fff;border-radius:99px;font-size:11.5px;font-weight:800;padding:2px 9px}
.kb-list{padding:10px;display:flex;flex-direction:column;gap:7px}
.kb-list[hidden]{display:none}
.kb-col.fold .kb-col-hd{cursor:pointer}
.kb-col.fold .kb-col-hd:hover{filter:brightness(.98)}
.kb-colchev{display:flex;color:#9ca3af;transition:transform .15s;margin-left:2px}
.kb-col.fold.open .kb-colchev{transform:rotate(180deg)}
.kb-empty{padding:20px 10px;text-align:center;font-size:12.5px;color:#9aa0ae}
/* hľadanie kontaktu nad nástenkou — ľavý horný roh, zarovnané s prvým stĺpcom */
.kb-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 -16px 13px}
.kb-search{display:flex;align-items:center;gap:9px;width:352px;max-width:100%;height:42px;padding:0 12px;
background:#fff;border:1.5px solid var(--line2);border-radius:12px;cursor:text;
box-shadow:0 4px 14px -12px rgba(16,24,40,.4);transition:border-color .14s,box-shadow .14s}
.kb-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(91,91,214,.10)}
.kb-search>svg{flex:none;color:#a3a8b4;transition:color .14s}
.kb-search:focus-within>svg{color:var(--accent)}
/* vyššia špecificita než globálne input[type=search] */
.kb-search input[type=search]{flex:1;min-width:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;
box-shadow:none;font-size:13.5px;font-weight:600;font-family:inherit;color:var(--text)}
.kb-search input[type=search]:focus{border:0;background:transparent;box-shadow:none;outline:none}
.kb-search input::placeholder{color:#a8adb8;font-weight:500}
.kb-search input::-webkit-search-decoration,
.kb-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.kb-x{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;
border:0;border-radius:7px;background:#f0f1f4;color:#6b7280;cursor:pointer;transition:background .13s,color .13s}
.kb-x:hover{background:#e4e6ea;color:#374151}
.kb-x[hidden]{display:none}
.kb-found{font-size:12px;font-weight:700;color:#4646b8;background:#eef0ff;border:1px solid #dcdff7;
padding:6px 12px;border-radius:99px;white-space:nowrap}
.kb-found.none{color:#b91c1c;background:#fef2f2;border-color:#fddcdc}
.kb-found[hidden]{display:none}
/* mimo výsledku hľadania karta zmizne, prázdny stĺpec ostane ticho stáť */
.req28-row.kb-card.hid{display:none}
.kb-wrap.searching .kb-empty{display:none}
.req28-row.kb-card{display:block;padding:0;background:#fff;border:1.5px solid #eceef1;border-radius:12px;overflow:hidden;
transition:border-color .12s,box-shadow .12s}
.req28-row.kb-card:hover{border-color:#d7dbe4}
.req28-row.kb-card.open{border-color:#c7cbff;box-shadow:0 6px 18px -12px rgba(73,73,196,.5)}
.kb-line{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;min-width:0}
.kb-flag{flex:none;display:flex;align-items:center;font-size:13px;line-height:1;width:16px;justify-content:center}
.kb-flag .req28-ctry{margin:0}
.kb-line:hover{background:#fafafc}
/* 2. fáza: zbalený riadok nesie jemnú farbu manažéra, ktorý žiadosť rieši
(pozadie + prúžok vľavo v jeho tóne — rovnaké tóny ako štítok „Rieši …") */
.kb-line.mgr{box-shadow:inset 3px 0 0 var(--mgr)}
.kb-line.mgr.t0{--mgr:#22b8cf;background:#eafafd}.kb-line.mgr.t0:hover{background:#d9f4fa}
.kb-line.mgr.t1{--mgr:#5aae90;background:#e9f7f1}.kb-line.mgr.t1:hover{background:#ddf2e9}
.kb-line.mgr.t2{--mgr:#dd7ba8;background:#fdeff5}.kb-line.mgr.t2:hover{background:#fce4ee}
.kb-line.mgr.t3{--mgr:#6aa8dc;background:#eaf3fc}.kb-line.mgr.t3:hover{background:#deecfa}
.kb-line.mgr.t4{--mgr:#f28c28;background:#fff3e8}.kb-line.mgr.t4:hover{background:#ffe8d3}
.kb-line.mgr.t5{--mgr:#c9a05c;background:#faf2e6}.kb-line.mgr.t5:hover{background:#f6ebd9}
/* avatar: zaoblený štvorec (nie kruh) + oranžová bublinka s počtom komentárov */
.kb-av{position:relative;flex:none;display:flex}
/* štít levelu na karte onboardingu (Čaká na BIO) – avatar má len 28 px, štít je preto menší;
šípku odhadu levelu tu nekreslíme, prekrývala by vlajku vľavo */
.kb-av .lvbadge{left:-7px;top:-7px;width:17px;height:19px;filter:drop-shadow(0 1px 2px rgba(16,24,40,.4))}
.kb-av .lvbadge b{font-size:7px}
.kb-av .lvar{display:none}
.kb-card .req28-av{width:28px;height:28px;font-size:10px;flex:none;border-radius:9px}
.kb-card .req28-av.has img{border-radius:9px}
.kb-nc{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;
background:#f79009;border:2px solid #fff;color:#fff;font-size:9px;font-weight:800;line-height:11px;
display:flex;align-items:center;justify-content:center;pointer-events:none}
/* počet odoslaných kontaktných e-mailov — zelená guľôčka v pravom dolnom rohu profilovky */
.kb-mc{position:absolute;bottom:-4px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;
background:var(--green);border:2px solid #fff;color:#fff;font-size:9px;font-weight:800;line-height:11px;
display:flex;align-items:center;justify-content:center;pointer-events:none}
.kb-nm{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center}
.kb-nm b{min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-mini{display:flex;gap:3px;flex:none}
.kb-mini .sn-tile{width:16px;height:16px;border-radius:5px}
.kb-mini .sn-tile svg{width:9px;height:9px}
.kb-more{width:16px;height:16px;border-radius:5px;background:#f1f2f4;color:var(--muted);font-size:8px;font-weight:800;
display:flex;align-items:center;justify-content:center;flex:none}
.kb-badge{background:#fff4e3;color:#b45309;font-size:10px;font-weight:800;padding:2px 7px;border-radius:99px;flex:none;white-space:nowrap}
/* kompletný účet (X zo X) svieti nazeleno — dá sa schváliť */
.kb-badge.ok{background:#e6f6ec;color:#0e8a48}
.kb-date{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;font-size:10.5px;color:#9ca3af;font-variant-numeric:tabular-nums}
.kb-date i{font-style:normal;font-size:9px;color:#c0c4cc}
.kb-chev{flex:none;color:#c0c4cc;display:flex;transition:transform .15s}
.kb-card.open .kb-chev{transform:rotate(180deg)}
.kb-body{display:flex;flex-direction:column;gap:10px;border-top:1px solid #f2f3f5;padding:11px 12px 12px;
background:#fbfbfd;position:relative}
/* krok späť o jeden stĺpec – šípka v pravom hornom rohu rozbaleného detailu */
/* Stav siete priamo na jej ikone — v zbalenom riadku aj v rozbalenom detaile:
červený krúžok = treba opraviť, zelený = overené alebo opravené. Bez krúžku
znamená „ešte nevieme" (kontrola beží v crone). Dôvod je v tooltipe ikony. */
.sn-tile.badnet{box-shadow:0 0 0 2px var(--red)}
.sn-tile.oknet{box-shadow:0 0 0 2px #12b76a}
.kb-mini .sn-tile.badnet{box-shadow:0 0 0 1.5px var(--red)}
.kb-mini .sn-tile.oknet{box-shadow:0 0 0 1.5px #12b76a}
/* Nová žiadosť — fialový rám drží, kým si admin kartu neotvorí (onb_seen v DB) */
.kb-card.kb-new{box-shadow:0 0 0 2px var(--accent)}
.kb-card.kb-new .kb-line{border-radius:12px}
/* Odchod karty (zamietnutie, odstránenie) — plynulé zavinutie namiesto obnovenia stránky */
.kb-card.kb-out{overflow:hidden;opacity:0;transform:scale(.98);max-height:0!important;
margin-top:0!important;margin-bottom:0!important;padding-top:0;padding-bottom:0;
transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .18s ease,transform .22s ease,margin .28s ease}
@media(prefers-reduced-motion:reduce){.kb-card.kb-out{transition:opacity .15s ease}}
/* Práve pribudnutá žiadosť — krátko svieti, nech ju manažér nájde očami */
@keyframes kbFreshIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.kb-card.kb-fresh-in{animation:kbFreshIn .28s ease-out;box-shadow:0 0 0 2px var(--accent),0 8px 22px rgba(73,73,196,.18)}
@media(prefers-reduced-motion:reduce){.kb-card.kb-fresh-in{animation:none}}
/* štítok „z reklamy" na onboarding karte — megafón + zdroj a kampaň z UTM */
.kb-utm{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;
color:#9a3fb5;background:#faf0fd;border:1px solid #eed4f6;border-radius:99px;
padding:3px 9px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-utm svg{flex:none}
.kb-back{position:absolute;top:9px;right:10px;width:28px;height:28px;border-radius:9px;border:1px solid var(--line2);
background:#fff;color:#b9bfc9;display:flex;align-items:center;justify-content:center;cursor:pointer;
transition:.15s;padding:0}
.kb-back:hover{background:#eef0f4;border-color:#c2c7cf;color:#4b5563}
.kb-back:active{transform:translateX(-1px)}
/* skratka do nastavení účtu v 1. a 2. stĺpci – vedľa tlačidla späť, inak na jeho mieste */
.kb-gear{position:absolute;top:9px;right:10px;width:28px;height:28px;border-radius:9px;border:1px solid var(--line2);
background:#fff;color:#b9bfc9;display:flex;align-items:center;justify-content:center;cursor:pointer;
transition:.15s;padding:0;text-decoration:none}
.kb-gear.shift{right:44px}
.kb-gear:hover{background:#eef0f4;border-color:#c2c7cf;color:#4b5563}
.kb-gear:active{transform:scale(.94)}
.kb-body[hidden]{display:none}
.req28-row.kb-card[hidden]{display:none}
.kb-contact{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;font-weight:700;min-width:0}
.kb-contact a,.kb-contact .ph-copy{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-body .kb-nets{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.kb-body .kb-nets .sn-tile{width:30px;height:30px;border-radius:9px}
.kb-body .kb-nets .sn-tile svg{width:15px;height:15px}
.kb-body .kb-nets .qc{margin-left:0;gap:6px}
.kb-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.kb-chips .req28-mgr{margin-left:0}
.kb-ico{display:flex;gap:6px;margin-left:auto}
.kb-ico .onb-ico,.kb-ico .note-ico{width:28px;height:28px;border-radius:8px}
.kb-setup{display:flex;flex-direction:column;gap:6px}
.kb-setup .hd{display:flex;align-items:baseline;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:.05em;
text-transform:uppercase;color:#9ca3af}
.kb-setup .hd em{color:#0e8a48;font-style:normal}
.kb-setup .hd i{margin-left:auto;font-style:normal;font-size:11px;color:#b45309;text-transform:none;letter-spacing:0}
.kb-setup.ok .hd i{color:#0e8a48}
.kb-setup .bar{height:5px;background:#f1f2f4;border-radius:99px;overflow:hidden}
.kb-setup .bar span{display:block;height:100%;background:#d97706;border-radius:99px}
.kb-setup.ok .bar span{background:#0e8a48}
.kb-setup .chips{display:flex;gap:5px;flex-wrap:wrap}
.kb-setup .chips em{border:1px solid #f0d9a8;background:#fdf6e3;color:#b45309;font-size:10.5px;font-weight:700;
padding:3px 9px;border-radius:99px;font-style:normal}
.kb-btns{display:flex;gap:6px}
.kb-b1,.kb-b2{border-radius:9px;padding:9px 10px;font-size:11.5px;font-weight:800;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;text-decoration:none}
.kb-b1{flex:1;border:none;background:var(--accent);color:#fff}
.kb-b1 svg:last-child{margin-left:4px}
.kb-b1:hover{background:var(--accent-2)}
.kb-b1.ok{background:#0e8a48}
.kb-b1.ok:hover{background:#0b7038}
.kb-b1.warn{background:#d97706}
.kb-b1.warn:hover{background:#b45309}
/* schváliť sa dá až po kompletnom účte */
.kb-b1:disabled{background:#e5e7eb;color:#9aa0ae;cursor:not-allowed}
.kb-b1.ok:disabled{background:#e5e7eb;color:#9aa0ae}
.kb-b2{flex:none;border:1px solid var(--line2);background:#fff;color:var(--muted);font-weight:700;padding:9px 12px}
.kb-b2:hover{border-color:var(--red);color:var(--red)}
.kb-b2.del{color:#9ca3af}
.kb-b1:disabled,.kb-b2:disabled{opacity:.55;cursor:not-allowed}
.kb-legend{margin:18px 0 0;font-size:12px;color:#9ca3af;line-height:1.5;max-width:1100px}
/* stav BIO v stĺpci „Čaká na BIO" – povinné siete a čo im v BIO chýba */
.kb-bio{display:flex;flex-direction:column;gap:8px;background:#f7f8fa;border:1px solid #eef0f3;border-radius:12px;padding:10px 11px}
.kb-bio .hd{display:flex;align-items:baseline;gap:8px}
.kb-bio .hd b{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#0e8a48}
.kb-bio .hd i{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#9aa1ac}
.kb-bio .row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #f1f2f4;border-radius:10px;padding:7px 9px}
.kb-bio .row.ok{border-color:#bfe6cd;background:#f6fcf8}
.kb-bio .row .sn-tile{width:22px;height:22px;border-radius:7px;flex:none}
.kb-bio .row .sn-tile svg{width:12px;height:12px}
.kb-bio .row b{font-size:12.5px;font-weight:800;color:var(--text)}
.kb-bio .row em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:#b45309;background:#fdf3e1;border-radius:99px;padding:2px 7px}
.kb-bio .row.ok em{color:#0e8a48;background:#e6f6ec}
.kb-bio .row .sn-auto{margin-left:auto;border-right:0;padding-right:0;text-align:right;align-items:flex-end}
.kb-bio .row .sn-auto i{padding-left:0;padding-right:14px}
.kb-bio .row .sn-auto i::before{left:auto;right:0}
.kb-bio .row .sn-auto span{font-size:10px}
.kb-bio .more{display:flex;align-items:center;gap:5px;font-size:11px;color:#9aa1ac}
.kb-bio .more .sn-tile.sm{width:18px;height:18px;border-radius:6px}
.kb-bio .more .sn-tile.sm svg{width:10px;height:10px}
.kb-bio{gap:6px;padding:8px 9px}
.kb-bio .hd{align-items:center}
.kb-bio .row{gap:7px;padding:5px 8px;min-height:34px}
.kb-bio .row b{font-size:12px;white-space:nowrap}
.kb-bio .row em{font-size:8.5px;padding:1px 6px;white-space:nowrap}
.kb-bio .row .sn-auto{flex:1 1 auto;min-width:0;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px 9px}
.kb-bio .row .sn-auto > span{display:none}
.kb-bio .row .sn-auto.man > span{display:inline;margin:0}
.kb-bio .row .sn-auto b{font-size:11px;white-space:nowrap}
.kb-bio .row .sn-man-go{align-self:center;margin:0;font-size:10.5px}
.kb-fbn{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.kb-fbn > span:first-child{font-size:10.5px;font-weight:700;color:#6b7280;margin-right:auto}
.kb-fbn .seg{display:inline-flex;background:#eceef2;border-radius:99px;padding:2px}
.kb-fbn button{border:0;background:transparent;font:inherit;font-size:11px;font-weight:700;color:#6b7280;padding:3px 9px;border-radius:99px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.kb-fbn button.on{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.14)}
.kb-fbn button:not(.on):hover{color:var(--text)}
.kb-fbn button:disabled{cursor:wait}
.kb-fbn button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.kb-fbn .sn-tile{width:15px;height:15px;border-radius:5px;flex:none}
.kb-fbn .sn-tile svg{width:9px;height:9px}
@media(max-width:760px){.kb-wrap{grid-auto-columns:minmax(300px,1fr)}}
@media(max-width:760px){.kb-search{width:100%}}
/* ── Onboarding neschváleného účtu (dizajn 93a) — písané pre mobil, rozširuje sa nahor ── */
.ob-pfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.ob-pfoot .ob-save{min-width:132px;justify-content:center;margin-left:auto}
.ob-pfoot .ob-addwrap{margin-top:0}
/* pozvánka posunúť sa na program */
.ob-scroll{display:flex;flex-direction:column;align-items:center;gap:7px;margin:14px auto 42px;padding:10px 18px;
border:none;background:none;color:#9aa1ac;font:inherit;font-size:14px;font-weight:600;cursor:pointer;
transition:color .15s,opacity .3s;-webkit-tap-highlight-color:transparent}
.ob-scroll:hover{color:var(--accent)}
.ob-scroll svg{animation:obScrollHint 1.9s ease-in-out infinite}
@keyframes obScrollHint{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(7px);opacity:1}}
/* biely pás s programom */
.ob-info{background:#fff;border-top:1px solid #eceef1;padding:38px 0 46px}
/* na tejto strane nesmie pod bielym pásom ostať sivý pruh */
.pwrap:has(.ob-wrap){padding-bottom:0}
/* prvky mobilného dizajnu 94a – na desktope sa neukazujú */
.ob-st,.ob-chev,.ob-bar,.oi-swipe,.oi-dots{display:none}
/* Na veľkej obrazovke drží sivá časť celú výšku okna: šípka „Ako to funguje" sedí
na jej spodku a biely pás s programom sa ukáže až po skrolovaní. Na mobile to
netreba – checklist je tam aj tak vyšší než obrazovka. 60 px je výška hlavičky,
ktorá je sticky, teda v toku nad .pwrap. */
@media(min-width:960px){
.pwrap:has(.ob-wrap){min-height:calc(100vh - 60px)}
.pwrap:has(.ob-wrap) .ob-wrap{flex:1}
/* dve automatické medzery si voľné miesto rozdelia rovnakým dielom: obsah tak stojí
v strede obrazovky a šípka ostáva dole na jej spodku */
.ob-wrap .ob-hi{margin-top:auto}
.ob-wrap > form{margin-bottom:auto}
}
.oi-in{width:100%;max-width:1000px;margin:0 auto;padding:0 18px;display:flex;flex-direction:column}
.oi-eyebrow{text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.oi-eyebrow.mt{margin-top:46px}
.oi-h2{margin:10px 0 0;text-align:center;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text);text-wrap:balance}
.oi-lead{margin:10px auto 0;max-width:560px;text-align:center;font-size:15px;line-height:1.6;color:#9aa1ac}
/* 1-2-3 kroky (na mobile pod sebou, od tabletu v rade so spojnicou) */
.oi-steps{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.oi-step{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.oi-step b{font-size:15.5px;font-weight:800;color:var(--text)}
.oi-step i{font-style:normal;font-size:13px;line-height:1.55;color:#9aa1ac;max-width:260px}
.oi-line{display:flex;align-items:center;width:100%;justify-content:center}
.oi-line .n{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:800;
display:flex;align-items:center;justify-content:center;flex:none}
.oi-line i{height:2.5px;background:#e2e4f5;flex:1;max-width:0;transition:max-width .2s}
/* prínosy */
.oi-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:30px}
.oi-card{background:#f7f8fa;border:1px solid #eef0f3;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0}
.oi-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;
font-size:16px;font-weight:800}
.oi-ic.p{background:#eef0fd;color:#4949c4}
.oi-ic.b{background:#fdf3e1}
.oi-ic.g{background:#e7f6ec;color:#0e8a48;font-size:12px}
.oi-ic.v{background:#f3e8fd;color:#7c3aed}
.oi-card b{font-size:15.5px;font-weight:800;color:var(--text)}
.oi-card i{font-style:normal;font-size:13px;line-height:1.55;color:#9aa1ac;margin-top:-3px}
/* úrovne odmien */
.oi-tiers{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px;align-items:stretch}
.oi-tier{background:#f7f8fa;border:1px solid #eef0f3;border-radius:16px;padding:22px 22px 18px;display:flex;flex-direction:column;min-width:0}
.oi-tier.mid{background:#eef0fd;border-color:#dcdfef}
.oi-tier.top{background:linear-gradient(180deg,#cdd2f9 0%,#e7e9fd 100%);border:1.5px solid #a8b0ef;
box-shadow:0 12px 28px -16px rgba(73,73,196,.55)}
.oi-th{display:flex;align-items:center;gap:9px}
.oi-th .lv{font-size:11px;font-weight:800;letter-spacing:.12em;color:#9ca3af}
.oi-tier.mid .oi-th .lv{color:var(--accent)}
.oi-tier.top .oi-th .lv{color:#4949c4}
.oi-th .tv{margin-left:auto;font-size:11.5px;font-weight:700;color:#9aa1ac}
.oi-tier.mid .oi-th .tv,.oi-tier.top .oi-th .tv{color:#4b5563}
.oi-cap{font-size:13px;font-weight:700;color:#9aa1ac;margin-top:14px}
.oi-tier.mid .oi-cap,.oi-tier.top .oi-cap{color:#4b5563}
.oi-big{font-size:31px;font-weight:800;letter-spacing:-.025em;color:var(--text);line-height:1.1;margin-top:2px;
font-variant-numeric:tabular-nums}
.oi-rows{display:flex;flex-direction:column;margin-top:16px}
.oi-rows .r{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid #e6e8ec}
.oi-tier.mid .oi-rows .r{border-top-color:#dcdfef}
.oi-tier.top .oi-rows .r{border-top-color:rgba(73,73,196,.18)}
.oi-rows .k{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;font-size:13px;color:#9aa1ac}
.oi-tier.mid .oi-rows .k,.oi-tier.top .oi-rows .k{color:#4b5563}
.oi-rows .k i{font-style:normal;font-size:11.5px;color:#b8bec8}
.oi-tier.mid .oi-rows .k i,.oi-tier.top .oi-rows .k i{color:#6b7280}
.oi-rows b{font-size:15px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.oi-rows b.zero{font-weight:600;color:#b8bec8}
.oi-tier.mid .oi-rows b.zero{color:#9aa1ac}
.oi-tier.top .oi-rows b.zero{color:#6b7280}
.oi-note{text-align:center;font-size:12.5px;color:#9aa1ac;margin-top:16px}
/* tmavé CTA */
.oi-cta{background:#111827;border-radius:18px;padding:30px 22px;margin-top:44px;display:flex;flex-direction:column;
align-items:center;gap:8px;text-align:center}
.oi-cta b{font-size:20px;font-weight:800;letter-spacing:-.01em;color:#fff}
.oi-cta > span{font-size:14px;color:#9ca3af;max-width:420px}
.oi-contact{display:flex;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap;width:100%}
.oi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;
font-size:14px;font-weight:800;color:#fff;text-decoration:none;transition:filter .15s,transform .1s;flex:1;min-width:190px}
.oi-btn svg{width:16px;height:16px;fill:currentColor;flex:none}
.oi-btn.wa{background:#25d366}
.oi-btn.tg{background:#2aabee}
.oi-btn:hover{filter:brightness(1.06)}
.oi-btn:active{transform:translateY(1px)}
/* odkrývanie pri skrolovaní */
.rev{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.rev.in{opacity:1;transform:none}
.ob-info.revdone .rev{opacity:1;transform:none;transition:none}
.oi-steps .rev:nth-child(2),.oi-cards .rev:nth-child(2),.oi-tiers .rev:nth-child(2){transition-delay:.07s}
.oi-steps .rev:nth-child(3),.oi-cards .rev:nth-child(3),.oi-tiers .rev:nth-child(3){transition-delay:.14s}
.oi-cards .rev:nth-child(4){transition-delay:.21s}
@media (prefers-reduced-motion:reduce){
.rev{opacity:1;transform:none;transition:none}
.ob-scroll svg{animation:none}
}
/* ── tablet ── */
@media(min-width:640px){
.oi-in{padding:0 26px}
.oi-h2{font-size:27px}
.oi-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}
.oi-card{padding:20px}
.oi-card b{font-size:16px}
.oi-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.oi-tier{padding:24px 20px 20px}
.oi-big{font-size:28px}
.oi-btn{flex:none}
.ob-info{padding:46px 0 54px}
}
/* ── desktop ── */
@media(min-width:960px){
.oi-h2{font-size:30px}
.oi-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.oi-steps{flex-direction:row;gap:0;margin-top:32px}
.oi-step{flex:1}
.oi-line i{max-width:none}
.oi-step:first-child .oi-line .l,.oi-step:last-child .oi-line .r{background:transparent}
.oi-big{font-size:34px}
.oi-cta{padding:36px}
.oi-cta b{font-size:22px}
}
/* ── Onboarding neschváleného účtu: mobil (dizajn 94a) ── */
@media(max-width:640px){
/* obsah sa musí zmestiť do šírky telefónu – žiadne vodorovné posúvanie.
Spodné odsadenie robí miesto lepiacej kontaktnej lište. */
/* zamknuté menu na mobile nič nerobí a zaberá riadok – necháme len hlavičku.
:has(.ppill.dis) mieri výhradne na neschválený účet, portál schváleného sa nemení. */
.ptop .pnav:has(.ppill.dis){display:none}
/* Obsah plynie prirodzene – prvá obrazovka sa na mobile na výšku okna nenaťahuje.
Naťahovanie cez svh nechávalo pod šípkou prázdnu plochu a pri každom skrytí
lišty prehliadača prepočítalo výšku, takže gap sa zväčšoval a zmenšoval.
Kontaktná lišta je fixná a plynúci obsah jej podíde, rezervu tu netreba. */
.ob-wrap{margin:14px auto 0;gap:12px;max-width:100%;padding:0 14px 18px}
/* ── stavová karta: pozdrav a stav schvaľovania sú jedna karta ── */
.ob-hi{flex-direction:column;align-items:stretch;gap:7px;padding:18px 18px 0;border-radius:18px}
.ob-hi h1{max-width:none;font-size:23px;line-height:1.25}
/* pozdrav je na mobile jednoriadkový – zalomenie za oslovením je len pre desktop */
.ob-hi h1 .ob-brk{display:none}
.ob-hi p{font-size:14px;line-height:1.55;padding-top:0}
.ob-st{display:flex;flex-direction:column;gap:10px;background:#fdf3e1;
margin:11px -18px 0;padding:14px 18px 16px;border-radius:0 0 18px 18px}
.ob-st .hd{display:flex;align-items:center;gap:9px}
.ob-st .hd b{flex:1;min-width:0;font-size:14.5px;font-weight:800;color:#c2570f}
.ob-st .hd em{flex:none;font-style:normal;background:#fff;color:#c2570f;font-size:11.5px;font-weight:800;
padding:3px 10px;border-radius:99px;white-space:nowrap}
.ob-st .bar{display:flex;gap:5px}
.ob-st .bar i{flex:1;height:4px;border-radius:99px;background:rgba(233,164,74,.28)}
.ob-st .bar i.on{background:#e9a44a}
.ob-st .tx{font-size:12.5px;color:#cf7b2e;line-height:1.5}
/* jantárový riadok v checkliste by stav opakoval – stav je hore v karte */
.ob-row.approve{display:none}
/* ── checklist: riadky so šípkou, ťuknutie ich vyroluje ── */
.ob-card{border-radius:18px}
.ob-row{padding:16px 18px;gap:12px;border-bottom:1px solid #f1f2f4}
.ob-card .ob-row:first-child{border-radius:18px 18px 0 0}
.ob-card .ob-row:nth-last-child(2){border-bottom:none;border-radius:0 0 18px 18px}
.ob-row-top{gap:12px;align-items:center;min-height:44px;cursor:pointer}
.ob-ic{width:26px;height:26px;font-size:11px}
.ob-txt b{font-size:15px;line-height:1.3}
.ob-txt i{font-size:12.5px;line-height:1.4}
.ob-toggle{display:none}
.ob-chev{display:flex;flex:none;color:#b8bec8;transition:transform .16s}
.ob-row.open .ob-chev{transform:rotate(90deg);color:var(--accent)}
.ob-panel{padding:2px 0 4px}
.ob-cf{grid-template-columns:1fr;gap:12px}
.ob-lbl{font-size:10.5px}
.ob-cf input{height:48px;font-size:14.5px;border-radius:11px}
/* siete: každá vo vlastnom rámčeku – logo, odkaz a tlačidlá v jednom riadku */
.ob-socs{gap:10px}
.ob-soc{flex-wrap:wrap;gap:9px;border:1px solid #f1f2f4;border-radius:13px;padding:12px}
.ob-soc .sn-tile{width:26px;height:26px;border-radius:8px}
.ob-netn{display:block;flex:1;min-width:0;font-size:14px}
.ob-soc{flex-wrap:nowrap}
.ob-soc input{flex:1 1 auto;min-width:0;height:44px;font-size:13.5px;border-radius:10px}
.ob-del{width:34px;height:34px;border-radius:10px}
.ob-pfoot{flex-direction:column;align-items:stretch}
.ob-pfoot .ob-save{width:100%;margin-left:0;height:46px}
.ob-pfoot .ob-add{width:100%;padding:12px}
/* pätička s vetou o odomknutí je na mobile zbytočná – šetríme výšku */
.ob-foot{display:none}
.ob-scroll{margin:6px auto 0}
/* ── lepiaca kontaktná lišta; pri programe ustúpi tmavému CTA ── */
.ob-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;flex-direction:column;gap:8px;
background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-top:1px solid #eceef1;
padding:11px 16px calc(14px + env(safe-area-inset-bottom));transition:transform .22s,opacity .22s}
.ob-bar.gone{transform:translateY(115%);opacity:0;pointer-events:none}
.ob-bar .t{font-size:12px;color:#9aa1ac;text-align:center}
.ob-bar .b{display:flex;gap:8px}
.ob-bar a{flex:1;border-radius:12px;padding:13px 10px;text-align:center;font-size:14px;font-weight:800;color:#fff}
.ob-bar .wa{background:#25d366}
.ob-bar .tg{background:#2aabee}
/* ── program: kroky pod sebou, benefity 2×2, levely v karuseli ── */
.ob-info{padding:24px 0 26px}
.oi-in{padding:0 16px}
.oi-eyebrow{text-align:left;font-size:11px}
.oi-h2{text-align:left;font-size:23px;line-height:1.25;margin-top:8px}
.oi-lead{text-align:left;font-size:14px;max-width:none;margin:8px 0 0}
.oi-steps{gap:0;margin-top:22px}
.oi-step{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:13px;align-items:start;text-align:left}
.oi-line{grid-column:1;grid-row:1 / span 2;flex-direction:column;justify-content:flex-start;gap:4px;width:30px;height:100%}
.oi-line .l{display:none}
.oi-line .n{width:30px;height:30px;font-size:13px}
.oi-line .r{width:2.5px;height:auto;flex:1;max-width:none;border-radius:99px;background:#e2e4f5}
.oi-steps .oi-step:last-child .oi-line .r{display:none}
.oi-steps .oi-step:last-child i{padding-bottom:0}
.oi-step b{grid-column:2;grid-row:1;font-size:15px}
.oi-step i{grid-column:2;grid-row:2;max-width:none;font-size:13px;padding-bottom:18px}
.oi-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:26px}
.oi-card{padding:14px;gap:8px}
.oi-ic{width:32px;height:32px;border-radius:9px}
.oi-card b{font-size:14px;line-height:1.3}
.oi-card i{font-size:12px;line-height:1.45}
/* nadpis levelov nestojí nalepený na kraji – aj s nápovedou je v strede nad karuselom */
.oi-eyebrow.mt{margin-top:32px;text-align:center}
.oi-swipe{display:block;text-align:center;font-size:12.5px;color:#9aa1ac;margin-top:6px}
.oi-tiers{display:flex;gap:10px;margin:16px -16px -12px;padding:6px 16px 28px;overflow-x:auto;
scroll-snap-type:x mandatory;scroll-padding-left:16px;scroll-padding-right:16px;
-webkit-overflow-scrolling:touch;scrollbar-width:none}
.oi-tiers::-webkit-scrollbar{display:none}
.oi-tier{flex:none;width:262px;scroll-snap-align:start;padding:18px 18px 15px}
.oi-big{font-size:30px}
.oi-dots{display:flex;gap:5px;justify-content:center;margin-top:12px}
.oi-dots i{width:4px;height:4px;border-radius:99px;background:#dcdfef;transition:width .18s,background .18s}
.oi-dots i.on{width:16px;background:#5a5cd8}
.oi-note{margin-top:14px;font-size:12.5px}
.oi-cta{padding:24px 20px;margin-top:22px;border-radius:18px}
.oi-cta b{font-size:19px}
.oi-cta > span{font-size:13.5px}
.oi-contact{flex-direction:column;gap:8px;margin-top:10px}
.oi-btn{width:100%;min-width:0;padding:14px;border-radius:12px}
}
/* ===== Prevedenie účtom po prvom vstupe (dizajn 95a) ===== */
/* svetlo na komponent: obrovský box-shadow stmaví celý zvyšok obrazovky */
.tw-ov{position:fixed;inset:0;z-index:200;pointer-events:none}
.tw-ov[hidden]{display:none}
.tw-spot{position:fixed;border-radius:18px;pointer-events:none;
box-shadow:0 0 0 9999px rgba(13,20,32,.66),0 0 0 3px rgba(255,255,255,.9);
transition:top .28s cubic-bezier(.4,0,.2,1),left .28s cubic-bezier(.4,0,.2,1),
width .28s cubic-bezier(.4,0,.2,1),height .28s cubic-bezier(.4,0,.2,1)}
.tw-tip{position:fixed;width:352px;box-sizing:border-box;background:#fff;border-radius:16px;
padding:20px 22px 18px;box-shadow:0 22px 48px -18px rgba(8,13,24,.55);
display:flex;flex-direction:column;gap:10px;pointer-events:auto;animation:fadein .18s ease;
transition:opacity .2s ease,transform .2s ease}
/* pri prechode na ďalší krok bublina zmizne, stránka sa presunie a text sa ukáže
až na mieste – inak sa prepíše ešte pri starom komponente a pôsobí to rozhodené */
.tw-tip.tw-move{opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;animation:none}
@media(prefers-reduced-motion:reduce){.tw-tip{transition:none}.tw-tip.tw-move{opacity:1;transform:none}}
.tw-arr{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}
.tw-k{display:flex;align-items:center;gap:8px}
.tw-k b{font-size:10.5px;font-weight:800;letter-spacing:.11em;color:#4949c4}
.tw-k em{font-style:normal;background:#4949c4;color:#fff;font-size:9.5px;font-weight:800;
letter-spacing:.08em;padding:2px 7px;border-radius:99px}
.tw-k em[hidden]{display:none}
.tw-t{font-size:17.5px;font-weight:800;letter-spacing:-.01em;color:#111827;line-height:1.3}
.tw-x{font-size:13.5px;color:#6b7280;line-height:1.6}
.tw-sep{height:1px;background:#f1f2f4;margin:4px 0 2px}
.tw-f{display:flex;align-items:center;gap:10px}
.tw-dots{display:flex;gap:4px;align-items:center}
.tw-dots i{width:6px;height:6px;border-radius:99px;background:#e2e4e8;cursor:pointer;transition:width .18s,background .18s}
.tw-dots i.on{width:18px;background:#4949c4}
.tw-n{font-size:11.5px;font-weight:700;color:#9aa1ac;white-space:nowrap}
.tw-b{margin-left:auto;display:flex;align-items:center;gap:8px}
.tw-back{border:1px solid #e2e4e8;background:#fff;border-radius:10px;padding:8px 13px;font-size:12.5px;
font-weight:800;color:#6b7280;font-family:inherit;cursor:pointer;transition:.14s}
.tw-back:hover{border-color:#4949c4;color:#4949c4}
.tw-back[hidden]{display:none}
.tw-next{background:#4949c4;color:#fff;border:0;border-radius:10px;padding:9px 18px;font-size:13px;
font-weight:800;font-family:inherit;cursor:pointer;transition:background .14s}
.tw-next:hover{background:#3a3aa8}
.tw-skip{align-self:flex-start;border:0;background:none;padding:0;font-size:12px;font-weight:700;color:#b8bec8;
font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .14s}
.tw-skip:hover{color:#6b7280}
/* uvítacia karta pred prvým krokom */
.tw-wel{position:fixed;inset:0;z-index:201;background:rgba(13,20,32,.66);display:flex;
align-items:center;justify-content:center;padding:20px}
.tw-wel[hidden]{display:none}
.tw-wc{width:470px;max-width:100%;background:#fff;border-radius:20px;padding:34px 36px 30px;
box-shadow:0 30px 60px -20px rgba(8,13,24,.6);display:flex;flex-direction:column;gap:11px;animation:fadein .2s ease}
.tw-wk{display:flex;align-items:center;gap:9px}
.tw-wk b{background:#eef0fd;color:#4949c4;font-size:10.5px;font-weight:800;letter-spacing:.1em;
padding:4px 10px;border-radius:99px}
.tw-wk em{font-style:normal;font-size:12px;font-weight:700;color:#b8bec8}
.tw-wt{font-size:27px;font-weight:800;letter-spacing:-.02em;color:#111827;line-height:1.25}
.tw-wx{font-size:14.5px;color:#6b7280;line-height:1.6}
.tw-wb{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}
.tw-go{background:#4949c4;color:#fff;border:0;border-radius:12px;padding:13px 24px;font-size:14.5px;
font-weight:800;font-family:inherit;cursor:pointer;transition:background .14s}
.tw-go:hover{background:#3a3aa8}
.tw-later{border:1px solid #e2e4e8;background:#fff;color:#6b7280;border-radius:12px;padding:13px 20px;
font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:.14s}
.tw-later:hover{border-color:#b8bec8;color:#111827}
.tw-note{margin-left:auto;font-size:12px;color:#b8bec8;text-align:right;line-height:1.45}
@media(max-width:760px){
.tw-tip{width:calc(100vw - 28px);padding:18px 18px 16px;max-height:calc(100vh - 28px);overflow-y:auto}
.tw-wc{padding:26px 22px 22px}
.tw-wt{font-size:22px}
.tw-wx{font-size:13.5px}
.tw-wb{gap:8px}
.tw-go,.tw-later{flex:1 0 auto;text-align:center}
.tw-note{margin-left:0;flex:1 0 100%;text-align:left}
}
@media(prefers-reduced-motion:reduce){.tw-spot{transition:none}}
/* ── Písač (72a): jediná stránka, nič navyše ── */
.pis-shop{margin-left:14px;font-size:13.5px;font-weight:700;color:var(--muted)}
.pis-top{display:flex;align-items:center;margin-left:auto}
.pis-wrap{max-width:920px;margin:0 auto;padding-bottom:16px}
/* tabuľka ide cez celú šírku stránky, horná časť ostáva úzka a čitateľná */
.pis-wide{padding:0 32px 80px}
@media(max-width:760px){.pis-wide{padding:0 16px 60px}}
.pis-hd{margin-bottom:20px}
.pis-hd h1{font-size:26px}
.pis-hd p{margin:6px 0 0;font-size:14px;color:var(--muted)}
.pis-hd p b{color:var(--accent-2);font-weight:800}
.pis-wallet{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.pis-wallet>div{background:var(--card);border:1px solid var(--line);border-radius:16px;
box-shadow:var(--shadow);padding:16px 20px;display:flex;flex-direction:column;gap:4px}
.pis-wallet b{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text)}
.pis-wallet b.ac{color:var(--accent)}
.pis-wallet i{font-style:normal;font-size:11.5px;font-weight:700;text-transform:uppercase;
letter-spacing:.05em;color:var(--soft)}
.pis-card{padding:22px 24px}
.pis-card+.pis-card{margin-top:16px}
.pis-card h2{margin:0;font-size:17px}
.pis-sub{margin:5px 0 16px;font-size:12.5px;color:var(--soft);line-height:1.5}
.pis-form{display:flex;flex-direction:column;gap:14px}
.pis-form .l em{font-style:normal;font-weight:600;color:var(--accent-2);text-transform:none;letter-spacing:0}
.pis-form input{width:100%}
.pis-send{align-self:flex-start;padding:13px 26px;font-size:15px}
.pis-card .hint{margin:0;font-size:11.5px;color:var(--soft);line-height:1.5}
/* pole na profil: vpravo v poli svieti, ktorú sieť sme rozpoznali */
.pis-soc{position:relative;display:block}
.pis-soc input{width:100%;padding-right:130px}
.pis-soc-b{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;
font-size:11.5px;font-weight:700;color:var(--soft);background:var(--gray-soft);
border-radius:99px;padding:4px 10px;white-space:nowrap}
.pis-soc-b.ok{color:var(--green);background:var(--green-soft)}
@media(max-width:760px){.pis-soc input{padding-right:118px}.pis-soc-b{font-size:11px}}
.pis-link{display:flex;gap:10px}
.pis-link input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.pis-thd{display:flex;align-items:center;gap:10px;margin-bottom:2px}
.pis-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* Každý riadok musí ostať na jednom riadku – pevné šírky stĺpcov, nič sa nezalamuje.
Keď sa tabuľka nezmestí, posunie sa vodorovne (.pis-scroll), nerozsype sa. */
.pis-tbl{margin-top:14px;min-width:780px;table-layout:fixed}
.pis-tbl th,.pis-tbl td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pis-tbl th:nth-child(2),.pis-tbl td:nth-child(2){width:168px}
.pis-tbl th:nth-child(3),.pis-tbl td:nth-child(3){width:124px}
.pis-tbl th:nth-child(4),.pis-tbl td:nth-child(4){width:232px}
.pis-tbl th:nth-child(5),.pis-tbl td:nth-child(5){width:118px}
.pis-tbl tbody tr{cursor:default}
.pis-tbl tr.s-reward{background:#f2fbf6}
.pis-tbl tr.s-reward:hover{background:#e9f8ef}
.pis-tbl .ta-r{text-align:right}
.pis-v{min-width:0}
.pis-nm{font-style:normal;font-size:12px;color:var(--soft);margin-left:8px}
.pis-eur{font-weight:800;color:var(--green)}
/* front naplánovaných ponúk: dôvod zlyhania sa nezalamuje, na mobile ho ukáže karta celý */
.pis-qnote{font-size:11.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}
/* zrolovaná sekcia frontu – klik na hlavičku ju vyroluje, šípka sa otočí */
.pis-qd{display:block}
.pis-qsum{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;user-select:none}
.pis-qsum::-webkit-details-marker{display:none}
.pis-qsum h2{margin:0}
.pis-qchev{margin-left:auto;font-style:normal;color:var(--soft);display:flex;transition:transform .15s}
.pis-qchev svg{display:block}
.pis-qd[open] .pis-qchev{transform:rotate(180deg)}
.pis-qsub{margin-top:10px}
/* odkaz na profil influencera – decentný, kým naň neukážeš */
.pis-plink{color:inherit;border-bottom:1px dashed #c8ccd6}
.pis-plink:hover{color:var(--accent);border-bottom-color:var(--accent)}
.pis-pg a{cursor:pointer}
.pis-xform{display:inline}
.pis-xbtn{border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:700;
font-size:12px;border-radius:9px;padding:6px 12px;cursor:pointer;transition:.15s}
.pis-xbtn:hover{color:var(--red);border-color:var(--red);background:#fdf2f2}
/* lievik nad tabuľkou: odoslané → registrácie → schválení, percentá z odoslaných */
.pis-funnel{display:flex;align-items:stretch;gap:10px;margin-top:14px;flex-wrap:wrap}
.pis-funnel>div{flex:1;min-width:118px;background:#fafbfe;border:1px solid var(--line);border-radius:13px;
padding:13px 16px;display:flex;flex-direction:column;gap:2px}
.pis-funnel>div.win{background:var(--green-soft);border-color:#cdead9}
.pis-funnel b{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text)}
.pis-funnel .win b{color:var(--green)}
.pis-funnel span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--soft);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pis-funnel em{font-style:normal;font-size:12px;font-weight:700;color:var(--accent-2);margin-top:3px}
.pis-funnel .win em{color:var(--green)}
/* karta lievika ako filter tabuľky — zvolená je zvýraznená rámčekom */
.fn-pick{cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}
.fn-pick:hover{border-color:var(--accent)}
.fn-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fn-pick.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.fn-pick.win.on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--green-soft)}
.pis-arrow{align-self:center;font-style:normal;font-size:14px;color:#c8ccd6;flex:none}
@media(max-width:900px){.pis-arrow{display:none}.pis-funnel{gap:8px}.pis-funnel>div{min-width:0;flex:1 1 calc(50% - 4px)}}
@media(max-width:520px){.pis-funnel>div{flex:1 1 100%}}
.pis-pg{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;
padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--soft)}
.pis-pg a{font-weight:700;color:var(--accent);padding:6px 12px;border-radius:9px}
.pis-pg a:hover{background:var(--accent-soft)}
.pis-pg a.off{color:#c8ccd6;pointer-events:none}
@media(max-width:760px){
.pis-wallet{grid-template-columns:1fr}
.pis-link{flex-direction:column}
.pis-send{width:100%;justify-content:center}
}
/* ── Písač: písma, mobil a smer písma (72b) ────────────────────────────────
Účet písača má vlastné jazyky. Bengálčina a urdčina potrebujú vlastné písmo,
urdčina navyše ide sprava doľava – rozloženie držíme na logických vlastnostiach,
aby sa preklopilo samo. */
.pis-body .pis-top{display:flex;align-items:center;margin-left:auto}
.pis-body .acc-nm{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pis-body .acc-menu{width:min(308px,calc(100vw - 24px))}
/* ── mobil: stránka písača ──
Kartičky z tabuľky robí globálny vzor pre .tbl (tabuľka → karty vyššie v súbore),
vrátane popiskov z data-l. Tu len rušíme desktopové obmedzenia tabuľky písača
(pevné šírky, jednoriadkovosť) a dolaďujeme zvyšok stránky. */
@media(max-width:760px){
.pis-body .topbar-in{padding:0 14px;height:56px;gap:0;flex-wrap:nowrap;min-width:0}
.pis-body .brand{flex:none;font-size:15px}
.pis-shop{display:none}
.pis-body .acc-btn{padding:5px 10px 5px 5px}
.pis-body .acc-nm{max-width:96px;font-size:13px}
.pis-wrap{padding:16px 16px 6px}
.pis-wide{padding:0 16px 48px}
.pis-hd{margin-bottom:14px}
.pis-hd h1{font-size:21px}
.pis-hd p{font-size:13.5px}
.pis-card{padding:16px 16px 18px;border-radius:16px}
.pis-card+.pis-card{margin-top:12px}
.pis-card h2{font-size:16px}
.pis-sub{margin-bottom:13px}
/* peňaženka: tri tenké riadky, suma vľavo, popis vpravo */
.pis-wallet{gap:8px;margin-bottom:12px}
.pis-wallet>div{padding:11px 14px;border-radius:13px;flex-direction:row;align-items:baseline;gap:9px}
.pis-wallet b{font-size:19px}
.pis-wallet i{margin-left:auto;text-align:right;font-size:10.5px}
/* formulár: 16px v poliach (inak iPhone stránku priblíži), tlačidlo na celú šírku */
.pis-form{gap:12px}
.pis-form input{font-size:16px;padding:13px 14px;border-radius:12px}
.pis-send{width:100%;justify-content:center;padding:15px 20px;font-size:16px}
.pis-thd{flex-wrap:wrap}
/* lievik: päť tenkých riadkov – číslo, názov, podiel */
.pis-funnel{flex-direction:column;gap:6px;margin-top:12px}
.pis-funnel>div{flex:none;width:100%;flex-direction:row;align-items:center;gap:10px;padding:9px 13px;border-radius:11px}
.pis-funnel b{font-size:17px;min-width:30px}
.pis-funnel span{flex:1;font-size:10.5px}
.pis-funnel em{margin:0 0 0 auto;font-size:11.5px}
/* tabuľka: zrušiť desktopové pevné šírky a orezávanie – karty stavia globálny vzor */
.pis-scroll{overflow:visible}
.pis-tbl{min-width:0;table-layout:auto;margin-top:6px}
.pis-tbl th,.pis-tbl td,.pis-tbl td:nth-child(2),.pis-tbl td:nth-child(3),
.pis-tbl td:nth-child(4),.pis-tbl td:nth-child(5){width:auto;white-space:normal;
overflow:visible;text-overflow:clip}
.pis-tbl td.pis-nw{white-space:nowrap}
/* e-mail je nadpis kartičky – bez popisku a bez odsadenia. padding-left musí byť
tu aj s !important: pravidlo pre displeje pod 400 px dáva first-child bunkám
104 px a s data-l="" má zhodnú špecificitu, takže by vyhralo poradím. */
.pis-tbl td.pis-c1{padding:6px 0 9px 0 !important;margin-bottom:4px;border-bottom:1px solid var(--line)}
.pis-tbl td.pis-c1 b{font-size:14px;font-weight:700;overflow-wrap:anywhere}
.pis-tbl td.pis-c1 .pis-nm{display:block;margin:2px 0 0}
/* dlhý stav sa zalomí, nepretŕča z kartičky */
.pis-tbl .ost-st{font-size:12.5px;white-space:normal;align-items:flex-start;text-align:left}
.pis-tbl .ost-st i{margin-top:1px}
.pis-tbl tr.s-reward,.pis-tbl tr.s-paid{background:#f2fbf6;border-color:#cdead9}
/* stránkovanie: veľké dotykové plochy */
.pis-pg{gap:8px;justify-content:space-between}
.pis-pg a{padding:12px 16px;background:var(--gray-soft);border-radius:11px}
.pis-pg a.off{background:none}
}
@media(max-width:420px){
.pis-body .acc-nm{display:none}
.pis-wallet>div{padding:11px 13px}
}
/* stránkovanie v admin histórii ponúk – rovnaký vzhľad ako u písača */
.ost-pg a{cursor:pointer}
/* výnimka BIO brány: prvý balíček hneď (67a) */
.fbx-now{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;padding:13px 16px;
background:#fffaf0;border:1px solid #fde8c8;border-radius:12px}
.fbx-now .t{flex:1;min-width:240px;display:flex;flex-direction:column;gap:3px}
.fbx-now .t b{font-size:13px;color:#8a5a2b}
.fbx-now .t span{font-size:12px;line-height:1.55;color:#8a6a45}
.fbx-now.sent{background:#f6f7fb;border-color:var(--line2)}
.fbx-now.sent .t b{color:var(--muted)}
.fbx-now.sent .t span{color:var(--soft)}
/* Odkaz na mobilnú stránku rýchleho oslovenia — kopíruje sa jedným klikom */
.ost-quick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:11px 13px;
background:var(--accent-soft);border:1px solid #d9dbf7;border-radius:12px}
.ost-quick .t{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0}
.ost-quick .t b{font-size:12.5px;color:var(--accent-2)}
.ost-quick .t i{font-style:normal;font-size:11.5px;color:var(--soft);line-height:1.45}
.ost-quick input{flex:2 1 300px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:9px;
background:#fff;font-size:11.5px;color:var(--muted)}
.ost-quick .btn{flex:none}
@media(max-width:760px){.ost-quick input{flex:1 1 100%;order:3}}
.snip-st .badge{cursor:pointer}
.snip-st .badge:hover{filter:brightness(.95)}
/* Affiliate – karta v úprave influencera (8.9.2026) */
.aff-head{font-weight:700;font-size:14px;margin:18px 0 10px}
.aff-opts{display:grid;grid-template-columns:1fr 1fr 170px;gap:12px;align-items:stretch}
@media(max-width:980px){.aff-opts{grid-template-columns:1fr}}
.aff-opt{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;background:var(--card);transition:.15s}
.aff-opt:hover{border-color:#c7c9f2}
.aff-opt.on{border-color:var(--accent);background:#f5f5ff;box-shadow:0 0 0 3px rgba(91,91,214,.10)}
.aff-opt input{position:absolute;opacity:0;pointer-events:none}
.aff-ico{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:15px;background:#f4f5f8;color:#4b5563}
.aff-opt.on .aff-ico{background:var(--accent);color:#fff}
.aff-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:14px;padding-right:22px}
.aff-txt small{font-size:12.5px;color:var(--soft);line-height:1.45}
.aff-chk{position:absolute;top:14px;right:14px;width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;background:#fff}
.aff-opt.on .aff-chk{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px #fff}
.aff-pct{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fafafc}
.aff-pct .l{font-size:12px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.04em}
.aff-pct-in{display:flex;align-items:center;gap:8px}
.aff-pct-in input{width:84px;text-align:right;font-size:20px;font-weight:700;padding:8px 10px}
.aff-pct-in b{font-size:18px}
.aff-pct small{font-size:12px;line-height:1.4}
/* Nové heslo – oko na zobrazenie hesla + mobil na jednu obrazovku (9.9.2026) */
.pw-wrap{position:relative;display:block}
.pw-wrap input{padding-right:46px}
.pw-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:8px;background:transparent center/22px no-repeat;cursor:pointer;opacity:.55;background-image:url("data:image/svg+xml;utf8,")}
.pw-eye:hover{opacity:.9;background-color:#f1f3f7}
.pw-eye.on{opacity:.95;background-image:url("data:image/svg+xml;utf8,")}
.af .rs-hint{margin:0;min-height:0}
.auth-card .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
@media(max-width:640px){
/* iOS: stránka nesmie byť vyššia než viditeľná časť (100vh ráta aj lišty Safari → dalo sa odscrollovať a logo zmizlo);
overflow:clip namiesto hidden, aby lišta s logom a jazykmi mohla ostať prilepená hore aj pri prípadnom scrolle */
.auth-shell{min-height:100svh;overflow:clip}
.auth-bar{padding:12px 16px;position:sticky;top:0;background:rgba(8,10,16,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.auth-logo{height:32px}
.auth-center{align-items:center;padding:6px 14px 48px} /* formulár v strede, logo + jazyky ostávajú hore (bez autofokusu sa nič neodsunie) */
.auth-box{gap:12px}
.auth-head{gap:5px}
.auth-head h1{font-size:26px}
.auth-head p{font-size:13.5px}
.auth-card{padding:18px 16px;gap:8px}
.af{margin-bottom:8px}
.af input{font-size:16px;padding:11px 13px} /* 16px = iOS pri fokusе nepribližuje stránku */
}
/* Prihlásenie + registrácia na mobile: menšie logo, tlačidlá vedľa seba v jednom riadku (9.9.2026) */
@media(max-width:640px){
.auth-logo{height:var(--a-mlogo,40px)}.reg-brand-logo{height:var(--a-mlogo-reg,38px)}
.auth-bar,.reg-bar{gap:8px;flex-wrap:nowrap}
.reg-bar{padding:12px 16px}
.auth-bar .pbrand,.reg-brand{flex:0 1 auto;min-width:0}
.auth-right{gap:6px;margin-left:auto;flex:none}
.auth-reg,.reg-login,.lsw.auth .lsw-btn{font-size:13px;padding:5px 10px;border-width:1px}
.lsw.auth .lsw-btn{gap:5px}
.lsw-fl{font-size:14px}
}
@media(max-width:360px){.auth-logo{height:calc(var(--a-mlogo,40px) * .85)}.reg-brand-logo{height:calc(var(--a-mlogo-reg,38px) * .85)}.auth-reg,.reg-login,.lsw.auth .lsw-btn{font-size:12px;padding:4px 8px}}
/* Krajiny – prepínač Počet / Obrat + obdobie (9.9.2026) */
.geo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.geo-span[hidden]{display:none}
.geo-seg{display:inline-flex;gap:0;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.geo-seg button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:var(--soft);padding:8px 16px;transition:.15s}
.geo-seg button+button{border-left:1.5px solid var(--line)}
.geo-seg button:hover{color:var(--text);background:var(--gray-soft)}
.geo-seg button.on{background:var(--accent);color:#fff}
.geo-span{display:inline-flex;gap:4px}
.geo-span button{border:0;background:var(--gray-soft);cursor:pointer;font:inherit;font-size:12px;font-weight:700;color:var(--soft);padding:6px 11px;border-radius:99px;transition:.15s}
.geo-span button:hover{color:var(--text)}
.geo-span button.on{background:#eef2ff;color:#3538cd}
.geo-bar.rev span{background:linear-gradient(90deg,#16a34a,#4ade80)}
.geo-row.top{background:linear-gradient(90deg,#f0fdf4,transparent 70%)}
.geo-top1{display:inline-block;margin-left:7px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#067647;background:#dcfce7;padding:2px 7px;border-radius:99px;vertical-align:1px}
#geo-modal.geo-rev .geo-n b{color:#067647}
/* Promo materiály – ukladanie do Galérie na mobile (9.9.2026) */
.pg-hint{margin:-6px 0 14px;font-size:12.5px;color:var(--soft);background:#eef2ff;border-radius:10px;padding:8px 12px}
.pg-hint[hidden]{display:none}
.pg-it .dl.busy,.pg-sel.busy,.pg-dlall.busy{opacity:.6;pointer-events:none}
/* BIO – sociálne siete na mobile: v riadku len časť odkazu za doménou (9.9.2026) */
.b54-tx{position:relative}
.b54-short{display:none}
@media(max-width:640px){
.b54-tx.short input{color:transparent!important;-webkit-text-fill-color:transparent;caret-color:#374151}
.b54-tx.short .b54-short{display:block;position:absolute;left:0;right:0;bottom:0;font-size:13.5px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;pointer-events:auto}
}
/* Manažér svojich – popup výberu influencerov (10.9.2026) */
.pk-body{display:flex;flex-direction:column;gap:16px}
.pk-sec{display:flex;flex-direction:column;gap:8px}
.pk-sec-h{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.pk-sec-h b{background:#eef2ff;color:#3538cd;border-radius:99px;padding:2px 9px;font-size:12px}
.pk-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:34px;padding:8px;border:1px dashed var(--line);border-radius:12px;background:#fafafc}
.pk-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 6px 4px 4px;font-size:13px;font-weight:600}
.pk-chip i{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center}
.pk-chip.paused i{background:#9ca3af}
.pk-chip button{border:none;background:#f1f3f7;color:#6b7280;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1}
.pk-chip button:hover{background:#fee2e2;color:#b91c1c}
.pk-search{display:flex;align-items:center;gap:10px}
.pk-search input{flex:1}
.pk-list{max-height:44vh;overflow:auto;border:1px solid var(--line);border-radius:12px}
.pk-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);cursor:pointer;transition:.12s}
.pk-row:last-child{border-bottom:none}
.pk-row:hover{background:var(--gray-soft)}
.pk-row.on{background:#f5f5ff}
.pk-av{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#374151;font-size:11px;font-weight:800;display:grid;place-items:center}
.pk-row.on .pk-av{background:var(--accent);color:#fff}
.pk-nm{display:flex;flex-direction:column;min-width:0;font-weight:700;font-size:13.5px}
.pk-nm i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted)}
.pk-btn{font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;background:#f1f3f7;color:#4b5563;white-space:nowrap}
.pk-row.on .pk-btn{background:#dcfce7;color:#067647}
/* Onboarding – „Zisti viac o nás“ (Peptide Revolution, 10.9.2026) */
.oi-about{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
@media(max-width:640px){.oi-about{grid-template-columns:1fr}}
.oi-ab{display:flex;align-items:center;gap:12px;background:#f7f8fa;border:1px solid #eef0f3;border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--text);transition:.15s}
.oi-ab:hover{background:#fff;border-color:#c7c9f2;box-shadow:0 8px 24px -12px rgba(91,91,214,.35);transform:translateY(-1px)}
.oi-ab .sn-tile{width:42px;height:42px;flex:none}
.oi-ab .sn-tile.shop{background:linear-gradient(135deg,#5b5bd6,#7c7cf0);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px}
.oi-ab-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.oi-ab-tx b{font-size:14.5px;font-weight:800}
.oi-ab-tx i{font-style:normal;font-size:12.5px;color:#9aa1ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oi-ab-go{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap}
.oi-sep{height:1px;background:#eceef1;margin:38px 0 34px}
/* Súťaže – automatizovaný cyklus (10.9.2026) */
.pmenu-drop a.locked{color:var(--muted)}
.pm-lock{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#f1f3f7;color:#6b7280;border-radius:99px;padding:2px 7px;margin-left:6px}
.cz-lock{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:640px}
.cz-lock .ic{font-size:34px}
.cz-lock b{font-size:18px;font-weight:800}
.cz-lock p{margin:0;font-size:14px;color:var(--soft);line-height:1.6;max-width:520px}
.cz-ready{display:flex;flex-direction:column;gap:18px;max-width:760px}
.cz-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:700px){.cz-steps{grid-template-columns:1fr}}
.cz-steps .st{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.cz-steps .st b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.cz-steps .st span{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:700}
.cz-steps .st i{font-style:normal;font-size:12.5px;font-weight:500;color:var(--soft);line-height:1.45}
.cz-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr 1fr;gap:26px;background:linear-gradient(135deg,#131a2e 0%,#0b1120 60%,#0a0f1c 100%);border-radius:22px;padding:28px 30px;color:#fff;box-shadow:0 24px 60px -30px rgba(15,23,42,.6)}
.cz-hero::before{content:"";position:absolute;inset:-40% -20% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(91,91,214,.55),rgba(91,91,214,0));pointer-events:none}
.cz-hero::after{content:"";position:absolute;left:-60px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,rgba(16,185,129,.22),rgba(16,185,129,0));pointer-events:none}
.cz-hero>*{position:relative;z-index:1}
.cz-hero .k{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9aa3b8}
.cz-hero-val{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1;margin:10px 0 6px;background:linear-gradient(90deg,#fff 0%,#c7c9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cz-hero-sub{font-style:normal;font-size:12.5px;color:#9aa3b8}
.cz-hero-items{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.cz-hero-items li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.cz-hero-items li .dot{flex:none;width:8px;height:8px;border-radius:50%;background:#8b8bf0;box-shadow:0 0 0 4px rgba(139,139,240,.18)}
.cz-hero-items li em{margin-left:auto;font-style:normal;font-weight:800;color:#e5e7ff;font-variant-numeric:tabular-nums}
.cz-hero-items li.free .dot{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.18)}
.cz-hero-items li.free em{color:#6ee7b7}
.cz-hero-r{display:flex;flex-direction:column;gap:10px}
.cz-hero-r .tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;backdrop-filter:blur(6px)}
.cz-hero-r .tile b{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.cz-hero-r .tile b small{font-size:15px;font-weight:700;color:#c7cbe0;margin-left:2px}
.cz-hero-r .tile i{font-style:normal;font-size:12px;color:#9aa3b8;line-height:1.4}
@media(max-width:700px){.cz-hero{grid-template-columns:1fr;padding:22px 20px}.cz-hero-val{font-size:38px}.cz-hero-r{display:grid;grid-template-columns:1fr 1fr}.cz-hero-r .tile:last-child{grid-column:1/-1}}
.cz-launch{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border:0;cursor:pointer;color:#fff;font:inherit;font-size:18px;font-weight:800;letter-spacing:-.01em;padding:20px 28px;border-radius:18px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 55%,#3b3bb8 100%);box-shadow:0 18px 40px -14px rgba(91,91,214,.75),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .18s ease,box-shadow .18s ease;animation:czLaunchGlow 2.2s ease-out infinite}
.cz-launch .ic{font-size:22px;line-height:1;animation:czRocket 2.2s ease-in-out infinite}
.cz-launch small{margin-left:4px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.8);background:rgba(255,255,255,.14);border-radius:99px;padding:4px 10px}
.cz-launch:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 24px 50px -14px rgba(91,91,214,.9),inset 0 1px 0 rgba(255,255,255,.22)}
.cz-launch:active{transform:translateY(0) scale(.995)}
.cz-launch:focus-visible{outline:3px solid #c7c9ff;outline-offset:3px}
@keyframes czLaunchGlow{0%{box-shadow:0 18px 40px -14px rgba(91,91,214,.75),0 0 0 0 rgba(91,91,214,.55)}70%{box-shadow:0 18px 40px -14px rgba(91,91,214,.75),0 0 0 18px rgba(91,91,214,0)}100%{box-shadow:0 18px 40px -14px rgba(91,91,214,.75),0 0 0 0 rgba(91,91,214,0)}}
@keyframes czRocket{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.cz-launch,.cz-launch .ic{animation:none}}
@media(max-width:700px){
.cz-ready{gap:14px}
.cz-steps{gap:8px}
.cz-steps .st{padding:11px 13px;border-radius:12px;gap:10px;align-items:center}
.cz-steps .st b{width:24px;height:24px;font-size:12px}
.cz-steps .st span{font-size:13.5px;gap:2px}
.cz-steps .st i{font-size:12px;line-height:1.4}
.cz-hero{border-radius:18px;gap:16px}
.cz-hero-items{margin-top:14px;gap:6px}
.cz-hero-items li{font-size:13.5px;padding:8px 11px}
.cz-hero-r{gap:8px}
.cz-hero-r .tile{padding:12px 13px;border-radius:14px}
.cz-hero-r .tile b{font-size:26px}
.cz-hero-r .tile i{font-size:11.5px}
.cz-launch{position:sticky;bottom:12px;z-index:5;font-size:16.5px;padding:16px 18px;flex-wrap:wrap;gap:8px 10px;border-radius:16px}
.cz-launch small{width:100%;text-align:center;margin:0;background:none;padding:0;font-size:12px;color:rgba(255,255,255,.75)}
}
.cz-btn-ghost{width:100%;margin-top:8px;background:transparent;border:1px solid rgba(255,255,255,.25);color:#cbd5e1;border-radius:12px;padding:11px;font:inherit;font-weight:700;cursor:pointer}
.cz-md-p{font-size:14px;line-height:1.6;color:#cbd5e1;margin:8px 0 16px}
.cz-md-p.soft{color:#8b909c;font-size:12.5px;margin-top:-8px}
.cz-live{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,#131a2e 0%,#0b1120 60%,#0a0f1c 100%);border-radius:22px;padding:24px 28px 26px;color:#fff;max-width:760px;margin-bottom:16px;box-shadow:0 24px 60px -30px rgba(15,23,42,.6)}
.cz-live::before{content:"";position:absolute;inset:-45% -15% auto auto;width:440px;height:440px;border-radius:50%;background:radial-gradient(closest-side,rgba(34,197,94,.34),rgba(34,197,94,0));pointer-events:none}
.cz-live.ended::before{background:radial-gradient(closest-side,rgba(245,195,68,.32),rgba(245,195,68,0))}
.cz-live::after{content:"";position:absolute;left:-80px;bottom:-140px;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(91,91,214,.35),rgba(91,91,214,0));pointer-events:none}
.cz-live>*{position:relative;z-index:1}
.cz-live .k{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9aa3b8}
.cz-live-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cz-live-top .k.right{margin-left:auto}
.cz-live-top .pill{display:inline-flex;align-items:center;gap:7px;background:rgba(34,197,94,.14);color:#6ee7b7;border:1px solid rgba(110,231,183,.25);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800}
.cz-live-top .pill i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:czLiveDot 1.6s ease-out infinite}
.cz-live.ended .cz-live-top .pill{background:rgba(245,195,68,.14);color:#fcd34d;border-color:rgba(252,211,77,.28)}
.cz-live.ended .cz-live-top .pill i{background:#fbbf24;animation:none;box-shadow:none}
.cz-live-top .range{font-size:15px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.cz-live-main{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}
.cz-live-l .val{display:flex;align-items:baseline;gap:8px;font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1;margin:8px 0 14px;background:linear-gradient(90deg,#fff 0%,#c7c9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cz-live-l .val small{font-size:18px;font-weight:700;color:#c7cbe0;-webkit-text-fill-color:#c7cbe0}
.cz-live-l .bar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.cz-live-l .bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#5b5bd6);box-shadow:0 0 14px rgba(91,91,214,.6);min-width:8px;transition:width .6s ease}
.cz-live.ended .cz-live-l .bar span{background:linear-gradient(90deg,#fbbf24,#f59e0b)}
.cz-live-l i{display:block;font-style:normal;font-size:12.5px;color:#9aa3b8;margin-top:9px}
.cz-live-r{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cz-live-r .tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:13px 15px;display:flex;flex-direction:column;gap:3px;backdrop-filter:blur(6px)}
.cz-live-r .tile:last-child{grid-column:1/-1}
.cz-live-r .tile b{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums}
.cz-live-r .tile i{font-style:normal;font-size:11.5px;color:#9aa3b8;line-height:1.4}
.cz-live-codes{display:flex;flex-direction:column;gap:8px}
.cz-live-codes .chips{display:flex;flex-wrap:wrap;gap:6px}
.cz-live-codes .chips span{font-size:12px;font-weight:800;letter-spacing:.04em;background:rgba(139,139,240,.16);color:#c7c9ff;border:1px solid rgba(139,139,240,.3);border-radius:99px;padding:5px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cz-live-note{margin:0;font-size:13px;line-height:1.6;color:#aab2c5}
@keyframes czLiveDot{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}100%{box-shadow:0 0 0 9px rgba(52,211,153,0)}}
@media(prefers-reduced-motion:reduce){.cz-live-top .pill i{animation:none}}
.cz-tips{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;max-width:760px;display:flex;flex-direction:column;gap:14px}
.cz-tips .hd{display:flex;flex-direction:column;gap:2px}
.cz-tips .hd b{font-size:15px;font-weight:800}
.cz-tips .hd span{font-size:12.5px;color:var(--soft)}
.cz-tips .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cz-tips .grid div{display:flex;gap:10px;align-items:flex-start;background:#f7f8fb;border-radius:12px;padding:12px 13px;font-size:13px;line-height:1.5;color:#3d4657}
.cz-tips .grid i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-style:normal;font-size:12px;font-weight:800;display:grid;place-items:center}
@media(max-width:700px){
.cz-live{padding:20px 18px 22px;gap:16px;border-radius:18px}
.cz-live-top .k.right{display:none}
.cz-live-main{grid-template-columns:1fr;gap:16px}
.cz-live-l .val{font-size:52px;margin:6px 0 12px}
.cz-live-r .tile{padding:12px 13px;border-radius:14px}
.cz-live-r .tile b{font-size:24px}
.cz-tips .grid{grid-template-columns:1fr}
}
.cz-hist{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;max-width:760px;display:flex;flex-direction:column;gap:8px}
.cz-hist>b{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}
.cz-hist .r{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;font-size:13.5px;padding:8px 0;border-top:1px solid var(--line)}
.cz-hist .st{font-size:11.5px;font-weight:800;border-radius:99px;padding:3px 9px;background:#f1f3f7;color:#6b7280}
.cz-hist .st.drawn{background:#ecfdf3;color:#067647}.cz-hist .st.ended{background:#fef3c7;color:#92400e}
/* admin Súťaže */
.ct-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
@media(max-width:1000px){.ct-grid{grid-template-columns:repeat(2,1fr)}}
.ct-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.ct-kpi .l{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.ct-kpi .v{font-size:26px;font-weight:800;margin-top:4px}
.ct-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.ct-tbl th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);padding:10px 12px;border-bottom:1px solid var(--line)}
.ct-tbl td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.ct-win{background:#f7f8fa;border-radius:12px;padding:10px 14px;display:grid;grid-template-columns:28px 1.2fr 1.4fr .8fr auto;gap:10px;align-items:center;margin-top:6px;font-size:13px}
@media(max-width:800px){.ct-win{grid-template-columns:28px 1fr auto}}
.ct-win .m{width:26px;height:26px;border-radius:50%;background:#e5e7eb;display:grid;place-items:center;font-weight:800;font-size:12px}
.ct-win.sent .m{background:#dcfce7;color:#067647}
.ct-sent{font-size:12px;color:#067647;font-weight:700}
/* Ručná úprava nároku – ikona v karte „Čaká na výplatu" + popup (10.9.2026) */
.due51-edit{flex:none;width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#c9cdf5;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.due51-edit:hover{background:#5b5bd6;border-color:#5b5bd6;color:#fff;transform:translateY(-1px)}
.adj-amt{font-weight:800;font-variant-numeric:tabular-nums}
.adj-amt.neg,.adj-neg,.adj-hist b.neg,.adj-now b.neg,.adj-preview .to.neg{color:#dc2626}
.adj-amt.pos,.adj-pos,.adj-hist b.pos{color:#059669}
.adj-modal{width:min(640px,96vw);border-radius:22px;overflow:hidden}
.adj-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 26px 18px;background:linear-gradient(135deg,#131a2e 0%,#0b1120 70%);color:#fff;position:relative}
.adj-hd::before{content:"";position:absolute;inset:-60% -10% auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(91,91,214,.5),rgba(91,91,214,0));pointer-events:none}
.adj-hd>*{position:relative;z-index:1}
.adj-hd h2{margin:4px 0 0;font-size:22px;letter-spacing:-.02em;color:#fff}
.adj-hd .modal-x{color:rgba(255,255,255,.7)}.adj-hd .modal-x:hover{color:#fff}
.adj-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9aa3b8}
.adj-body{padding:20px 26px 6px;display:flex;flex-direction:column;gap:18px}
.adj-now{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.adj-now-c{border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);background:#f8f9fc}
.adj-now-c.e{border-color:#bfe8d1;background:#f0fbf5}.adj-now-c.p{border-color:#d6d8f7;background:#f3f4fd}
.adj-now-c .k{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6b7280}
.adj-now-c.e .k{color:#0e8a48}.adj-now-c.p .k{color:#4949c4}
.adj-now-c .r{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px}
.adj-now-c .r i{font-style:normal;color:var(--soft)}
.adj-now-c .r b{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.adj-form{display:flex;flex-direction:column;gap:14px}
.adj-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adj-f{display:flex;flex-direction:column;gap:6px}
.adj-f .l,.adj-form .f .l{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}
.adj-seg{display:flex;background:#f1f2f5;border-radius:11px;padding:3px;gap:3px}
.adj-seg button{flex:1;border:none;background:transparent;color:#6b7280;border-radius:9px;padding:9px 8px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.adj-seg button.on{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.adj-seg.dir button.dn.on{background:#fee2e2;color:#b91c1c}.adj-seg.dir button.up.on{background:#d1fae5;color:#047857}
.adj-amount{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:0 12px;height:42px;gap:6px;transition:border-color .15s,box-shadow .15s}
.adj-amount:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.adj-amount .sign{font-size:20px;font-weight:800;color:#6b7280;width:16px;text-align:center}
.adj-amount input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#111827;font-variant-numeric:tabular-nums}
.adj-amount input::-webkit-outer-spin-button,.adj-amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.adj-amount input[type=number]{-moz-appearance:textfield}
.adj-amount .cur{font-size:14px;font-weight:800;color:#6b7280}
.adj-preview{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;background:#f8f9fc;border:1px dashed #d6d8e3;border-radius:12px;padding:12px 14px;font-size:13.5px;min-height:46px}
.adj-preview .w{font-weight:800;color:#111827}
.adj-preview .from{color:var(--soft);font-variant-numeric:tabular-nums}
.adj-preview .arr{color:#9aa1ac}
.adj-preview .to{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;color:#111827}
.adj-preview em{width:100%;font-style:normal;font-size:12px;font-weight:600}
.adj-preview em.warn{color:#b91c1c}.adj-preview em.info{color:#b45309}
.adj-hist{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:6px}
.adj-hist .l{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:2px}
.adj-h-r{display:grid;grid-template-columns:74px 1fr auto auto;gap:10px;align-items:center;font-size:12.5px;padding:6px 0;border-bottom:1px solid #f0f1f4}
.adj-h-r:last-child{border-bottom:0}
.adj-h-r .d{color:var(--soft);white-space:nowrap}
.adj-h-r .t{font-weight:700;display:flex;flex-direction:column;gap:1px;min-width:0}
.adj-h-r .t i{font-style:normal;font-weight:500;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adj-h-r .s{font-size:11px;font-weight:800;color:#6b7280;background:#f1f3f7;border-radius:99px;padding:2px 8px}
.adj-h-r b{font-variant-numeric:tabular-nums;white-space:nowrap}
.adj-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 26px 20px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--card)}
.btn.adj-go.dn{background:#dc2626;color:#fff;border-color:#dc2626}.btn.adj-go.dn:hover{background:#b91c1c}
.btn.adj-go.up{background:#059669;color:#fff;border-color:#059669}.btn.adj-go.up:hover{background:#047857}
@media(max-width:640px){.adj-now,.adj-row{grid-template-columns:1fr}.adj-hd{padding:18px 18px 14px}.adj-body{padding:16px 18px 6px}.adj-foot{padding:12px 18px 16px}.adj-h-r{grid-template-columns:64px 1fr auto}.adj-h-r .s{display:none}}
/* Súťaže – číslo objednávky v zozname zapojených (11.9.2026) */
.cz-list .no{flex:none;font-size:12px;font-weight:800;color:#6b7280;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){.cz-list .no{font-size:11px}}
/* Ručné overenie BIO (11.9.2026) */
.sn-auto.man b{color:#4949c4}
.sn-auto.man > span{color:#4949c4;font-weight:700}
.sn-man-go{align-self:flex-start;border:0;background:none;padding:0;margin-top:3px;font:inherit;font-size:11px;font-weight:800;color:var(--accent);cursor:pointer;white-space:nowrap}
.sn-man-go:hover{text-decoration:underline}
.bm-modal{width:min(480px,94vw);border-radius:20px;overflow:hidden}
.bm-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 14px;border-bottom:1px solid var(--line)}
.bm-hd h2{margin:3px 0 0;font-size:20px;letter-spacing:-.01em}
.bm-eye{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}
.bm-body{padding:18px 24px;display:flex;flex-direction:column;gap:12px}
.bm-open{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:800;text-decoration:none}
.bm-open:hover{background:#e3e6ff}
.bm-open span{font-size:12px;font-weight:600;color:#6b6bb8;word-break:break-all}
.bm-lead{margin:0;font-size:13px;line-height:1.5;color:var(--soft)}
.bm-list{display:flex;flex-direction:column;gap:8px}
.bm-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
.bm-row[hidden]{display:none}
.bm-row input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0}
.bm-row input:disabled{accent-color:var(--green)}
.bm-row:has(input:checked){border-color:#c7c9f5;background:#f7f7ff}
.bm-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.bm-t b{font-size:13.5px}
.bm-t i{font-style:normal;font-size:12px;color:var(--soft);word-break:break-word}
.bm-note{font-size:12px;line-height:1.55;color:var(--soft);background:#f8f9fc;border-radius:10px;padding:10px 12px}
.bm-foot{display:flex;align-items:center;gap:10px;padding:14px 24px 18px;border-top:1px solid var(--line)}
.bm-foot .bm-off{color:var(--red)}
.bm-foot .bm-off[hidden]{display:none}
.b54-man{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;padding:11px 13px;border-radius:12px;background:#f3f4fd;border:1px solid #dcdffa}
.b54-man b{font-size:12.5px;font-weight:800;color:#4949c4}
.b54-man span{font-size:12px;line-height:1.5;color:#5b5f86}
/* Reklama – výber ID reklamnej kampane (11.9.2026) */
.cid-list{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-height:230px;overflow-y:auto}
.cid-row{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}
.cid-row:has(input:checked){border-color:#c7c9f5;background:#f7f7ff}
.cid-row input{margin:2px 0 0;width:16px;height:16px;flex:none;accent-color:var(--accent)}
.cid-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cid-t b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.cid-t i{font-style:normal;font-size:11.5px;line-height:1.45;color:var(--soft)}
.cid-t em{font-style:normal;font-size:10.5px;font-weight:800;border-radius:99px;padding:1px 8px;background:var(--accent-soft);color:var(--accent)}
.cid-t em.used{background:#fef3c7;color:#92400e}
.cid-empty{font-size:12.5px;line-height:1.5;color:var(--soft);padding:10px 12px;background:#f8f9fc;border-radius:10px}
.camp-ids{font-size:11.5px;font-weight:600;color:#6b6bb8;margin-top:3px;font-variant-numeric:tabular-nums}
/* ── Zabezpečenie: heslo + dvojfaktorové overenie (25. 9. 2026) ── */
.sec-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;align-items:start}
@media(max-width:900px){.sec-grid{grid-template-columns:1fr}}
.sec-h{margin:0;font-size:16px}
.sec-sub{margin:4px 0 16px;font-size:13px;line-height:1.55}
.sec-form{display:flex;flex-direction:column;gap:12px;max-width:420px}
.sec-form .btn,.sec-inline .btn{align-self:flex-start}
.sec-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sec-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:#f1f2f6;color:#6b7280}
.sec-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
.sec-status.on{background:#ecfdf3;color:#067647}
.sec-status.off{background:#fef3c7;color:#92400e}
.sec-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:14px}
.sec-steps li{counter-increment:s;position:relative;padding:14px 16px 14px 52px;border:1px solid var(--line);border-radius:14px;background:#fafbfd}
.sec-steps li::before{content:counter(s);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--accent,#4949c4);color:#fff;font-weight:800;font-size:12.5px;display:grid;place-items:center}
.sec-steps li>b{display:block;font-size:14px;margin-bottom:8px}
.sec-apps{display:flex;gap:8px;flex-wrap:wrap}
.sec-app{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;color:#1a2130;text-decoration:none}
.sec-app:hover{border-color:var(--accent,#4949c4);color:var(--accent,#4949c4)}
.sec-qr{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;line-height:0}
.sec-qr svg{width:180px;height:180px}
.sec-manual{margin-top:8px;font-size:12.5px}
.sec-manual summary{cursor:pointer;color:var(--accent,#4949c4);font-weight:600}
.sec-key{font-family:'Courier New',monospace;font-size:15px;letter-spacing:.08em;font-weight:700;background:#fff;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;margin:8px 0 4px;cursor:copy;word-break:break-all}
.sec-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tfa-input{font-family:'Courier New',monospace;font-size:18px;letter-spacing:.18em;font-weight:700;text-align:center;width:150px;padding:9px 10px;border:1px solid var(--line);border-radius:10px}
.tfa-hint{font-size:12.5px;color:#8a94a1;margin:-4px 0 14px}
.tfa-lost{margin-top:12px;text-align:center}
.tfa-lost .auth-forgot{background:none;border:0;cursor:pointer;font:inherit}
.sec-on-box{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#ecfdf3;color:#065f46;font-size:13.5px;margin-bottom:12px}
.sec-more{border-top:1px solid var(--line);padding:12px 0 4px;font-size:13.5px}
.sec-more summary{cursor:pointer;font-weight:700}
.sec-more.danger summary{color:#b42318}
.sec-more p{margin:6px 0 10px;font-size:12.5px}
.sec-codes-card{margin-bottom:16px;border:2px solid #f59e0b;background:#fffbeb}
.sec-codes-hd{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.sec-codes-hd h2{margin:0;font-size:16px}
.sec-codes-hd p{margin:4px 0 0;font-size:13px;line-height:1.5}
.sec-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:14px}
.sec-codes code{display:block;text-align:center;background:#fff;border:1px solid #fcd34d;border-radius:10px;padding:10px 6px;font-size:15px;font-weight:800;letter-spacing:.1em}
.mg-2fa{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;margin-top:4px;padding:2px 8px;border-radius:999px;background:#f1f2f6;color:#6b7280;width:max-content}
.mg-2fa i{width:6px;height:6px;border-radius:50%;background:currentColor}
.mg-2fa.on{background:#ecfdf3;color:#067647}
.mg-2fa.off{background:#fef3c7;color:#92400e}
.mg-ico.tfa{color:#b42318}
.tfa-gate{position:fixed;inset:0;z-index:300;background:rgba(9,11,26,.72);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}
.tfa-gate-card{background:#fff;border-radius:22px;width:min(520px,100%);padding:34px 36px 30px;box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center}
.tfa-gate-ic{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;background:linear-gradient(135deg,#4949c4,#7c5cff);color:#fff;display:grid;place-items:center}
.tfa-gate-ic svg{width:32px;height:32px}
.tfa-gate-card h2{margin:0 0 10px;font-size:22px;letter-spacing:-.01em}
.tfa-gate-card p{margin:0 0 20px;font-size:14px;line-height:1.65;color:#3d4657}
.tfa-gate-steps{list-style:none;counter-reset:g;margin:0 0 22px;padding:0;text-align:left;display:flex;flex-direction:column;gap:10px}
.tfa-gate-steps li{counter-increment:g;display:grid;grid-template-columns:28px 1fr;column-gap:12px;row-gap:0;align-items:start;background:#f6f7fb;border-radius:12px;padding:11px 14px}
.tfa-gate-steps li::before{grid-row:span 2}
.tfa-gate-steps b,.tfa-gate-steps span{grid-column:2}
.tfa-gate-steps li::before{content:counter(g);width:26px;height:26px;border-radius:50%;background:#4949c4;color:#fff;font-weight:800;font-size:12.5px;display:grid;place-items:center}
.tfa-gate-steps b{display:block;font-size:13.5px}
.tfa-gate-steps span{display:block;font-size:12.5px;color:#5b6472;margin-top:2px}
.tfa-gate-steps a{color:#4949c4;font-weight:600}
.tfa-gate-btn{width:100%;justify-content:center;font-size:15px;padding:13px 20px}
.tfa-gate-out{display:inline-block;margin-top:14px;font-size:12.5px;color:#8a94a1}
body:has(.tfa-gate){overflow:hidden}
/* checklist v čakajúcom portáli: celý vrch riadku je tlačidlo, bez Zavrieť/Upraviť (16. 10. 2026) */
.ob-row.col .ob-toggle{display:none!important}
.ob-row.col .ob-row-top{cursor:pointer;border-radius:12px}
.ob-row.col .ob-row-top:focus,.ob-row.col .ob-row-top:focus-visible{outline:none}
.ob-row.col .ob-chev{display:flex;flex:none;margin-left:auto;color:#b8bec8;transition:transform .16s}
.ob-row.col .ob-row-top:hover .ob-chev{color:var(--accent)}
.ob-row.col.open .ob-chev{transform:rotate(90deg);color:var(--accent)}
@media (prefers-reduced-motion: reduce){.ob-row.col .ob-chev{transition:none}}
/* „Viac o spolupráci" – výraznejšia pozvánka nižšie (16. 10. 2026) */
.ob-scroll{flex-direction:row;gap:10px;padding:12px 14px 12px 22px;border-radius:99px;background:#fff;color:var(--accent);
font-size:15px;font-weight:800;letter-spacing:-.005em;border:1px solid #e3e3fb;
box-shadow:0 1px 2px rgba(16,24,40,.06),0 10px 24px -14px rgba(91,91,214,.55)}
.ob-scroll:hover{color:#fff;background:var(--accent);border-color:var(--accent)}
.ob-scroll i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:99px;background:#eef0ff;transition:background .15s}
.ob-scroll:hover i{background:rgba(255,255,255,.2)}
.ob-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* čakajúci portál (16. 10. 2026): sýtejšie zelené fajky, riadok Registrácia, e-mail sa zmestí, šípka bez poskakovania */
.ob-ic.done{background:#16a34a;color:#fff;box-shadow:0 0 0 4px #dcfce7}
.ob-row.approve .ob-ic.done{background:#16a34a}
.ob-row.reg{cursor:default}
.ob-cf{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);max-width:none}
@media(max-width:760px){.ob-cf{grid-template-columns:1fr}}
.ob-scroll svg{animation:none;display:block}
/* „Kam sa dá vypracovať" ako čierny nadpis namiesto fialového štítku (16. 10. 2026) */
.oi-h2.oi-h2-mt{margin-top:52px;margin-bottom:4px}
@media(max-width:640px){.oi-h2.oi-h2-mt{margin-top:34px}}
/* bez karty pozdravu: obsah na desktope centruje formulár, na mobile sa vracia jantárový riadok schválenia */
@media(min-width:960px){.ob-wrap > form{margin-top:auto}}
@media(max-width:760px){.ob-row.approve{display:flex}}
/* podtitul „pridaním ďalších sietí…" drží jeden riadok, dlhší text sa skráti trojbodkou */
#ob3 .ob-txt{min-width:0}
#ob3 .ob-txt i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){#ob3 .ob-socn{display:none}}
/* prvá sekcia čakajúceho portálu vedie na WhatsApp (16. 10. 2026) */
.ob-cf.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:760px){.ob-cf.two{grid-template-columns:1fr}}
.ob-row.wa{background:#effaf3;padding:22px 28px;gap:14px}
.ob-ic.wa{background:#25d366;color:#fff;box-shadow:0 0 0 4px #d3f5df}
.ob-ic.wa svg{width:15px;height:15px}
.ob-row.wa .ob-txt b{color:#11743a}
.ob-row.wa .ob-txt i{color:#3f8f5d}
.ob-wa-btn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:#25d366;color:#fff;
font-size:14.5px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(22,163,74,.7);transition:background .15s,transform .15s}
.ob-wa-btn svg{width:17px;height:17px}
.ob-wa-btn:hover{background:#1ebe5b;transform:translateY(-1px)}
.ob-wa-btn:focus-visible{outline:3px solid #16a34a;outline-offset:2px}
@media(max-width:760px){.ob-row.wa{padding:16px 18px}.ob-wa-btn{width:100%;justify-content:center;margin:4px 0 0;padding:14px;border-radius:12px}}
@media (prefers-reduced-motion: reduce){.ob-wa-btn{transition:none}.ob-wa-btn:hover{transform:none}}
.ob-wa-btn svg,.ob-ic.wa svg{fill:currentColor;flex:none}
@media(max-width:760px){
.ob-card .ob-row:nth-last-child(2){border-bottom:1px solid #f1f2f4;border-radius:0}
.ob-card .ob-row.wa:last-child{border-radius:0 0 18px 18px}
}
/* tmavý banner „Nechce sa ti čakať?" na mobile netreba – kontakt je v prvej sekcii aj v spodnej lište (16. 10. 2026) */
@media(max-width:760px){.oi-cta{display:none}}
/* mobil: sivá prvá sekcia vyplní obrazovku medzi hlavičkou a spodnou lištou, „Viac o spolupráci" sedí na jej spodku */
@media(max-width:640px){
.pwrap:has(.ob-wrap){min-height:calc(100svh - var(--ob-hdr,60px) - var(--ob-bar,0px));box-sizing:border-box}
.pwrap:has(.ob-wrap) .ob-wrap{flex:1}
.ob-wrap .ob-scroll{margin-top:auto;margin-bottom:14px}
}
/* mobil: koniec stránky má pod sebou miesto 1,5× výšky spodnej lišty, nech posledná sekcia nie je pod ňou */
@media(max-width:640px){.ob-info{padding-bottom:calc(var(--ob-bar,96px) * 1.5)}}
/* mobil: kroky trochu nižšie – voľné miesto sa delí 1 : 2 (nad krokmi : pod nimi k „Viac o spolupráci") */
@media(max-width:640px){
.ob-wrap > *{order:1}
.ob-wrap::before{content:'';order:0;flex:1 1 0;margin-bottom:-18px}
.ob-wrap::after{content:'';order:2;flex:2 1 0;margin-top:-18px}
.ob-wrap .ob-scroll{order:3;margin-top:0}
}
/* kontaktné e-maily: vlastné predlohy (26. 10. 2026) */
.ob-flds{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 15px;background:#fbfcfd;border-bottom:1px solid var(--line)}
.ob-flds label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;color:var(--soft)}
.ob-flds label:last-child{grid-column:1/-1}
.ob-flds input{height:36px;border:1px solid var(--line2);border-radius:9px;padding:0 10px;font:inherit;font-size:13px;color:var(--text);background:#fff}
.ob-flds input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ob-own{font-style:normal;font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 6px;margin-left:6px;vertical-align:1px}
.ob-add{flex:none;border:1.5px dashed var(--line2);background:transparent;border-radius:14px;padding:12px;font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.ob-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
@media(max-width:640px){.ob-flds{grid-template-columns:1fr}}
/* poradie predlôh ťahaním (26. 10. 2026) */
.ob-grip{flex:none;color:#b8bfca;font-size:13px;letter-spacing:-3px;cursor:grab;padding:0 2px 0 0;user-select:none}
.ob-c:hover .ob-grip{color:var(--muted)}
.ob-c.dragging{opacity:.45}
.ob-c.drop-before{box-shadow:0 -3px 0 0 var(--accent)}
.ob-c.drop-after{box-shadow:0 3px 0 0 var(--accent)}
.ob-c.edit textarea{overflow-y:auto;transition:height .08s}
.ob-pv{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:9px 15px 0}
.ob-pv i{font-style:normal;font-size:11.5px;color:var(--soft);margin-right:auto}
/* builder premenných do predlôh (26. 10. 2026) – samostatný popup */
.tv-ov{z-index:84}
.ob.tv-win{width:min(820px,96vw)}
.tv-sec{background:#fbfcfd;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:12.5px}
.tv-sec b{display:block;margin-bottom:6px;font-size:12px}
.tv-bi{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted)}
.tv-bi code{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;background:var(--accent-soft);color:var(--accent-2);border-radius:6px;padding:2px 7px;margin-right:6px}
.tv-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.tv-card.tv-newc{border-style:dashed;border-color:#c9cbf5;background:#fbfbff}
.tv-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.tv-head b{font-size:13px}
.tv-nm{display:inline-flex;align-items:center;gap:2px;font-family:ui-monospace,Menlo,monospace}
.tv-nm i{font-style:normal;color:var(--accent-2);font-weight:700;font-size:15px}
.tv-nm input{width:220px;height:34px;border:1px solid var(--line2);border-radius:8px;padding:0 9px;font:inherit;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent-2);font-weight:700}
.tv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tv-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--soft);letter-spacing:.02em}
.tv-grid input{height:36px;border:1px solid var(--line2);border-radius:9px;padding:0 10px;font:inherit;font-size:13px;color:var(--text);background:#fff}
.tv-grid input:focus,.tv-nm input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.tv-foot{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px}
.tv-foot .muted{flex:1}
.tv-empty{margin:0;padding:6px 2px;font-size:12.5px;color:var(--soft)}
.tv-link{font-size:11.5px;color:var(--accent);margin-left:auto;white-space:nowrap}
.ob-copy.sm{padding:5px 9px;font-size:11.5px}
.ob-add.tv-btn{border-style:solid;font-family:inherit}
@media(max-width:640px){.tv-grid{grid-template-columns:1fr}.tv-nm input{width:150px}}