/* Single source of truth for the balance chip — loaded last */
.bal-wrap{display:flex;align-items:center;gap:0}
.balance-chip{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;
  height:40px!important;padding:0 14px!important;background:#0f1419!important;
  border:1px solid #232b36!important;border-right:0!important;
  border-radius:10px 0 0 10px!important;text-decoration:none;transition:.15s}
.balance-chip:hover{border-color:#00e701!important}
.bal-coin{width:22px;height:22px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#f7931a,#ffb84d);color:#fff;border-radius:50%;
  font-size:13px;font-weight:800;flex:0 0 auto}
.bal-col{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.bal-col small{color:#8a9ba8!important;font-size:9px!important;font-weight:600!important;
  text-transform:uppercase;letter-spacing:.4px}
.bal-col b{color:#fff!important;font-size:15px!important;font-weight:800!important;margin:0!important}
.bal-cur{color:#00e701;font-size:11px;font-weight:700;align-self:flex-end;margin-bottom:3px}
.bal-deposit{display:flex;align-items:center;justify-content:center;height:40px;width:40px;
  background:#00e701;color:#00300a;font-size:22px;font-weight:800;text-decoration:none;
  border-radius:0 10px 10px 0;transition:.15s;line-height:1}
.bal-deposit:hover{background:#00c701;transform:none}
@media(max-width:640px){
  .balance-chip{height:36px!important;padding:0 10px!important;gap:7px}
  .bal-col small{display:none}
  .bal-col b{font-size:13px!important}
  .bal-coin{width:18px;height:18px;font-size:11px}
  .bal-cur{font-size:10px;align-self:center;margin:0}
  .bal-deposit{height:36px;width:36px;font-size:19px}
}

/* Smaller brand logo on mobile */
@media(max-width:640px){
  .brand{font-size:10px!important}
  .brand span{transform:scale(.85)}
}

/* Pull balance closer to right edge on mobile */
@media(max-width:640px){
  .header-actions{margin-right:0!important;padding-right:6px!important;gap:6px!important}
  .topbar,.header{padding-right:8px!important}
}

/* Currency icon as image */
img.bal-coin{width:22px!important;height:22px!important;border-radius:50%;
  background:none!important;object-fit:contain;flex:0 0 auto}
@media(max-width:640px){img.bal-coin{width:18px!important;height:18px!important}}

/* Balance dropdown */
.bal-wrap{position:relative}
.bal-chip-btn{display:flex;align-items:center;cursor:pointer}
.bal-caret{color:#8a9ba8;font-size:10px;padding:0 8px 0 4px;align-self:center}
.bal-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;z-index:200;
  background:#12171f;border:1px solid #232b36;border-radius:12px;padding:6px;
  box-shadow:0 20px 50px rgba(0,0,0,.6);display:none}
.bal-dropdown.open{display:block}
.bal-dd-row{margin:0}
.bal-dd-row button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;
  background:none;border:0;border-radius:8px;cursor:pointer;color:#e6edf3;font:inherit}
.bal-dd-row button:hover{background:#1a2029}
.bal-dd-row.active button{background:#0f1419}
.bal-dd-row img{width:22px;height:22px;border-radius:50%}
.bal-dd-row .dd-cur{font-weight:700;font-size:13px}
.bal-dd-row .dd-amt{margin-left:auto;font-weight:700;font-size:13px;color:#fff}
.bal-dd-row .dd-check{color:#00e701;font-weight:800;margin-left:6px}
.bal-dd-manage{display:block;text-align:center;padding:10px;margin-top:4px;
  border-top:1px solid #232b36;color:#00e701;font-size:12px;font-weight:700;text-decoration:none}

/* ===== Premium polish: chip + dropdown ===== */
.bal-chip-btn{background:linear-gradient(180deg,#161c26,#10151d);border:1px solid #232b36;
  border-radius:11px 0 0 11px;height:42px;transition:.18s}
.bal-chip-btn:hover{border-color:#2f3b49}
.balance-chip{background:transparent!important;border:0!important;height:42px!important;
  padding:0 6px 0 12px!important;gap:11px}
.bal-coin{filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}
.bal-col small{color:#6b7885!important;letter-spacing:.5px}
.bal-col b{letter-spacing:.2px}
.bal-cur{background:rgba(0,231,1,.1);color:#00e701!important;padding:2px 7px;border-radius:6px;
  font-size:10px!important;align-self:center!important;margin:0!important;font-weight:800!important}
.bal-caret{transition:transform .2s}
.bal-wrap:has(.bal-dropdown.open) .bal-caret{transform:rotate(180deg)}
.bal-deposit{background:linear-gradient(180deg,#00f202,#00c701)!important;
  box-shadow:0 2px 10px rgba(0,231,1,.35);border-radius:0 11px 11px 0!important;height:42px!important}
.bal-deposit:hover{filter:brightness(1.08)}

/* dropdown */
.bal-dropdown{min-width:260px;padding:8px;border-radius:14px;
  background:linear-gradient(180deg,#141a23,#0f141b);border:1px solid #26303c;
  box-shadow:0 24px 60px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.02);
  animation:balDrop .18s ease}
@keyframes balDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.bal-dropdown::before{content:"Your wallets";display:block;padding:6px 12px 10px;
  font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#6b7885}
.bal-dd-row button{padding:11px 12px;border-radius:10px;gap:12px;transition:.14s}
.bal-dd-row button:hover{background:#1c242f}
.bal-dd-row.active button{background:linear-gradient(90deg,rgba(0,231,1,.08),transparent)}
.bal-dd-row img{width:26px;height:26px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.bal-dd-row .dd-cur{font-size:13px;letter-spacing:.2px}
.bal-dd-row .dd-amt{font-size:14px;font-variant-numeric:tabular-nums}
.bal-dd-row .dd-check{background:#00e701;color:#00300a;width:16px;height:16px;border-radius:50%;
  display:grid;place-items:center;font-size:10px;margin-left:8px}
.bal-dd-manage{margin-top:6px;padding:11px;border-radius:8px;background:rgba(0,231,1,.06);
  border-top:0;transition:.14s}
.bal-dd-manage:hover{background:rgba(0,231,1,.12)}

/* Dropdown clarity fix */
.bal-dropdown{background:#1a2029!important;border:1px solid #3a4653!important;
  box-shadow:0 24px 60px rgba(0,0,0,.8)!important}
.bal-dropdown::before{color:#a6b3c0!important}
.bal-dd-row .dd-cur{color:#fff!important}
.bal-dd-row .dd-amt{color:#fff!important}
.bal-dd-row button:hover{background:#2a3441!important}

/* Cashier balance rows polish */
.wal-row{background:linear-gradient(180deg,#161c26,#12171f);border:1px solid #232b36;
  border-radius:12px;padding:14px 16px!important;transition:.15s}
.wal-row:hover{border-color:#2f3b49}
.wal-row.\!border-\[var\(--win\)\]{border-color:#00e701!important;
  background:linear-gradient(90deg,rgba(0,231,1,.06),#12171f)}
.wal-row form button{background:#00e701!important;color:#00300a!important;border:0!important;
  padding:6px 14px!important;border-radius:7px!important;font-weight:800!important;
  font-size:10px!important;letter-spacing:.5px;cursor:pointer;transition:.15s;white-space:nowrap}
.wal-row form button:hover{background:#00c701!important}

/* Clearer dropdown arrow + chip affordance */
.bal-caret{color:#00e701!important;font-size:12px!important;padding:0 12px 0 8px!important;
  align-self:center;opacity:1!important;transition:transform .2s}
.bal-chip-btn{cursor:pointer}
.bal-chip-btn:hover .bal-caret{color:#fff!important}
.bal-wrap:has(.bal-dropdown.open) .bal-caret{transform:rotate(180deg)}
/* small divider before the caret so it reads as a separate control */
.bal-caret{border-left:1px solid #232b36;padding-left:10px!important;margin-left:2px}