/* AnomicFlip — header balance pill + Deposit / Withdraw (placeholders) */
.wl, .wl * { box-sizing: border-box; }

.wl-balance {
  display: inline-flex; align-items: center; gap: 12px;
  height: 62px; padding: 0 10px 0 22px;
  background: #24272c; border-radius: 10px;
  font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.wl-coin {
  flex: none; width: 26px; height: 34px;
  background: url('/coin.png') center / contain no-repeat;
  user-select: none; -webkit-user-select: none; -webkit-user-drag: none; pointer-events: none;
}
.wl-amount { font-size: 22px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
.wl-unit { font-size: 18px; font-weight: 700; color: #5f646c; margin-right: 6px; }
.wl-plus {
  flex: none; width: 34px; height: 34px; border: 0; border-radius: 6px;
  background: #121416; color: #c9ccd1; font: 700 20px/1 inherit; cursor: pointer;
  display: grid; place-items: center;
}
.wl-plus:hover { background: #0b0c0e; color: #fff; }

.wl-actions { display: flex; gap: 12px; }
.wl-btn {
  display: inline-flex; align-items: center; gap: 12px;
  height: 62px; padding: 0 28px; border: 0; border-radius: 8px;
  font: 800 20px 'Archivo', system-ui, sans-serif; color: #fff; cursor: pointer;
  transition: filter .15s, background .15s;
}
.wl-btn svg { flex: none; }
.wl-deposit {
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.1) 0 14px, transparent 14px 28px),
    #2bb36b;
}
.wl-deposit:hover { filter: brightness(1.08); }
.wl-withdraw { background: #2a2d33; }
.wl-withdraw:hover { background: #30343b; }
.wl-btn:focus-visible, .wl-plus:focus-visible { outline: 2px solid #3fd68f; outline-offset: 2px; }

@media (max-width: 1100px) {
  .wl-btn { padding: 0 18px; }
  .wl-btn span { display: none; }   /* icon-only buttons */
}
@media (max-width: 600px) {
  .wl-balance { height: 46px; padding: 0 6px 0 12px; gap: 8px; }
  .wl-coin { width: 18px; height: 24px; }
  .wl-amount { font-size: 17px; }
  .wl-unit { display: none; }
  .wl-plus { width: 30px; height: 30px; }
  .wl-actions { display: none; }    /* Deposit opens from the + on the balance */
}