/* Wallet: separate Cash and withdrawable-funds cards, plus wallet identity. */
#wallet [hidden], #wallet-withdraw [hidden] { display:none!important; }
#wallet { container:wallet / inline-size; }
.wallet-heading { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-bottom:24px; }
.wallet-heading h1 { margin:0!important; }
.wallet-activity-link { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;box-sizing:border-box;border:1px solid var(--palette-line);border-radius:var(--radius-control,14px);background:var(--palette-white);color:var(--palette-ink);font:500 13px/20px var(--font-body);text-decoration:none;white-space:nowrap; }
.wallet-activity-link:hover { background:var(--palette-gray); }
.wallet-activity-link:focus-visible { outline:2px solid var(--palette-kelly);outline-offset:3px; }
.wallet-balance-strip { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;padding:24px;margin:0 0 28px;border:1px solid var(--palette-line);border-radius:var(--radius-surface,14px);background:var(--surface-summary,var(--palette-sand));box-shadow:none; }
.wallet-balance-strip>div { min-width:0; }
.wallet-balance-strip>div+div { border-left:1px solid var(--palette-line);padding-left:24px; }
.wallet-balance-strip span,.wallet-balance-strip small { display:block;font-size:13px;color:var(--palette-body);line-height:1.5; }
.wallet-balance-strip strong { display:block;font-size:28px;font-weight:700;letter-spacing:-.6px;margin:8px 0;color:var(--palette-ink); }
.wallet-balance-strip small { max-width:30ch; }
.wallet-balance-strip .credit-amount::before { width:1em;height:1em; }
@container wallet (max-width:640px) {
  .wallet-heading { margin-bottom:20px; }
  .wallet-balance-strip { --type-metric-size:28px;--type-metric-line:34px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:20px; }
  .wallet-balance-strip>div:first-child { grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid var(--palette-line); }
  .wallet-balance-strip>div:nth-child(2) { border-left:0;padding-left:0; }
  .wallet-balance-strip>div:nth-child(3) { padding-left:16px; }
  .wallet-balance-strip>div:not(:first-child)>span { min-height:20px; }
  .wallet-balance-strip small { font-size:12px;line-height:18px; }
}
@container wallet (max-width:360px) {
  .wallet-balance-strip { --type-metric-size:24px;--type-metric-line:30px;padding:16px;gap:16px 12px; }
  .wallet-balance-strip>div:first-child { padding-bottom:16px; }
  .wallet-balance-strip>div:nth-child(3) { padding-left:12px; }
}
.wallet-action-nav { display:flex;align-items:center;gap:8px;margin-bottom:20px; }
.wallet-action-nav a { display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:44px;padding:0 16px;border:1px solid var(--palette-ink);border-radius:var(--radius-control,14px);font:600 14px/20px var(--font-body);color:var(--palette-ink);text-decoration:none;white-space:nowrap; }
.wallet-action-nav a[aria-current] { background:var(--palette-inverse);color:var(--palette-brand-white); }
.wallet-funding { overflow:hidden; }
.wallet-funding+.wallet-funding { margin-top:20px; }
.wallet-funding-option { display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:28px; }
.wallet-funding-copy h2 { margin:0 0 8px;font:700 20px/1.3 var(--font-body); }
.wallet-funding-copy p { margin:0;font-size:14px;line-height:1.6;max-width:580px; }
.wallet-funding-copy p+p { margin-top:4px; }
.wallet-funding-option>button { width:100%; }
.wallet-funding [data-wallet-credit-notice]:empty { display:none; }
.credit-form { position:relative;padding:24px 28px 26px; }
.credit-form h2 { font-size:20px;line-height:1.3;margin:0 0 8px;font-weight:500; }
.credit-form h2:focus { outline:none; }
.wallet-muted { color:var(--palette-body);font-size:14px;line-height:1.6;margin:0; }
.credit-steps { list-style:none;display:flex;gap:18px;padding:0;margin:0 0 20px;font-size:12px;color:var(--palette-body); }
.credit-steps li[aria-current] { color:var(--palette-body);font-weight:600; }
.credit-step-layout { display:grid;grid-template-columns:1fr 1fr;gap:32px; }
.credit-step-layout .wallet-field-label { margin-top:0; }
.credit-step-layout .wallet-muted { max-width:330px; }
.credit-form[data-current-step=amount] .credit-actions { margin-left:calc(50% + 16px); }
.wallet-field-label { display:block;font-size:13px;font-weight:500;margin:20px 0 8px; }
.credit-amount-field { display:flex;align-items:center;gap:10px;max-width:420px;height:54px;padding:0 16px;border:1px solid var(--palette-card-rule);border-radius:var(--radius-surface, 14px);background:var(--palette-white);box-sizing:border-box; }
.credit-amount-field:focus-within { outline:2px solid var(--palette-kelly);outline-offset:2px; }
.credit-amount-field>span:first-child { font-size:23px;color:var(--palette-body); }
.credit-amount-field>span:last-child { font-size:12px;color:var(--palette-body); }
.credit-amount-field input { min-width:0;width:100%;border:0;background:none;outline:none;font:500 24px var(--font-body);color:var(--ink);appearance:textfield; }
.credit-amount-field input::-webkit-inner-spin-button,.credit-amount-field input::-webkit-outer-spin-button { appearance:none; }
.credit-presets { display:flex;gap:8px;max-width:420px;margin-top:10px; }
.credit-presets button { flex:1;min-height:36px;border:1px solid var(--palette-line);border-radius:var(--radius-surface, 14px);background:var(--palette-white);font:500 13px var(--font-body);cursor:pointer;color:var(--ink); }
.credit-presets button[aria-pressed=true] { background:var(--tone-kelly);border-color:var(--palette-kelly);color:var(--palette-body); }
.credit-actions { display:flex;align-items:center;gap:20px;margin-top:24px; }
.credit-actions .btn,.wallet-withdraw-form>.btn { width:auto;min-width:200px;height:44px;font-size:14px;border-radius:var(--radius-surface, 14px); }
.wallet-text-button { border:0;background:none;padding:8px 0;font:500 13px var(--font-body);color:var(--palette-body);cursor:pointer;white-space:nowrap; }
.wallet-text-button:hover { text-decoration:underline; }
.wallet-funding button:focus-visible,.wallet-details button:focus-visible,.wallet-action-nav a:focus-visible,.wallet-privy-dialog button:focus-visible { outline:2px solid var(--palette-kelly);outline-offset:3px; }
.credit-payment-option { display:flex;align-items:center;gap:14px;max-width:500px;border-block:1px solid var(--palette-line);padding:20px 0;margin-top:22px;font-size:15px; }
.credit-payment-option input,.credit-acknowledgement input { accent-color:var(--palette-kelly);width:17px;height:17px;flex-shrink:0; }
.credit-payment-option svg { width:26px;height:26px; }
.credit-payment-option small { display:block;font-size:12px;color:var(--palette-body);margin-top:4px; }
.credit-prototype-note { font-size:12px;margin-top:14px; }
.wallet-review { max-width:580px;margin:18px 0; }
.wallet-review>div { display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--palette-sand);font-size:14px; }
.wallet-review dt { color:var(--palette-body); }
.wallet-review dd { margin:0;text-align:right;font-weight:500; }
.credit-acknowledgement { display:flex;align-items:center;gap:8px;font-size:13px;margin-top:18px; }
.credit-complete-icon { display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tone-kelly);color:var(--palette-body);font-size:22px;margin-bottom:14px; }
.wallet-details { margin-top:26px;border:1px solid var(--palette-line);border-radius:var(--radius-surface, 14px);padding:24px 28px; }
.wallet-details-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer}
.wallet-details-summary::-webkit-details-marker{display:none}
.wallet-details>.wallet-details-summary h2{margin:0}
.wallet-details-summary>svg{width:22px;height:22px;flex:none;transition:transform .15s}
.wallet-details-summary:focus-visible{outline:2px solid var(--palette-kelly);outline-offset:6px}
.wallet-details[open]>.wallet-details-summary{margin-bottom:20px}
.wallet-details[open]>.wallet-details-summary>svg{transform:rotate(180deg)}
.wallet-details:not([open])>.wallet-details-content{display:none}
.wallet-details-top,.wallet-details-bottom { display:flex;align-items:center;justify-content:space-between;gap:24px; }
.wallet-details h2 { display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.3;font-weight:500;margin:0 0 6px; }
.wallet-network { display:inline-block;vertical-align:middle;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:var(--radius-surface, 14px);background:var(--palette-line);color:var(--palette-body); }
.wallet-address-button { display:flex;gap:14px;align-items:center;padding:12px 0 12px 12px;border:0;background:none;color:var(--palette-body);cursor:pointer; }
.wallet-address-button code { font:500 14px var(--font-body);color:var(--ink); }
.wallet-address-button svg { width:20px;height:20px; }
.wallet-details-bottom { border-top:1px solid var(--palette-line);margin-top:18px;padding-top:16px; }
.wallet-details-bottom p { margin:0;font-size:13px;line-height:1.6; }
.wallet-details-bottom .wallet-key-note { display:flex;gap:7px;align-items:center;font-size:12px;color:var(--palette-body);margin-top:4px; }
.wallet-key-note svg { width:15px;height:15px;flex-shrink:0;color:var(--palette-body); }
.wallet-details [role=status]:empty { display:none; }
.wallet-details [role=status] { font-size:13px;line-height:1.5;color:var(--palette-body);margin:12px 0 0; }
.wallet-back { display:inline-block;margin:0 0 16px;color:var(--palette-body);text-decoration:none;font-size:13px; }
.wallet-withdraw-summary { max-width:680px;border-bottom:1px solid var(--palette-line);padding-bottom:22px;margin-bottom:24px; }
.wallet-withdraw-summary>span { font-size:14px;color:var(--palette-body); }
.wallet-withdraw-summary>strong { display:block;font-size:34px;font-weight:500;margin:8px 0; }
.wallet-withdraw-summary small { font-size:13px;color:var(--palette-body);font-weight:400; }
.wallet-withdraw-summary p,.wallet-withdraw-form [role=status] { font-size:14px;line-height:1.6;color:var(--palette-body);max-width:560px; }
.wallet-withdraw-form>.btn { margin-top:22px; }
#withdraw-max { border:0;background:var(--tone-kelly);border-radius:var(--radius-surface, 14px);padding:5px 9px;color:var(--palette-body);cursor:pointer;font:500 12px var(--font-body); }
.wallet-privy-dialog { width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--radius-surface, 14px);background:var(--palette-white);box-shadow:0 24px 80px color-mix(in srgb, var(--palette-shadow) 20%, transparent);overflow:auto; }
.wallet-privy-dialog::backdrop { background:color-mix(in srgb, var(--palette-ink) 50.1961%, transparent); }
.wallet-privy-dialog>header { display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--palette-sand); }
.wallet-privy-dialog h2 { font-size:18px;margin:0;font-weight:500; }
.wallet-privy-dialog>header button { width:32px;height:32px;font-size:26px;border:0;background:transparent;cursor:pointer;color:var(--palette-body); }
.wallet-privy-dialog>p { margin:0;padding:24px;font-size:14px;line-height:1.6;color:var(--palette-body); }
@media(max-width:700px) {
  .credit-step-layout { grid-template-columns:1fr;gap:20px; }
  .credit-form[data-current-step=amount] .credit-actions { margin-left:0; }
  .wallet-funding-option { grid-template-columns:minmax(0,1fr);gap:16px; }
  .wallet-funding-option>button { width:auto;justify-self:start;min-width:160px; }
  .wallet-funding-copy h2 { font-size:18px; }
  .credit-form,.wallet-details { padding:20px 18px; }
  .wallet-details-top,.wallet-details-bottom { align-items:flex-start;flex-direction:column;gap:8px; }
  .wallet-address-button { padding-left:0; }
  .wallet-details h2 { font-size:17px; }
  .credit-steps { gap:16px; }
  .wallet-review>div { font-size:13px; }
}