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;margin-left:14px}
.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}
.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}
.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}
.tbl-scroll{overflow-x:auto}
.tbl-scroll .tbl{min-width:1170px}
.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:hidden}
.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-sub{font-size:12.5px;color:var(--soft)}
/* badges & pills */
.badge{display:inline-block;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.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}
.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 */
.badge.po-pending{background:var(--amber-soft);color:var(--amber)}
.badge.po-checked{background:#e3edfe;color:#1d4ed8}
.badge.po-paid{background:var(--green-soft);color:var(--green)}
.badge.po-problem{background:var(--red-soft);color:var(--red)}
.badge.po-weak_results{background:#fde7f1;color:#be185d}
.comp-lines{font-size:12.5px;line-height:1.7;color:var(--muted)}
.comp-lines b{color:var(--text)}
.comp-lines .chk{margin-left:6px}
.pay-details summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--accent);margin-top:2px}
.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}
/* 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}
.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}
.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}
.payc-val{display:flex;align-items:center;gap:8px;margin-top:auto}
.payc-val input{width:84px;background:#fff;font-weight:600;height:40px}
.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}
.sn-card:hover{border-color:#d9ddf9}
.sn-card input{background:#fff;width:100%}
.sn-tile{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.sn-tile svg{width:20px;height:20px;display:block}
.sn-tile.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.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:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.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{margin-left:auto;position:relative}
.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{font-size:10px;color:var(--soft)}
.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 rozostup rieši gap, nie margin */
@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:14px}
@media(max-width:900px){.p-kpis{grid-template-columns:1fr 1fr}}
.p-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:3px}
.p-kpi .l{font-size:12.5px;color:var(--soft);font-weight:600}
.p-kpi .v{font-size:24px;font-weight:800;letter-spacing:-.02em}
.p-kpi .d{font-size:12px;color:var(--soft)}
/* BIO banner */
.bio-banner{display:flex;align-items:center;gap:14px;border:1px solid;border-radius:14px;padding:14px 20px}
.bio-banner-ic{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{flex:1}
.bio-banner-t{font-size:14.5px;font-weight:700}
.bio-banner-s{font-size:13px;opacity:.85}
/* objednávky tabuľka */
.po-table{display:flex;flex-direction:column;overflow-x:auto}
.po-head,.po-row{display:grid;grid-template-columns:100px minmax(120px,1fr) 150px 100px 118px 132px;gap:10px;align-items:center;min-width:720px}
.po-full .po-head,.po-full .po-row{grid-template-columns:104px 92px 150px minmax(160px,1fr) 118px 118px 126px}
.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:right}
.po-row{padding:10px 4px;border-top:1px solid var(--line);font-size:13.5px}
.po-row .num{text-align:right;font-weight:600}
.po-row .pos{color:var(--green);font-weight:700}
.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}
.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}
.reg-open{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:9px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);text-decoration:none;font-size:13px;flex:none;transition:background .15s,color .15s}
.reg-open:hover{background:rgba(255,255,255,.12);color:#fff}
.reg-tile svg{width:16px;height:16px;display:block}
.reg-tile.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.reg-tile.facebook{background:#1877f2}.reg-tile.tiktok{background:#111}.reg-tile.youtube{background:#f00}
.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-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:hidden;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)}
@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}
.tbl td.nets{white-space:nowrap}
.tbl td.nets .net-pill{margin-right:3px}
.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 --- */
.po-head.pay-head,.po-row.pay-row{grid-template-columns:104px minmax(200px,1fr) 190px 118px 130px 118px}
.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:16px;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:99px;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)}
.p-kpi .l{padding-right:70px}
.p-kpi.pay{border:0;text-decoration:none;box-shadow:0 12px 30px rgba(91,91,214,.24);transition:transform .15s,box-shadow .15s}
.p-kpi.pay:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(91,91,214,.32)}
.p-kpi.pay-eur{background:linear-gradient(135deg,#5b5bd6 0%,#4238a8 100%)}
.p-kpi.pay-prod{background:linear-gradient(135deg,#6f5bd6 0%,#4b2fa0 100%)}
.p-kpi.pay .l{color:#c7ceff;text-transform:uppercase;letter-spacing:.07em;font-size:11px}
.p-kpi.pay .v{color:#fff;font-size:30px}
.p-kpi.pay .d{color:#c3b9ff}
.p-kpi.pay .tag{background:rgba(255,255,255,.18);color:#fff}
/* --- 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(--amber-soft);color:var(--amber)}
.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)}
.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}
.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-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)}
/* prepojenie Instagramu (OAuth) v BIO karte */
.ig-conn{margin-top:10px;align-self:flex-start}
.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}
.note-dot.in{position:static;width:7px;height:7px;border:none;display:inline-block;margin-left:2px}
.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}
.note-pop{position:absolute;z-index:70;width:330px}
.note-pop-arrow{position:absolute;top:-6px;right:52px;width:12px;height:12px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.note-pop-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;box-shadow:0 12px 32px rgba(16,24,40,.14);display:flex;flex-direction:column;gap:8px}
.note-pop-h{display:flex;align-items:center;gap:8px;font-size:12px}
.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 .soft{margin-left:auto;font-size:11px}
.note-pop-card p{margin:0;font-size:12.5px;color:#374151;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.note-pop-open{font-size:12px;font-weight:700;color:var(--accent)}
.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}
/* ===== 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-body[hidden]{display:none}
.req28-row{display:flex;align-items:center;gap:14px;background:#fff;border-radius:12px;padding:13px 18px;margin-top:10px}
.req28-av{width:40px;height:40px;border-radius:99px;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:inline-flex;gap:6px;align-items:center;flex:none}
.req28-net{width:26px;height:26px;border-radius:8px}
.req28-net svg{width:13px;height:13px}
.req28-date{font-size:13px;color:var(--soft);width:90px;text-align:right;flex:none}
.req28-act{display:flex;gap:8px;flex:none}
.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}
.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)}
.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}
.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:90;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}
/* ===== 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}
/* 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}
.dc-pin span{width:14px;height:14px;border-radius:4px;border:1.5px solid #c7ccd4;background:#fff;display:block;position:relative}
.dc-pin input:checked + span{background:#5b5bd6;border-color:#5b5bd6}
.dc-pin input:checked + span::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;
border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.dc-chip.dc-main{box-shadow:0 0 0 2px rgba(91,91,214,.35)}
/* ===== 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;font-size:12.5px}
/* ===== 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:80;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)}
.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:11.5px;font-weight:700;color:#4c4fd4;background:#eef0fd;border-radius:99px;padding:2px 8px;white-space:nowrap}
.req28-net.isnew{box-shadow:0 0 0 2px #12b76a}
.req28-added{display:inline-flex;align-items:center;height:26px;padding:0 8px;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 60px;display:flex;flex-direction:column;gap:20px}
.ob-head h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em}
.ob-head p{margin:6px 0 0;font-size:14px;color:var(--soft,#6b7280);line-height:1.6}
.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)}
/* overflow visible, aby rozbaľovacie menu „Pridať sieť" nič neodrezalo — rohy riešia prvý/posledný riadok */
.ob-card{background:#fff;border:1px solid var(--line,#e8eaee);border-radius:16px}
.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:12px;padding:16px 22px;border-bottom:1px solid #f1f2f5;flex-wrap:wrap}
.ob-row:last-child{border-bottom:none}
.ob-row.col{flex-direction:column;align-items:stretch}
.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-tx{flex:1;min-width:180px;display:flex;flex-direction:column;gap:1px}
.ob-tx b{font-size:14px;font-weight:700}
.ob-tx i{font-style:normal;font-size:12.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)}
.ob-soc .sn-tile{width:46px;height:46px;border-radius:14px}
.ob-soc .sn-tile svg{width:22px;height:22px}
.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:#fdf6e7}
.ob-row.approve .ob-tx b{color:#93370d}
.ob-row.approve .ob-tx i{color:#b25a1b}
.ob-dot{width:8px;height:8px;border-radius:50%;background:#f0a929;display:block}
.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:99px;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}
.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}
}