/* ===== Yolo Bot – motyw v6 ===== */
:root,html[data-t="violet"]{--bg:#08060f;--bg2:#100b1d;--card:#120d22;--card2:#1a1330;--line:#2a2045;--line2:#3b2d66;--tx:#f1ecff;--mut:#a79bc9;--g:#a78bfa;--g2:#7c3aed;--c:#38bdf8;--v:#f472b6;--grad:linear-gradient(120deg,#a78bfa,#38bdf8 55%,#f472b6);--glow:#a78bfa;--ink:#0b0716}
html[data-t="ocean"]{--bg:#030b14;--bg2:#06182a;--card:#07182a;--card2:#0c2640;--line:#12364f;--line2:#1d5578;--tx:#e8f6ff;--mut:#8fb4cc;--g:#22d3ee;--g2:#0891b2;--c:#60a5fa;--v:#34d399;--grad:linear-gradient(120deg,#22d3ee,#60a5fa 55%,#34d399);--glow:#22d3ee;--ink:#021018}
html[data-t="sunset"]{--bg:#0f0806;--bg2:#1c0f0a;--card:#1c110c;--card2:#2a1a12;--line:#40261a;--line2:#5e3a26;--tx:#fff1e8;--mut:#c9a48f;--g:#fb923c;--g2:#ea580c;--c:#fbbf24;--v:#f43f5e;--grad:linear-gradient(120deg,#fb923c,#fbbf24 50%,#f43f5e);--glow:#fb923c;--ink:#180a04}
html[data-t="emerald"]{--bg:#060b09;--bg2:#0a140f;--card:#0e1913;--card2:#13241b;--line:#1d3528;--line2:#2a4a38;--tx:#eaf5ee;--mut:#8ba698;--g:#22e66e;--g2:#10b559;--c:#2dd4ff;--v:#8b5cf6;--grad:linear-gradient(120deg,#22e66e,#2dd4ff 60%,#8b5cf6);--glow:#22e66e;--ink:#04100a}
body{background:var(--bg)}
body:before{background:radial-gradient(700px 480px at 12% 8%,color-mix(in srgb,var(--g) 22%,transparent),transparent 70%),radial-gradient(760px 520px at 88% 18%,color-mix(in srgb,var(--v) 18%,transparent),transparent 70%),radial-gradient(700px 500px at 50% 100%,color-mix(in srgb,var(--c) 16%,transparent),transparent 70%)!important}
.nav{background:color-mix(in srgb,var(--bg) 80%,transparent)}
.logo b{color:var(--ink);box-shadow:0 0 24px color-mix(in srgb,var(--glow) 60%,transparent)}
.btn.p{color:var(--ink);box-shadow:0 6px 28px color-mix(in srgb,var(--glow) 40%,transparent)}
.btn.p:hover{box-shadow:0 10px 38px color-mix(in srgb,var(--glow) 65%,transparent)}
.card,.stat{background:linear-gradient(160deg,color-mix(in srgb,var(--card2) 80%,transparent),var(--card));border-color:var(--line);box-shadow:0 1px 0 #ffffff0a inset,0 18px 50px -28px #000}
.card:hover{border-color:var(--line2)}
.pill i{background:var(--g);box-shadow:0 0 10px var(--g)}
.fld{border-bottom-color:var(--line)}
.tabs a.on{color:var(--ink)}
/* panel: boczne menu */
.side{background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(10px);padding:12px}
.side a{border-radius:12px;padding:9px 12px;transition:.18s}
.side a:hover{transform:translateX(3px)}
.side a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--g) 24%,transparent),transparent);color:var(--tx);box-shadow:inset 3px 0 0 var(--g)}
.side .hd{color:var(--mut);opacity:.7;margin-top:6px}
/* przełączniki */
.sw i{background:var(--line2)}
.sw input:checked+i{background:var(--grad)}
/* kafelki modułów */
.mods{gap:12px}
.mod{border-radius:14px;padding:12px 15px;background:color-mix(in srgb,var(--card2) 55%,transparent)}
.mod.on{border-color:color-mix(in srgb,var(--g) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--g) 14%,transparent),transparent)}
.mod:hover{transform:translateY(-2px)}
/* baner serwera */
.gbanner{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line2);padding:22px 24px;margin-bottom:18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:linear-gradient(120deg,color-mix(in srgb,var(--g) 26%,var(--card)),color-mix(in srgb,var(--v) 20%,var(--card)) 60%,color-mix(in srgb,var(--c) 22%,var(--card)))}
.gbanner:after{content:"";position:absolute;inset:0;background:radial-gradient(400px 160px at 90% 0,#ffffff1c,transparent 70%);pointer-events:none}
.gbanner h2{margin:0;font-size:26px}.gbanner small{color:var(--mut)}
.gbanner .ico{width:64px;height:64px;border-radius:18px;background:var(--card);display:grid;place-items:center;font-size:26px;font-weight:800;overflow:hidden;border:2px solid #ffffff22}
.gbanner .ico img{width:100%;height:100%;object-fit:cover}
/* przełącznik motywu */
.thm{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;gap:6px;align-items:center;padding:7px 9px;border-radius:99px;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line2);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0008}
.thm button{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:.15s}
.thm button:hover{transform:scale(1.18)}.thm button.on{border-color:#fff}
.thm span{font-size:11px;color:var(--mut);padding:0 4px 0 6px}
@media(max-width:640px){.thm span{display:none}}
input:not([type=checkbox]):not([type=color]),select,textarea{background:color-mix(in srgb,var(--bg) 70%,var(--card))!important;border-color:var(--line2)!important;color:var(--tx)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--g)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 25%,transparent)}
.savebar,.sticky-save{background:color-mix(in srgb,var(--card) 92%,transparent)!important;border-color:var(--line2)!important}
.prog{background:var(--line)}.prog div{background:var(--grad)}

.ann.promo{background:linear-gradient(90deg,color-mix(in srgb,var(--v) 40%,var(--card)),color-mix(in srgb,var(--g) 40%,var(--card)))!important;border-color:var(--v)!important}
.ann.promo .wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.row .sw{flex:none!important;width:48px}
.row label.row,.row>label{flex:none}
.card>.row[style*="flex-wrap"]{justify-content:flex-start!important}
.sw input:checked+i:before,.sw input:checked~i:before{transform:translateX(21px)}