.wallet-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; }
.wallet-heading .kicker { margin-bottom:12px; }
.wallet-account { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.wallet-overview { display:grid; grid-template-columns:1.45fr 1fr; gap:20px; }
.wallet-hero { position:relative; overflow:hidden; padding:30px; background:radial-gradient(ellipse at 100% 0%,#244c3260,transparent 65%),var(--panel); }
.wallet-hero-label { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:12px; letter-spacing:.12em; color:var(--muted); }
.wallet-amount { font-size:clamp(32px,6vw,62px); font-weight:700; line-height:1.2; margin:24px 0 10px; letter-spacing:-.05em; overflow-wrap:anywhere; }
.wallet-amount > span { font-size:18px; color:var(--muted); margin-left:12px; letter-spacing:0; }
.wallet-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.wallet-asset { padding:26px; }
.wallet-asset-head,.network-banner { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.wallet-asset-head h3 { margin:0; }
.wallet-asset-head > img.coin { width:32px; height:32px; }
.network-dot { width:8px; height:8px; border-radius:50%; background:var(--green); margin-left:auto; box-shadow:0 0 12px #5ee04a55; }
.wallet-summary-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 0; border-bottom:1px solid var(--line); font-size:13px; }
.wallet-summary-row > span:first-child { color:var(--muted); }
.wallet-summary-row b { text-align:right; }
.wallet-status { display:inline-block; font-size:11px; font-weight:600; line-height:1.4; padding:5px 9px; border:1px solid var(--line-2); border-radius:7px; text-transform:capitalize; letter-spacing:0; color:var(--muted); white-space:nowrap; }
.status-finished,.status-completed,.status-ready { color:#80e4aa; background:#11372580; border-color:#25553c; }
.status-confirmed { color:#80e4aa; background:#11372580; border-color:#25553c; }
.status-pending { color:#f6ce73; background:#3b2c1380; border-color:#5f4925; }
.status-orphaned { color:#ff8989; border-color:#653c3c; }
.status-dust { color:var(--muted); background:var(--bg-2); }
.status-queued,.status-reserved,.status-awaiting_verification,.status-review,.status-needs_reconciliation { color:#f6ce73; background:#3b2c1380; border-color:#5f4925; }
.status-rejected,.status-failed { color:#ff8989; border-color:#653c3c; }
.wallet-notice { border:1px solid #594722; background:#2c230f88; color:#e9c77f; border-radius:12px; padding:13px 16px; font-size:13px; margin:20px 0; }
.wallet-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:20px 0; }
.wallet-metrics b { display:block; margin-top:9px; font-size:25px; }
.wallet-metrics small { font-size:13px; color:var(--muted); font-weight:400; }
.wallet-activity { margin-top:26px; }
.wallet-tabs { display:flex; gap:8px; margin:14px 0 18px; border-bottom:1px solid var(--line); }
.wallet-tabs button { border:0; border-bottom:2px solid transparent; background:none; color:var(--muted); cursor:pointer; padding:10px 12px; font-size:13px; }
.wallet-tabs button.on { color:var(--green); border-bottom-color:var(--green); }
.wallet-empty { text-align:center; padding:42px 12px; color:var(--muted); }
.wallet-empty > span { display:block; font-size:28px; margin-bottom:10px; }
.wallet-empty b { color:var(--text); }
.wallet-empty p { font-size:13px; }
.wallet-sub { display:block; font-size:11px; margin-top:4px; overflow-wrap:anywhere; }
.wallet-welcome { text-align:center; padding:60px 24px; max-width:800px; margin:20px auto; }
.wallet-welcome .h-pixel { line-height:1.3; margin:20px 0; }
.wallet-welcome .wallet-actions { justify-content:center; }
.wallet-orb { display:grid; place-items:center; width:68px; height:68px; border-radius:50%; font-size:36px; color:#90f0b5; border:1px solid #366c4a; background:#173025; margin:0 auto 24px; }
.wallet-form { display:grid; gap:16px; margin-top:20px; }
.wallet-form label,.wallet-field { display:grid; gap:7px; color:var(--text); font-size:13px; font-weight:500; }
.wallet-form input:not([type=checkbox]) { box-sizing:border-box; min-width:0; width:100%; border:1px solid var(--line-2); border-radius:9px; padding:12px; background:var(--bg-2); color:var(--text); font:inherit; }
.wallet-form input:focus { outline:2px solid #5ee04a88; outline-offset:2px; }
.wallet-form .check-field { display:flex; align-items:flex-start; gap:10px; font-size:12px; color:var(--muted); }
.wallet-form input[type=checkbox] { margin-top:3px; accent-color:var(--green); }
.form-error { margin:0; color:#ffb0a7; font-size:13px; min-height:0; }
.form-error:empty { display:none; }
.auth-switch { display:block; margin:20px auto 0; }
.wallet-close { float:right; width:30px; height:30px; line-height:1; margin-left:12px; }
.network-banner { border:1px solid var(--line); padding:14px; border-radius:12px; margin-top:24px; }
.network-banner div { display:grid; gap:3px; }
.network-banner div span { color:var(--muted); font-size:12px; }
.copy-address { display:flex; flex-direction:column; align-items:flex-start; gap:12px; background:var(--bg-2); border:1px solid var(--line-2); border-radius:10px; padding:15px; }
.copy-address code { overflow-wrap:anywhere; font-size:13px; user-select:all; }
.deposit-selection { border:0; padding:0; margin:24px 0 0; min-width:0; }
.deposit-selection legend { display:flex; align-items:center; gap:8px; padding:0; margin-bottom:12px; font-size:13px; font-weight:600; }
.deposit-step { display:inline-grid; place-items:center; width:23px; height:23px; border:1px solid var(--line-2); border-radius:50%; color:var(--muted); font-size:11px; }
.deposit-token-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.deposit-network-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(88px,1fr)); gap:10px; }
.deposit-network-step[hidden] { display:none; }
.deposit-choice { position:relative; min-width:0; border:1px solid var(--line-2); border-radius:12px; padding:16px 12px; background:var(--bg-2); text-align:left; cursor:pointer; transition:background .15s,border-color .15s; }
.deposit-choice:hover { background:var(--panel-2); border-color:#465575; }
.deposit-choice[aria-pressed=true] { border-color:var(--green); background:#162a2380; }
.deposit-choice:focus-visible,.deposit-history summary:focus-visible { outline:2px solid #5ee04a88; outline-offset:3px; }
.deposit-token-choice { display:flex; align-items:center; gap:10px; }
.deposit-asset-icon { display:block; width:36px; height:36px; flex:none; object-fit:contain; }
.deposit-choice-label { display:grid; gap:3px; min-width:0; }
.deposit-choice-label b { font-size:14px; line-height:1.3; }
.deposit-choice-label small { color:var(--muted); font-size:11px; line-height:1.4; }
.deposit-choice-check { position:absolute; right:7px; top:5px; color:var(--green); font-size:12px; opacity:0; }
.deposit-choice[aria-pressed=true] .deposit-choice-check { opacity:1; }
.deposit-network-choice { display:flex; flex-direction:column; align-items:center; gap:10px; padding:16px 7px 12px; text-align:center; }
.deposit-network-choice .deposit-asset-icon { width:30px; height:30px; }
.deposit-network-choice .deposit-choice-label { flex:1; align-content:start; }
.deposit-network-choice b { font-size:12px; }
.deposit-choice-hint { margin:14px 0 0; line-height:1.6; }
.deposit-loading { padding:32px 12px; text-align:center; color:var(--muted); font-size:13px; }
.deposit-instructions > b { font-size:13px; line-height:1.5; }
.deposit-instructions p { line-height:1.6; }
.deposit-qr-wrap { display:flex; flex-direction:column; align-items:center; gap:10px; margin:22px 0; }
.deposit-qr { display:block; box-sizing:content-box; padding:12px; background:#fff; border-radius:12px; width:172px; height:172px; max-width:calc(100% - 24px); object-fit:contain; }
.deposit-address-note { line-height:1.6; }
.deposit-history { margin:24px 0 18px; border:1px solid var(--line); border-radius:12px; }
.deposit-history summary { cursor:pointer; padding:16px; font-size:13px; font-weight:600; color:var(--text); }
.deposit-history summary > span { color:var(--muted); font-weight:400; margin-left:5px; }
.deposit-history-list { list-style:none; padding:0 16px; margin:0; max-height:360px; overflow-y:auto; }
.deposit-history-list li { padding:16px 0; border-top:1px solid var(--line); }
.deposit-history-top,.deposit-history-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.deposit-history-top b { font-size:14px; overflow-wrap:anywhere; min-width:0; font-variant-numeric:tabular-nums; }
.deposit-history-meta { color:var(--muted); font-size:11px; margin-top:9px; flex-wrap:wrap; }
.deposit-progress { margin-top:12px; }
.deposit-progress progress { display:block; width:100%; height:5px; appearance:none; border:0; border-radius:4px; overflow:hidden; background:var(--bg-2); accent-color:var(--green); }
.deposit-progress progress::-webkit-progress-bar { background:var(--bg-2); }
.deposit-progress progress::-webkit-progress-value { background:var(--green); border-radius:4px; }
.deposit-progress progress::-moz-progress-bar { background:var(--green); border-radius:4px; }
.deposit-progress-label { color:var(--muted); font-size:11px; line-height:1.5; margin:8px 0 0; white-space:normal; }
.deposit-progress-label.pos { color:#80e4aa; }
.deposit-tx-link { font-size:11px; margin-top:10px; overflow-wrap:anywhere; }
.deposit-history-empty { padding:0 16px 10px; line-height:1.6; }
.wallet-activity .deposit-progress { min-width:180px; }
.deposit-modal-card .modal-title { margin-bottom:16px; }
.deposit-modal-card [data-deposit-choices][hidden],.deposit-modal-card .deposit-selected[hidden] { display:none; }
.deposit-modal-card .deposit-selection { margin-top:16px; }
.deposit-modal-card .deposit-selection:first-child { margin-top:0; }
.deposit-modal-card .deposit-selection legend { margin-bottom:9px; }
.deposit-modal-card .deposit-choice { padding:12px 10px; }
.deposit-modal-card .deposit-network-choice { padding:12px 6px 10px; gap:7px; }
.deposit-modal-card .deposit-choice-hint { margin-top:12px; }
.deposit-selected { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border:1px solid var(--line-2); border-radius:11px; background:var(--bg-2); }
.deposit-selected-assets { display:flex; align-items:center; gap:8px; min-width:0; }
.deposit-selected .deposit-asset-icon { width:26px; height:26px; }
.deposit-selected-assets > div { display:grid; gap:3px; min-width:0; }
.deposit-selected-assets b { font-size:13px; }
.deposit-selected-assets > div > span { color:var(--muted); font-size:11px; line-height:1.3; }
.deposit-selected .network-dot { width:6px; height:6px; flex:none; margin-left:2px; }
.deposit-selected > button { flex:none; }
.deposit-send-warning { margin:12px 0 0; font-size:12px; line-height:1.5; color:var(--muted); text-align:center; }
.deposit-send-warning b { color:var(--text); font-weight:600; }
.deposit-modal-card .deposit-qr-wrap { margin:14px 0; }
.deposit-modal-card .deposit-address-field { font-size:12px; gap:7px; }
.deposit-modal-card .copy-address { gap:10px; padding:12px; }
.deposit-modal-card .copy-address code { width:100%; line-height:1.5; font-size:12px; word-break:break-word; }
.deposit-help { margin-top:14px; }
.deposit-help summary { width:fit-content; color:var(--muted); font-size:12px; cursor:pointer; }
.deposit-help summary:focus-visible { outline:2px solid #5ee04a88; outline-offset:3px; }
.deposit-help .deposit-instructions p { margin:10px 0; line-height:1.5; }
.deposit-modal-card .deposit-monitor-status { margin:12px 0; line-height:1.5; font-size:11px; }
.deposit-modal-card .deposit-history { margin:14px 0 12px; }
.deposit-modal-card .deposit-history summary { padding:12px; }
.deposit-modal-card [data-refresh] { padding-top:9px; padding-bottom:9px; font-size:12px; }
.wallet-dashboard-link { display:block; text-align:center; margin-top:25px; font-size:13px; color:var(--green); }
.amount-input { display:flex; gap:10px; }
.withdraw-breakdown { background:var(--bg-2); border-radius:9px; padding:0 14px; }
.withdraw-breakdown .wallet-summary-row:last-child { border:0; }
.withdraw-available { display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; margin:18px 0 8px; }
.withdraw-available > span { flex-basis:100%; }
.withdraw-available b { font-size:28px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.withdraw-pause[hidden] { display:none; }
.withdraw-form .withdraw-selection { margin-top:0; }
.withdraw-form .withdraw-choice-hint { margin:0; }
.withdraw-form [data-withdraw-network-hint]:empty { display:none; }
.withdraw-form label > [data-withdraw-token-label] { display:inline; color:var(--muted); }
.withdraw-review { margin-top:22px; }
.withdraw-review-assets { display:flex; align-items:center; gap:9px; flex-wrap:wrap; padding:14px 0; }
.withdraw-review-assets .deposit-asset-icon { width:32px; height:32px; }
.withdraw-review-assets > span:last-child { font-size:13px; }
.withdraw-destination { display:grid; gap:8px; padding:16px; margin:18px 0; background:var(--bg-2); border:1px solid var(--line-2); border-radius:10px; }
.withdraw-destination code { font-size:13px; line-height:1.7; overflow-wrap:anywhere; user-select:all; }
.withdraw-review-check { display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:13px; margin:18px 0; }
.withdraw-review-check input { accent-color:var(--green); margin-top:3px; }
.withdraw-review-actions > button { flex:1; min-width:130px; }
.withdraw-quote-note { margin:14px 0 18px; padding:14px; border:1px solid var(--line-2); border-radius:9px; }
.withdraw-quote-note p { margin:0 0 10px; line-height:1.6; }
.withdraw-quote-note .withdraw-quote-expired { color:#f6ce73; }
.withdraw-receive b { color:var(--green); }
body:has(.withdraw-modal-card) { overflow:hidden; }
.withdraw-modal-card { padding:20px; }
.withdraw-modal-card .wallet-close { position:absolute; top:18px; right:18px; float:none; margin:0; }
.withdraw-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-right:40px; min-height:36px; }
.withdraw-heading .modal-title { margin:0; }
.withdraw-modal-card .withdraw-available { display:grid; gap:0; margin:0; text-align:right; min-width:0; }
.withdraw-modal-card .withdraw-available > span { font-size:10px; line-height:1.3; }
.withdraw-modal-card .withdraw-available b { font-size:19px; line-height:1.35; }
.withdraw-modal-card .withdraw-form { margin-top:14px; gap:12px; }
.withdraw-modal-card .withdraw-choices,.withdraw-modal-card .withdraw-fields { display:grid; gap:12px; }
.withdraw-modal-card [data-withdraw-choices][hidden],.withdraw-modal-card [data-withdraw-selected][hidden],.withdraw-modal-card [data-withdraw-fields][hidden],.withdraw-modal-card [data-withdraw-network-step][hidden] { display:none; }
.withdraw-modal-card .deposit-selection legend { margin-bottom:8px; }
.withdraw-modal-card .deposit-choice { padding:11px 10px; }
.withdraw-modal-card .deposit-network-choice { padding:11px 6px; gap:7px; }
.withdraw-modal-card .withdraw-selected { padding:9px 10px; }
.withdraw-modal-card .wallet-form label { gap:5px; font-size:12px; }
.withdraw-modal-card .wallet-form input:not([type=checkbox]) { padding:10px; }
.withdraw-modal-card .withdraw-breakdown .wallet-summary-row { padding:8px 0; font-size:12px; }
.withdraw-modal-card .withdraw-fee-hint { margin:0; font-size:11px; line-height:1.45; }
.withdraw-modal-card [data-withdraw-network-hint] { margin:0; font-size:11px; }
.withdraw-modal-card .withdraw-pause { margin:12px 0 0; padding:10px 12px; font-size:12px; }
.withdraw-modal-card .withdraw-review { margin-top:12px; }
.withdraw-modal-card .withdraw-review-assets { padding:0 0 10px; gap:7px; }
.withdraw-modal-card .withdraw-review-assets .deposit-asset-icon { width:26px; height:26px; }
.withdraw-modal-card .withdraw-review .wallet-summary-row { padding:8px 0; font-size:12px; }
.withdraw-modal-card .withdraw-quote-note { display:grid; grid-template-columns:1fr auto; align-items:start; gap:7px 12px; margin:10px 0; padding:10px; }
.withdraw-modal-card .withdraw-quote-note p { margin:0; line-height:1.4; font-size:11px; }
.withdraw-fee-details { grid-column:1/-1; font-size:11px; color:var(--muted); }
.withdraw-fee-details summary { cursor:pointer; width:fit-content; }
.withdraw-modal-card .withdraw-fee-details p { margin-top:7px; }
.withdraw-modal-card .withdraw-destination { gap:4px; margin:10px 0; padding:10px; }
.withdraw-modal-card .withdraw-destination > span { font-size:11px; }
.withdraw-modal-card .withdraw-destination code { font-size:12px; line-height:1.45; }
.withdraw-modal-card .withdraw-review-check { margin:12px 0; font-size:12px; }
.withdraw-modal-card .withdraw-review-actions { margin-top:12px; gap:8px; }
.withdraw-modal-card .withdraw-review-actions > button { min-width:0; padding:10px; font-size:12px; }
.withdraw-modal-card .withdrawal-history { margin:12px 0 0; }
.withdraw-modal-card .withdrawal-history summary { padding:10px 12px; font-size:12px; }
.withdrawal-history-list { max-height:270px; }
.withdrawal-history-amounts { display:grid; gap:5px; color:var(--muted); font-size:11px; margin-top:10px; }
.withdrawal-history-amounts > span { display:flex; justify-content:space-between; gap:10px; }
.withdrawal-history-amounts b { color:var(--text); font-weight:500; text-align:right; font-variant-numeric:tabular-nums; }
.withdrawal-history-address { display:block; margin-top:10px; color:var(--muted); font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.withdrawal-history-refresh { padding:10px 16px 12px; border-top:1px solid var(--line); }
.withdrawal-history-refresh .form-error { margin-top:8px; font-size:11px; }
.withdrawal-history-refresh .form-error:empty { display:none; }
@media(max-height:680px) {
  .withdraw-modal-card { padding:16px; }
  .withdraw-modal-card .wallet-close { top:14px; right:14px; }
  .withdraw-modal-card .withdraw-form { margin-top:8px; gap:7px; }
  .withdraw-modal-card .withdraw-fields { gap:7px; }
  .withdraw-modal-card .withdraw-selected { padding:7px 9px; }
  .withdraw-modal-card .wallet-form input:not([type=checkbox]) { padding:7px 10px; }
  .withdraw-modal-card .withdrawal-history { margin-top:7px; }
  .withdraw-modal-card .withdrawal-history summary { padding:8px 12px; }
  .withdraw-modal-card .withdraw-review { margin-top:8px; }
  .withdraw-modal-card .withdraw-review-assets { gap:6px; padding-bottom:6px; font-size:12px; }
  .withdraw-modal-card .withdraw-review-assets > span:last-child { font-size:11px; }
  .withdraw-modal-card .withdraw-review-assets .deposit-asset-icon { width:22px; height:22px; }
  .withdraw-modal-card .withdraw-review .wallet-summary-row { padding:6px 0; }
  .withdraw-modal-card .withdraw-quote-note { gap:5px 8px; padding:8px; margin:8px 0; }
  .withdraw-modal-card .withdraw-quote-note > .link-btn { padding:0; font-size:11px; }
  .withdraw-modal-card .withdraw-destination { margin:6px 0; padding:8px; }
  .withdraw-modal-card .withdraw-review-check { margin:6px 0; font-size:11px; }
  .withdraw-modal-card .withdraw-review-actions { margin-top:8px; }
}
@media(max-width:380px) {
  .withdraw-modal-card { padding:14px; }
  .withdraw-heading { gap:8px; padding-right:36px; }
  .withdraw-heading .modal-title { font-size:18px; }
  .withdraw-modal-card .withdraw-available b { font-size:16px; }
  .withdraw-modal-card .withdraw-selected { gap:7px; }
  .withdraw-modal-card .deposit-selected-assets { gap:6px; }
  .withdraw-modal-card .deposit-selected .deposit-asset-icon { width:22px; height:22px; }
  .withdraw-modal-card .withdraw-selected > button { padding:7px 9px; font-size:12px; }
  .withdraw-modal-card .withdraw-quote-note > .link-btn { font-size:11px; }
}
.status-waiting_liquidity,.status-preparing,.status-processing,.status-manual_review,.status-paused { color:#f6ce73; background:#3b2c1380; border-color:#5f4925; }
.status-cancelled,.status-disabled { color:var(--muted); background:var(--bg-2); }
.treasury-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:20px 0; }
.treasury-metrics > div { display:grid; gap:7px; min-width:0; }
.treasury-metrics b { font-size:20px; overflow-wrap:anywhere; }
.treasury-details { border-top:1px solid var(--line); margin-top:18px; padding-top:16px; }
.treasury-details summary { cursor:pointer; font-size:13px; font-weight:600; }
.treasury-details ul { list-style:none; padding:0; margin:16px 0 0; }
.treasury-details li { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; padding:10px 0; font-size:12px; border-bottom:1px solid var(--line); }
.treasury-details li code { overflow-wrap:anywhere; flex-basis:100%; }
.balance-big small { font-family:var(--sans); font-size:16px; }
.admin-section { margin-top:20px; }
.admin-run { display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid var(--line); padding:18px 0; }
.admin-run .wallet-actions { margin:0; }
button.wallet-pill { cursor:pointer; font-size:14px; }
.modal-card:focus { outline:none; }
@media(max-width:700px) {
  .wallet-heading { align-items:flex-start; flex-direction:column; }
  .wallet-overview { grid-template-columns:1fr; }
  .wallet-metrics { grid-template-columns:1fr; gap:10px; }
  .wallet-metrics .card { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .wallet-metrics b { margin:0; font-size:20px; }
  .wallet-hero { padding:24px; }
  .wallet-tabs { gap:0; }
  .wallet-tabs button { padding:10px; }
  .admin-run { align-items:flex-start; flex-direction:column; }
  .treasury-metrics { grid-template-columns:1fr; gap:13px; }
}
@media(max-width:380px) {
  .deposit-token-choice { padding:16px 10px; gap:8px; }
  .deposit-token-choice .deposit-asset-icon { width:32px; height:32px; }
  .deposit-history-top { align-items:flex-start; flex-direction:column; gap:8px; }
  .wallet-hero-label { align-items:flex-start; flex-direction:column; }
}
