
/* ── бейдж-счётчики меню ── */
.msg-badge{
  display:inline-block; min-width:20px; padding:2px 7px;
  border-radius:999px;
  font-size:11px; font-weight:700; line-height:1.2; text-align:center;
  font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.08);
  color:#8B94A7;
}
.msg-badge--new{
  background:linear-gradient(135deg,#CDFF5E,#7BE84A);
  color:#0A1204;
  box-shadow:0 3px 10px rgba(183,255,60,.4);
}

/* ── иконки разделов меню (инлайн-SVG вместо Bootstrap Icons) ── */
.lcol-ico{ width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round; margin-right:11px; flex:none; vertical-align:-2px; }

/* ── слот баннера 100х100 ── */
.baner100-slot{
  min-height:110px;
  padding:8px 0 4px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.baner100-slot img{
  max-width:100%;
  height:auto;
  display:block;
  border-radius:10px;
}


/* ═════════ BALANCE CARD · Fintech v2 ═════════ */
.bk2{
  --bk-lime:#B7FF3C;
  --bk-lime2:#7BE84A;
  --bk-green:#4ADE80;
  --bk-amber:#FFC94D;
  --bk-cyan:#39D6FF;
  --bk-ink:#EDF1F7;
  --bk-mut:#8B94A7;
  --bk-line:rgba(255,255,255,.07);

  width:220px;padding:16px 15px 15px;border-radius:18px;
  position:relative;overflow:hidden;contain:layout style;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;color:var(--bk-ink);
  background:
    radial-gradient(140px 110px at 110% -10%, rgba(183,255,60,.14), transparent 70%),
    radial-gradient(120px 100px at -15% 110%, rgba(57,214,255,.10), transparent 70%),
    linear-gradient(170deg,#121a29 0%,#0D121C 100%);
  border:1px solid var(--bk-line);
  box-shadow:0 12px 30px rgba(4,6,12,.5), inset 0 1px 0 rgba(255,255,255,.05);
}
/* световая линия сверху */
.bk2::before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(183,255,60,.85),rgba(57,214,255,.55),transparent);}

/* ── шапка: кошелёк + значок «живой» ── */
.bk2-head{display:flex;align-items:center;gap:9px;}
.bk2-wallet{
  width:36px;height:36px;border-radius:11px;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;color:#0A1204;
  background:linear-gradient(135deg,#CDFF5E,#7BE84A);
  box-shadow:0 5px 16px rgba(183,255,60,.35);
}
.bk2-head-t{min-width:0;flex:1;}
.bk2-cap{font-size:9.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--bk-mut);}
.bk2-sum{font-size:23px;font-weight:800;line-height:1.15;margin-top:2px;
  font-variant-numeric:tabular-nums;letter-spacing:-.4px;
  background:linear-gradient(92deg,#F4F6FB 30%,var(--bk-amber) 110%);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.bk2-sum small{font-size:11px;font-weight:600;color:var(--bk-mut);
  -webkit-text-fill-color:var(--bk-mut);margin-left:2px;}

/* ── счёта ── */
.bk2-accs{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.bk2-acc{
  display:flex;align-items:center;gap:10px;
  padding:9px 10px;border-radius:13px;text-decoration:none !important;
  background:rgba(255,255,255,.04);border:1px solid var(--bk-line);
  transition:border-color .2s, background-color .2s, transform .2s;
}
.bk2-acc:hover{border-color:rgba(183,255,60,.35);background:rgba(255,255,255,.08);transform:translateX(3px);}
.bk2-ic{
  width:30px;height:30px;border-radius:9px;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;
}
.bk2-ic.adv{background:linear-gradient(135deg,#4ADE80,#10B981);box-shadow:0 3px 10px rgba(16,185,129,.35);}
.bk2-ic.main{background:linear-gradient(135deg,#FFC94D,#F59E0B);box-shadow:0 3px 10px rgba(245,158,11,.35);}
.bk2-acc-t{flex:1;min-width:0;}
.bk2-acc-l{display:block;font-size:9.5px;font-weight:700;letter-spacing:.6px;
  text-transform:uppercase;color:var(--bk-mut);white-space:nowrap;}
.bk2-acc-v{display:block;font-size:13.5px;font-weight:800;margin-top:1px;
  font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bk2-acc-v.g{color:var(--bk-green);}
.bk2-acc-v.a{color:var(--bk-amber);}
.bk2-acc .go{flex:none;font-size:10px;color:var(--bk-mut);transition:color .2s, transform .2s;}
.bk2-acc:hover .go{color:var(--bk-lime);transform:translateX(2px);}

/* ── кнопки ── */
.bk2-actions{display:flex;gap:7px;margin-top:13px;}
.bk2-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 0;border-radius:12px;text-decoration:none !important;
  font-size:12.5px;font-weight:800;cursor:pointer;
  transition:transform .18s, border-color .2s;
}
.bk2-btn i{font-size:12px;}
.bk2-btn--in{
  color:#0A1204;background:linear-gradient(135deg,#CDFF5E,var(--bk-lime2));
  box-shadow:0 6px 18px rgba(183,255,60,.4);
}
.bk2-btn--in:hover{transform:translateY(-1px);}
.bk2-btn--out{
  color:var(--bk-ink);background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
}
.bk2-btn--out:hover{border-color:rgba(57,214,255,.5);color:var(--bk-cyan);transform:translateY(-1px);}
.bk2-btn:active{transform:scale(.97);}

/* мини-футер: подсказка */
.bk2-foot{display:flex;align-items:center;justify-content:center;gap:5px;
  margin-top:11px;font-size:10px;color:rgba(139,148,167,.75);}
.bk2-foot i{font-size:9px;color:var(--bk-green);}

/* ═══ иммунитет кнопок от глобальных стилей темы ═══ */
.bk2-actions a.bk2-btn,
.bk2-actions a.bk2-btn:hover,
.bk2-actions a.bk2-btn:focus,
.bk2-actions a.bk2-btn:active,
.bk2-actions a.bk2-btn:visited{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
  padding:11px 4px !important;
  margin:0 !important;
  min-height:0 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
}
/* базовое — градиент возвращаем поверх иммунитета */
.bk2-actions a.bk2-btn--in,
.bk2-actions a.bk2-btn--in:hover,
.bk2-actions a.bk2-btn--in:focus{
  background:linear-gradient(135deg,#CDFF5E,#7BE84A) !important;
  border:1px solid transparent !important;
  color:#0A1204 !important;
  box-shadow:0 6px 18px rgba(183,255,60,.4) !important;
}
.bk2-actions a.bk2-btn--in:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 9px 24px rgba(183,255,60,.5) !important;
}
.bk2-actions a.bk2-btn--out:hover{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(57,214,255,.5) !important;
  color:var(--bk-cyan,#39D6FF) !important;
  transform:translateY(-1px) !important;
}
/* иконки не inherit-ят цвет ссылки темы */
.bk2-actions .bk2-btn i{ color:inherit !important; }



/* ═══ плашка модератора ═══ */
#hp-moder-note{
  position:fixed;right:16px;bottom:16px;z-index:998;
  width:288px;border-radius:18px;overflow:hidden;
  background:linear-gradient(160deg,#0b3d3a 0%,#0d5f5a 55%,#0f766e 100%);
  border:1px solid rgba(45,212,191,.45);
  box-shadow:0 16px 44px rgba(4,40,38,.55), 0 0 0 1px rgba(255,255,255,.04) inset;
  color:#fff;font-family:'Segoe UI',Roboto,Arial,sans-serif;
  animation:hpNoteIn .45s cubic-bezier(.2,.9,.3,1.2) both;
  transition:transform .18s, box-shadow .18s, border-color .18s;
}
#hp-moder-note:hover{transform:translateY(-2px);border-color:rgba(45,212,191,.8);
  box-shadow:0 20px 52px rgba(13,148,136,.5)}
#hp-moder-note.hide{display:none}
@keyframes hpNoteIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

.hpm-head{display:flex;align-items:center;gap:9px;padding:12px 14px 0;}
.hpm-bell{
  position:relative;flex:none;width:38px;height:38px;border-radius:12px;
  background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;
}
.hpm-bell svg{animation:hpmRing 3.4s ease-in-out infinite;transform-origin:top center}
@keyframes hpmRing{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(11deg)}94%{transform:rotate(-9deg)}98%{transform:rotate(5deg)}}
@media (prefers-reduced-motion:reduce){ .hpm-bell svg{animation:none} }
.hpm-head-t{flex:1;min-width:0;}
.hpm-cap{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:700;}
.hpm-sum{font-size:19px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;}
.hpm-sum small{font-size:11.5px;font-weight:600;color:rgba(255,255,255,.75);}
.hpm-x{
  flex:none;width:26px;height:26px;border-radius:8px;cursor:pointer;
  background:rgba(255,255,255,.1);border:0;color:rgba(255,255,255,.75);
  display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;
}
.hpm-x:hover{background:rgba(255,255,255,.22);color:#fff}

/* разбивка по типам */
.hpm-types{display:flex;gap:5px;padding:10px 14px 0;flex-wrap:wrap;}
.hpm-type{
  display:inline-flex;align-items:center;gap:4px;
  font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.9);
}
.hpm-type[data-k] i{font-size:9.5px;opacity:.85}
.hpm-type b{font-variant-numeric:tabular-nums;}

.hpm-bar{margin:12px 14px 0;height:4px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden;}
.hpm-bar i{display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,#ffd32a,#2dd4bf);transition:width .5s ease;}

.hpm-foot{display:flex;gap:8px;padding:12px 14px 14px;}
.hpm-go{
  flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
  background:#fff;color:#0b4f4a;font-size:13px;font-weight:800;
  padding:10px;border-radius:11px;text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .15s, box-shadow .15s;
}
.hpm-go:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(0,0,0,.34)}
.hpm-go i{font-size:11px;transition:transform .2s}
.hpm-go:hover i{transform:translateX(3px)}

/* ═══ модальное окно ═══ */
#hp-exec-overlay{position:fixed;inset:0;background:rgba(4,14,13,.6);backdrop-filter:blur(4px);z-index:9998;}
#hp-exec-box{
  position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;
  width:min(380px,92vw);
}
.hp-pop{
  border-radius:22px;overflow:hidden;color:#fff;text-align:center;
  background:linear-gradient(165deg,#0b3d3a 0%,#0d5f5a 55%,#0f766e 100%);
  border:1px solid rgba(45,212,191,.5);
  box-shadow:0 30px 80px rgba(0,0,0,.55);
  font-family:'Segoe UI',Roboto,Arial,sans-serif;
  animation:hpPopIn .4s cubic-bezier(.2,.9,.3,1.25) both;
}
@keyframes hpPopIn{from{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}
@keyframes hpFadeIn{from{opacity:0}to{opacity:1}}
#hp-exec-overlay{animation:hpFadeIn .3s both;}

.hp-pop-ico{
  width:72px;height:72px;margin:26px auto 14px;border-radius:50%;
  background:rgba(255,255,255,.13);border:2px solid rgba(45,212,191,.55);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 34px rgba(45,212,191,.35);
}
.hp-pop-ico svg{animation:hpmRing 3.4s ease-in-out infinite;transform-origin:top center}
.hp-pop-t{font-size:20px;font-weight:800;margin-bottom:6px;}
.hp-pop-d{font-size:13.5px;color:rgba(255,255,255,.85);margin-bottom:6px;}
.hp-pop-num{
  display:inline-flex;align-items:center;gap:7px;margin:8px auto 20px;
  padding:8px 18px;border-radius:999px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;
}
.hp-pop-num b{color:#ffd32a;font-size:18px;}
.hp-pop-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 22px 24px;}
.hp-pop-btns a{
  flex:1;min-width:130px;display:flex;align-items:center;justify-content:center;gap:7px;
  padding:12px;border-radius:12px;font-size:14px;font-weight:800;text-decoration:none;
  transition:transform .15s, box-shadow .15s;
}
.hp-pop-btns a:hover{transform:translateY(-2px)}
.hp-pop-go{background:#fff;color:#0b4f4a;box-shadow:0 8px 20px rgba(0,0,0,.3);}
.hp-pop-later{border:2px solid rgba(255,255,255,.5);color:#fff;}
.hp-pop-later:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hp-pop-later{cursor:pointer;}



/* ═════════ AURORA · Левая колонка (гость) — один CSS-блок ═════════ */
/* ⚡ мёртвый CSS удалён: .stats-panel (светлая тема), #leftcolumn{color:#333} */

.gcard{
  --accent1:#7BE84A;
  --accent2:#8B7CFF;
  padding:12px;
  border-radius:14px;
  font-size:12px;
  width:216px;
  position:relative; overflow:hidden;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  color:#f4f6fb;
  /* ⚡ орбы с blur(36px) удалены — их роль уже играют градиенты в фоне */
  background:
    radial-gradient(120px 80px at 85% -10%, rgba(183,255,60,.14), transparent 70%),
    radial-gradient(140px 90px at -10% 110%, rgba(139,124,255,.11), transparent 70%),
    linear-gradient(165deg,#101725,#0D121C);
  box-shadow:0 10px 26px rgba(4,6,12,.45), inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .25s;
  contain:layout style;
}
/* ⚡ hover без анимации тени */
.gcard:hover{ transform:translateY(-2px); }
.gcard::before{ content:""; position:absolute; inset:0 0 auto 0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent); }

.gcard__live,.gcard__row,.gcard__sub{ position:relative; z-index:1;
  animation:grise .55s cubic-bezier(.22,1,.36,1) both; }
.gcard__row{ animation-delay:.08s } .gcard__sub{ animation-delay:.16s }
@keyframes grise{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none} }

.gcard__live{ display:flex; align-items:center; gap:7px; margin-bottom:10px; }
.gcard__livetxt{ font-weight:600; }
.gcard__uptime{ margin-left:auto; font-size:10.5px; color:#8B94A7; font-variant-numeric:tabular-nums; }

/* пульс через transform+opacity — композитор, оставлено */
.gdot{ width:8px; height:8px; border-radius:50%; background:#7BE84A; flex:none; position:relative; }
.gdot::after{ content:''; position:absolute; inset:0; border-radius:50%; background:#7BE84A;
  animation:gpulse 2s ease-out infinite; }
@keyframes gpulse{
  0%{ transform:scale(1); opacity:.6 }
  100%{ transform:scale(2.8); opacity:0 }
}

.gcard__row{ display:flex; align-items:center; gap:9px; padding:3px 0; }
.gcard__icon{ width:32px; height:32px; border-radius:9px; flex:none; display:grid; place-items:center; }
.gcard__icon svg{ width:17px; height:17px; fill:none; stroke:#0A1204; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round; }
.gcard__icon--blue{ background:linear-gradient(135deg,#39D6FF,#0EA5E9); box-shadow:0 4px 12px rgba(57,214,255,.35); }
.gcard__icon--green{ background:linear-gradient(135deg,#CDFF5E,#7BE84A); box-shadow:0 4px 12px rgba(183,255,60,.35); }

.gcard__num{ font-size:17px; font-weight:700; line-height:1.1; font-variant-numeric:tabular-nums; }
.gcard__cur{ font-size:12px; color:#B7FF3C; }
.gcard__cap{ font-size:10.5px; color:#8B94A7; margin-top:1px; }

.gcard__badge{ margin-left:auto; display:flex; align-items:center; gap:3px;
  background:rgba(183,255,60,.12); color:#B7FF3C; border:1px solid rgba(183,255,60,.3);
  padding:3px 7px; border-radius:999px; font-size:11px; font-weight:700; white-space:nowrap; }
.gcard__badge svg{ width:10px; height:10px; fill:none; stroke:currentColor; stroke-width:2.4;
  stroke-linecap:round; stroke-linejoin:round; }
.gcard__badge small{ font-weight:500; font-size:10px; opacity:.8; }

.gcard__sep{ position:relative; z-index:1; height:1px; margin:8px 0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent); }

.gcard__sub{ display:flex; justify-content:space-between; align-items:center;
  margin-top:8px; padding:7px 9px; border-radius:8px;
  background:rgba(255,255,255,.04); font-size:11px; color:#8B94A7; }
.gcard__subval{ color:#e7ebf5; font-weight:700; font-variant-numeric:tabular-nums; }

/* ── кнопки регистрации / входа ── */
.auth-btns{ display:flex; flex-direction:column; gap:8px; }

.abtn{
  display:flex; align-items:center; justify-content:center; gap:8px;
  height:44px;
  border-radius:12px;
  text-decoration:none !important;
  font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
  font-size:14px; font-weight:700;
  transition:transform .2s, border-color .2s, color .2s;
}
.abtn svg{ width:17px; height:17px; fill:none; stroke:currentColor;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.abtn:active{ transform:scale(.98); }

.abtn--reg{
  color:#0A1204 !important;
  background:linear-gradient(135deg,#CDFF5E,#7BE84A);
  box-shadow:0 5px 14px rgba(183,255,60,.35), inset 0 1px 0 rgba(255,255,255,.4);
}
.abtn--reg:hover,
.abtn--reg:focus{ transform:translateY(-1px); }

.abtn--login{
  color:#e7ebf5 !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.12);
}
.abtn--login:hover,
.abtn--login:focus{
  color:#fff !important;
  border-color:rgba(183,255,60,.45);
  transform:translateY(-1px);
}
.abtn--login svg{ color:#e7ebf5 !important; }
.abtn--login:hover svg{ color:#fff !important; }

/* ── слот баннера ── */
.baner100-slot{
  min-height:110px;
  padding:8px 0 4px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.baner100-slot img{
  max-width:100%;
  height:auto;
  display:block;
  border-radius:10px;
}
