.workspace-wallet{display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center;padding:20px;margin-bottom:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,var(--surface),var(--surface-3));box-shadow:var(--shadow-md)}
.wallet-heading{display:flex;align-items:center;gap:14px;min-width:0}.wallet-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid var(--line);border-radius:14px;color:var(--accent);background:var(--surface)}.wallet-icon svg{width:26px;height:26px}.wallet-heading small{color:var(--text-2);font-size:13px}.wallet-amount{display:flex;gap:12px;align-items:center;margin-top:5px}.wallet-amount strong{font-size:28px;line-height:1.4;color:var(--text);font-variant-numeric:tabular-nums}.wallet-plus{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--accent);font:inherit;font-size:24px;cursor:pointer;transition:transform .18s,background .18s}.wallet-plus:hover{transform:translateY(-2px);background:var(--surface-3)}.wallet-plus:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wallet-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wallet-actions span{font-size:13px;color:var(--text-2)}.wallet-actions button{min-height:44px}.wallet-notice{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.wallet-renew-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);font:inherit}.wallet-renew-dialog::backdrop{background:#10172a80;backdrop-filter:blur(6px)}.wallet-renew-dialog header,.wallet-renew-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-renew-dialog header h2{font-size:22px;margin:0}.wallet-renew-dialog footer{margin-top:18px;justify-content:flex-end;flex-wrap:wrap}.wallet-renew-dialog footer button{min-height:44px}.wallet-renew-dialog #walletReview{margin-top:18px;display:grid;gap:10px}.wallet-renew-dialog #walletReview>div{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:14px}.wallet-renew-dialog #walletReview span{color:var(--muted)}.wallet-renew-dialog #walletReview strong{text-align:end;font-variant-numeric:tabular-nums}.wallet-renew-dialog #walletReview p{margin:0;font-size:13px;color:var(--muted)}.wallet-renew-dialog a{font-size:13px;color:var(--accent)}.wallet-renew-dialog #walletRenewError{color:var(--danger);font-size:14px;line-height:1.7}.wallet-renew-dialog #walletRenewError:empty{display:none}
@media(max-width:767px){.workspace-wallet{grid-template-columns:1fr;padding:16px}.wallet-actions{justify-content:space-between}.wallet-amount strong{font-size:24px}.wallet-renew-dialog{padding:18px}}
@media(prefers-reduced-motion:no-preference){.workspace-wallet{animation:premium-enter .35s ease both}.wallet-renew-dialog[open]{animation:domain-picker-reveal .2s ease-out}}
@media(prefers-reduced-motion:reduce){.wallet-plus{transition:none}}