/* Max‑WoW Neon Glass UI */
.mwcb { --bg:#0a0f1c; --glass:rgba(12,18,32,.65); --card:rgba(18,26,44,.75);
        --primary:#6cf0ff; --secondary:#9b8cff; --accent:#44ffad;
        --danger:#ff6b8a; --muted:#94a3b8; --text:#dbeafe; --text2:#cbd5e1; }

.mwcb-neon { position:relative; border-radius:16px; overflow:hidden;
  background: radial-gradient(1200px 400px at -10% -10%, rgba(108,240,255,.12), transparent 60%),
              radial-gradient(900px 500px at 120% 10%, rgba(155,140,255,.12), transparent 55%),
              var(--glass);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.03);
  backdrop-filter: blur(10px);
}

.mwcb-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08); position:relative; }
.mwcb-title{letter-spacing:2px;font-weight:800;color:var(--text); text-shadow:0 0 18px rgba(108,240,255,.25);}
.mwcb-controls{display:flex;gap:10px;align-items:center}
.mwcb-pill{background:linear-gradient(135deg, var(--primary), var(--secondary));
  color:#06121a; font-weight:800; font-size:12px; padding:6px 10px; border-radius:999px;
  box-shadow:0 0 18px rgba(108,240,255,.35), inset 0 0 10px rgba(255,255,255,.2);}
.mwcb-limit{width:90px;background:var(--card);border:1px solid rgba(255,255,255,.08);
  color:var(--text2); padding:6px 8px;border-radius:10px;}

.mwcb-list{list-style:none;margin:0;padding:0;max-height:560px;overflow:auto;scrollbar-width:thin}
.mwcb-list::-webkit-scrollbar{height:6px;width:6px}
.mwcb-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--secondary), var(--primary));border-radius:10px}

.mwcb-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);
  animation: mwcb-fade .25s ease-out}
@keyframes mwcb-fade{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}

.mwcb-badge{font-size:11px;font-weight:800;letter-spacing:1px;padding:4px 8px;border-radius:8px;
  color:#021318; background:linear-gradient(135deg, var(--accent), var(--primary));
  box-shadow:0 0 14px rgba(68,255,173,.35), inset 0 0 10px rgba(255,255,255,.18);
  text-transform:uppercase}
.mwcb-badge.web{background:linear-gradient(135deg, var(--accent), var(--primary))}
.mwcb-badge.game{background:linear-gradient(135deg, var(--secondary), var(--primary))}

.mwcb-name{font-weight:700;color:var(--text)}
.mwcb-msg{color:var(--text2)}
.mwcb-time{margin-left:auto;font-size:11px;color:var(--muted)}

.mwcb-send{display:flex;gap:10px;padding:12px;border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(108,240,255,.06), transparent 60%)}
.mwcb-send input{flex:1;background:var(--card);border:1px solid rgba(255,255,255,.08);
  color:var(--text); padding:10px 12px;border-radius:12px; outline:none}
.mwcb-send select{background:var(--card);border:1px solid rgba(255,255,255,.08);
  color:var(--text2); padding:10px 12px;border-radius:12px}
.mwcb-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#041018;
  font-weight:800;border:none;border-radius:12px;padding:10px 16px;cursor:pointer;
  box-shadow:0 10px 22px rgba(155,140,255,.28), inset 0 0 12px rgba(255,255,255,.25);}
.mwcb-btn:hover{filter:brightness(1.08)}
.mwcb-empty{padding:14px 16px;color:var(--muted);}