/* Wallet layout based on the approved Real Crown wallet reference. */
.wallet-page { --wallet-blue:#245cdb; --wallet-ink:#172941; --wallet-muted:#667487; --wallet-line:#e3e9f0; background:#f5f8fc; color:var(--wallet-ink); }
.wallet-page::before { display:none; }
.wallet-page #shared-nav { background:#fff; border-bottom:1px solid var(--wallet-line); box-shadow:none; }
.wallet-page #shared-nav .nav-links a:hover,.wallet-page #shared-nav .nav-links a.is-active { color:var(--wallet-blue); }
.wallet-page #shared-nav .nav-hamburger span { background:var(--wallet-ink); }
.wallet-dashboard,.wallet-dialog { font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.5; }
.wallet-dashboard { position:relative; max-width:1120px; margin:0 auto; padding:130px 24px 65px; }
.wallet-dashboard *, .wallet-dialog * { min-width:0; }
.wallet-dashboard h1,.wallet-dashboard h2,.wallet-dashboard h3,.wallet-dialog h2 { font-family:inherit; color:var(--wallet-ink); text-transform:none; letter-spacing:normal; }
.wallet-dashboard h1 { font-size:32px; line-height:1.2; letter-spacing:-1px; margin:0 0 10px; }
.wallet-dashboard h2,.wallet-dialog h2 { font-size:19px; letter-spacing:-.3px; margin:0 0 6px; line-height:1.4; }
.wallet-dashboard h3 { font-size:15px; margin:0 0 7px; }
.wallet-dashboard p,.wallet-dialog p { margin:0 0 18px; color:var(--wallet-muted); }
.wallet-dashboard a,.wallet-dialog a { color:var(--wallet-blue); }
.wallet-dashboard button,.wallet-dialog button,.wallet-dashboard input { font:inherit; letter-spacing:normal; text-transform:none; }
.wallet-dashboard button,.wallet-dialog button { border:0; border-radius:9px; padding:12px 18px; background:#fff; color:var(--wallet-ink); cursor:pointer; touch-action:manipulation; }
.wallet-dashboard button:hover:not(:disabled),.wallet-dialog button:hover:not(:disabled) { filter:brightness(.96); }
.wallet-dashboard button:disabled,.wallet-dialog button:disabled { cursor:not-allowed; background:#e4eaf3; color:#667487; opacity:1; }
.wallet-dashboard :focus-visible,.wallet-dialog :focus-visible { outline:3px solid #89acff; outline-offset:3px; }
.wallet-dashboard [hidden],.wallet-dialog [hidden] { display:none!important; }
.wallet-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:30px; }
.wallet-tabs { display:flex; gap:8px; }
.wallet-tabs button { color:var(--wallet-muted); padding:11px 20px; background:transparent; font-size:14px; font-weight:600; white-space:nowrap; }
.wallet-tabs button span { margin-right:7px; font-size:18px; vertical-align:middle; }
.wallet-tabs button[aria-selected=true] { background:#e8effc; color:var(--wallet-blue); }
.wallet-tools { display:flex; gap:15px; align-items:center; }
.wallet-dashboard .wallet-link,.wallet-dialog .wallet-link { padding:0; color:var(--wallet-blue); font-size:12px; background:none; border:0; box-shadow:none; }
.wallet-tools .wallet-link { min-height:40px; color:var(--wallet-muted); }
.wallet-intro { display:flex; align-items:center; justify-content:space-between; margin-bottom:26px; gap:20px; }
.wallet-intro p { margin:0; }
.wallet-intro-meta { display:flex; align-items:center; justify-content:flex-end; gap:12px; }
.wallet-profile { position:relative; display:flex; align-items:center; width:54px; height:54px; min-width:54px; }
.wallet-profile img,.wallet-profile-initial { width:54px; height:54px; border-radius:50%; flex:none; }
.wallet-profile img { object-fit:cover; background:#e8effc; }
.wallet-profile-initial { display:grid; place-items:center; background:#e8effc; color:var(--wallet-blue); font-size:21px; font-weight:700; }
.wallet-profile-name { display:none; }
.wallet-dashboard .wallet-profile-verification { position:absolute; left:1px; top:1px; right:auto; bottom:auto; z-index:1; display:grid; place-items:center; width:20px; height:20px; min-height:0; padding:0; border:0; border-radius:50%; background:transparent; box-shadow:none; }
.wallet-profile-verification img { display:block; width:16px; height:16px; }
.wallet-dashboard .wallet-profile-verification[data-verified=false] img { filter:grayscale(1) saturate(0) brightness(.6); }
.wallet-profile-verification-hint { position:absolute; top:62px; right:0; z-index:4; width:220px; padding:10px 12px; border:1px solid #b9d2ff; border-radius:10px; background:#fff; box-shadow:0 8px 24px #16295724; color:var(--wallet-ink); font-size:12px; line-height:1.4; }
.wallet-eyebrow { font-size:11px; letter-spacing:1.6px; color:var(--wallet-muted); font-weight:700; margin-bottom:8px; }
.wallet-pill { display:inline-block; border:1px solid var(--wallet-line); padding:7px 11px; border-radius:20px; color:var(--wallet-muted); font-size:11px; background:#fff; white-space:nowrap; }
.wallet-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.wallet-stack { display:grid; gap:20px; min-width:0; }
.wallet-card { background:#fff; border:1px solid var(--wallet-line); border-radius:16px; padding:28px; box-shadow:0 4px 15px #233b5b03; min-width:0; }
.wallet-balance { background:#edf4ff; border-color:#d9e5fb; position:relative; overflow:hidden; }
.wallet-label { color:#50698a; font-size:13px; }
.wallet-dashboard .wallet-amount { font-size:46px; letter-spacing:-2px; font-weight:700; margin:8px 0 17px; line-height:1.15; color:var(--wallet-ink); padding-right:62px; overflow-wrap:anywhere; }
.wallet-symbol { position:absolute; right:29px; top:29px; color:#b9cdf6; font-size:55px; line-height:1; }
.wallet-token-symbol { position:absolute; right:26px; top:25px; width:54px; height:54px; border-radius:50%; object-fit:contain; }
.wallet-dashboard .wallet-small { font-size:12px; color:var(--wallet-muted); }
.wallet-row { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.wallet-row h2 { margin:0; }
.wallet-progress { height:6px; border-radius:9px; background:#dbe5f5; overflow:hidden; margin:14px 0 10px; }
.wallet-progress span { display:block; height:100%; background:var(--wallet-blue); width:0; transition:width .25s; }
.wallet-progress[aria-busy=true] span { width:0!important; }
.wallet-breakdown .points-breakdown-row { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #f0f3f7; font-size:13px; }
.wallet-breakdown .points-breakdown-row:last-child { border:0; padding-bottom:0; }
.wallet-breakdown .points-breakdown-row span { color:var(--wallet-muted); }
.wallet-breakdown .points-breakdown-row strong { color:var(--wallet-ink); text-align:right; }
.wallet-dashboard label,.wallet-dialog label { display:block; font-size:13px; font-weight:600; margin:20px 0 8px; color:var(--wallet-ink); }
.wallet-dashboard input { width:100%; border:1px solid #d9e1ec; border-radius:9px; padding:13px 14px; background:#fff; color:var(--wallet-ink); }
.wallet-dashboard input::placeholder { color:#99a3b2; }
.wallet-dashboard input:focus { outline:2px solid #a9c1f8; border-color:var(--wallet-blue); }
.wallet-dashboard input[type=number] { appearance:textfield; }
.wallet-dashboard input[type=number]::-webkit-inner-spin-button { appearance:none; }
.wallet-input-wrap { position:relative; }
.wallet-input-wrap input { padding-right:79px; }
.wallet-dashboard .wallet-input-wrap button { position:absolute; right:5px; top:5px; padding:9px; color:var(--wallet-blue); font-size:12px; font-weight:600; background:none; }
.wallet-currency { position:absolute; left:15px; top:12px; }
.wallet-dashboard .wallet-money { padding-left:33px; }
.wallet-dashboard .wallet-address-check { margin-top:10px; min-height:42px; border:1px solid #d9e1ec; background:#f0f5ff; color:var(--wallet-blue); font-size:13px; font-weight:600; }
.wallet-address-result { margin-top:10px; padding:13px 15px; border:1px solid #bfdbfe; border-radius:10px; background:#eff6ff; color:#1e40af; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.wallet-address-result strong,.wallet-address-result span,.wallet-address-result a { display:block; }
.wallet-address-result strong { font-size:13px; margin-bottom:4px; }
.wallet-address-result a { margin-top:8px; text-decoration:underline; }
.wallet-address-result[data-tone=green] { color:#166534; background:#ecfdf5; border-color:#a7f3d0; }
.wallet-address-result[data-tone=red] { color:#991b1b; background:#fff1f2; border-color:#fecdd3; }
.wallet-address-result[data-tone=amber] { color:#92400e; background:#fffbeb; border-color:#fde68a; }
.wallet-under { display:flex; justify-content:space-between; gap:10px; font-size:11px; color:var(--wallet-muted); margin-top:7px; }
.wallet-note { background:#fff5d7; color:#776330; font-size:12px; border:1px solid #f0e5c1; border-radius:10px; padding:13px 15px; margin:18px 0; }
.wallet-note strong { display:block; font-size:13px; margin-bottom:3px; }
.wallet-blue-note { background:#f0f5ff; border-color:#e0e9fb; color:#516b96; }
.wallet-dashboard .wallet-primary,.wallet-dialog .wallet-primary { background:var(--wallet-blue); color:#fff; width:100%; font-weight:600; padding:14px 18px; }
.wallet-dialog .wallet-secondary { border:1px solid var(--wallet-line); background:#fff; color:var(--wallet-blue); width:100%; margin-top:10px; }
.wallet-steps { display:flex; align-items:center; gap:8px; font-size:11px; color:var(--wallet-muted); margin:20px 0 25px; }
.wallet-steps span { white-space:nowrap; }
.wallet-steps b { width:22px; height:22px; display:inline-grid; place-items:center; border-radius:50%; background:#edf3ff; color:var(--wallet-blue); margin-right:5px; }
.wallet-steps i { height:1px; flex:1; background:var(--wallet-line); }
.wallet-receive { padding:15px; background:#f5f8fc; border-radius:10px; margin:20px 0; }
.wallet-receive span { font-size:13px; }
.wallet-receive strong { font-size:23px; color:var(--wallet-blue); overflow-wrap:anywhere; text-align:right; }
.wallet-balance-bottom { display:flex; gap:32px; border-top:1px solid #d5e1f4; padding-top:17px; margin-top:24px; font-size:12px; color:#5e7392; }
.wallet-balance-bottom strong { display:block; color:var(--wallet-ink); font-size:16px; margin-top:3px; overflow-wrap:anywhere; }
.wallet-rate { background:#ffffff99; }
.wallet-dashboard .wallet-verify { --verify-accent:#245cdb; display:flex; gap:14px; align-items:center; padding:19px 22px; border:1px solid #93b5f5; border-left:4px solid var(--verify-accent); background:linear-gradient(115deg,#eaf2ff,#fff); box-shadow:0 5px 18px #245cdb12; }
.wallet-verify>div { flex:1; min-width:0; }
.wallet-dashboard .wallet-verify #openIdentity { padding:10px 12px; border:1px solid var(--verify-accent); border-radius:9px; background:var(--verify-accent); color:#fff; font-weight:600; min-height:44px; }
.wallet-dashboard .wallet-verify[data-status=VERIFIED] { --verify-accent:#166534; border-color:#86d9ac; border-left-color:var(--verify-accent); background:linear-gradient(115deg,#ecfdf5,#fff); }
.wallet-dashboard .wallet-verify[data-status=PENDING] { --verify-accent:#92400e; border-color:#eac45d; border-left-color:var(--verify-accent); background:linear-gradient(115deg,#fffbeb,#fff); }
.wallet-dashboard .wallet-verify[data-status=REJECTED],.wallet-dashboard .wallet-verify[data-status=REVOKED] { --verify-accent:#b91c1c; border-color:#f5a0ab; border-left-color:var(--verify-accent); background:linear-gradient(115deg,#fff1f2,#fff); }
.wallet-verify-icon { background:#edf3ff; color:var(--wallet-blue); width:38px; height:38px; border-radius:10px; display:grid; place-items:center; font-size:21px; flex-shrink:0; }
.wallet-verify h3 { margin:0; }
.wallet-verify p { font-size:12px; margin:4px 0 0; }
.wallet-verify button { margin-left:auto; white-space:nowrap; }
.wallet-verify[data-status=VERIFIED] .wallet-verify-icon { background:#dcfce7; color:#166534; }
.wallet-verify[data-status=PENDING] .wallet-verify-icon { background:#fef3c7; color:#92400e; }
.wallet-verify[data-status=REJECTED] .wallet-verify-icon,.wallet-verify[data-status=REVOKED] .wallet-verify-icon { background:#ffe4e6; color:#b91c1c; }
.wallet-dashboard details,.wallet-dialog details { border-top:1px solid var(--wallet-line); padding:14px 0; font-size:13px; }
.wallet-dashboard details:first-of-type,.wallet-dialog details:first-of-type { margin-top:15px; }
.wallet-dashboard details:last-child { padding-bottom:0; }
.wallet-dashboard summary,.wallet-dialog summary { cursor:pointer; font-weight:600; }
.wallet-dashboard details p,.wallet-dialog details p { font-size:12px; margin:10px 0 0; line-height:1.7; }
.wallet-dashboard .wallet-message { font-size:12px; color:#ad3535; margin:12px 0 0; overflow-wrap:anywhere; }
.wallet-dashboard .wallet-message:empty { display:none; }
.wallet-dashboard .wallet-message.success { color:#166534; }
.wallet-request-history { margin-top:18px; font-size:12px; color:var(--wallet-muted); }
.wallet-request-history>div { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px 12px; padding:16px 0; border-top:1px solid var(--wallet-line); overflow-wrap:anywhere; }
.wallet-request-history small { flex-basis:100%; }
.wallet-request-history button { font-size:12px; color:var(--wallet-blue); background:#f0f5ff; padding:8px 10px; }
.wallet-empty { padding:24px 0; text-align:center; font-size:12px; color:var(--wallet-muted); }
.wallet-empty-icon { display:block; color:#a7b8d0; font-size:26px; margin-bottom:8px; }
.wallet-empty strong { display:block; color:var(--wallet-muted); }
.wallet-request-history>.wallet-empty { display:block; border:0; }
.wallet-admin { margin-top:24px; }
.wallet-dialog { --wallet-blue:#245cdb; --wallet-ink:#172941; --wallet-muted:#667487; --wallet-line:#e3e9f0; border:1px solid var(--wallet-line); border-radius:18px; padding:32px; max-width:450px; width:calc(100% - 32px); max-height:90dvh; overflow:auto; color:var(--wallet-ink); background:#fff; box-shadow:0 20px 90px #13274933; }
.wallet-dialog::backdrop { background:#14284066; backdrop-filter:blur(3px); }
.wallet-dialog:not([open]) { display:none; }
.wallet-dialog h2 { padding-right:25px; }
.wallet-dialog .wallet-dialog-close { position:absolute; right:6px; top:5px; font-size:25px; padding:0; width:44px; height:44px; display:grid; place-items:center; }
.wallet-review-row { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--wallet-line); font-size:13px; }
.wallet-dialog .wallet-destination { overflow-wrap:anywhere; font-size:13px; }
.wallet-identity-dialog { max-width:700px; padding:12px; padding-top:38px; }
.wallet-identity-dialog .identity-box { border:0; margin:0; background:transparent; }
.wallet-page #footer-root { background:#0b0b0d; }
.wallet-page #footer-root .footer-socials { flex-wrap:wrap; }
.wallet-dashboard #conversionHistory { margin-top:0; }
.wallet-connect-buttons { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 8px; }
.wallet-dashboard .wallet-connect-buttons button,.wallet-dashboard .wallet-connected-actions button { border:1px solid #d9e1ec; color:var(--wallet-blue); background:#f0f5ff; font-size:12px; padding:10px 12px; }
.wallet-dashboard .wallet-connect-buttons button[data-connect="coinbase"] { border-color:#15803d; color:#fff; background:#16803c; }
.wallet-dashboard .wallet-connect-buttons button[data-connect="coinbase"]:hover:not(:disabled) { background:#166534; }
.wallet-dashboard .wallet-connect-buttons button { flex:1; min-width:140px; }
.wallet-connected-address { font-size:12px; overflow-wrap:anywhere; border:1px solid var(--wallet-line); border-radius:8px; padding:10px 12px; background:#f8fafc; user-select:text; }
.wallet-connected-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0 12px; }
.wallet-connected-stats span { display:block; font-size:11px; color:var(--wallet-muted); }
.wallet-connected-stats strong { display:block; font-size:21px; margin-top:5px; overflow-wrap:anywhere; }
.wallet-dashboard .wallet-connected [data-connect-status] { margin:12px 0 0; }
.wallet-dashboard .wallet-connected [data-rc-price],.wallet-dashboard .wallet-connected [data-rc-updated] { margin:6px 0; }
.wallet-connected-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.wallet-token-details { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 12px; font-size:12px; margin:14px 0; }
.wallet-token-details dt { color:var(--wallet-muted); }
.wallet-token-details dd { margin:0; overflow-wrap:anywhere; }
.wallet-dashboard .conversion-history .history-toolbar h3,.wallet-dashboard .conversion-history .history-item strong { font-family:inherit; color:var(--wallet-ink); }
.wallet-dashboard .conversion-history .history-column { padding:0; border:0; border-radius:0; }
.wallet-dashboard .conversion-history .history-columns { grid-template-columns:1fr; }
.wallet-dashboard .conversion-history .history-toolbar { margin-bottom:10px; }
.wallet-dashboard .conversion-history .history-toolbar h3 { font-size:19px; }
.wallet-dashboard .conversion-history .history-tabs { display:flex; gap:20px; border-bottom:1px solid var(--wallet-line); margin-bottom:20px; }
.wallet-dashboard .conversion-history .history-tabs button { border:0; border-radius:0; background:none; color:var(--wallet-muted); padding:8px 0; min-height:40px; }
.wallet-dashboard .conversion-history .history-tabs button[aria-selected=true] { border-bottom:2px solid var(--wallet-blue); color:var(--wallet-blue); }
.wallet-dashboard .conversion-history .history-column h4 { display:none; }
.wallet-dashboard .conversion-history [hidden] { display:none!important; }
@media(max-width:1100px) and (min-width:769px) { .wallet-page #shared-nav { padding-left:24px; padding-right:24px; } .wallet-page #shared-nav .nav-links { gap:16px; } .wallet-page #shared-nav .nav-links a { letter-spacing:1px; } }
@media(max-width:760px) {
 .wallet-dashboard { padding:136px 18px 34px; }
 .wallet-toolbar { justify-content:flex-end; margin-bottom:16px; }
 .wallet-tabs { position:fixed; bottom:0; left:0; right:0; z-index:180; border-top:2px solid #a6c0ef; background:#f5f8ff; gap:10px; padding:10px 18px calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -6px 24px #142d5d24; }
 .wallet-tabs button { flex:1; min-height:52px; display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 4px; font-size:14px; font-weight:700; border:1px solid #b5cbee; border-radius:12px; background:#e7effd; color:#234575; }
 .wallet-tabs button span { margin:0; font-size:20px; }
 .wallet-tabs button[aria-selected=true] { background:linear-gradient(135deg,#3075ed,#194cc3); border-color:#194cc3; color:#fff; box-shadow:0 4px 12px #245cdb40; }
 .wallet-tools { gap:16px; }
 .wallet-tools .wallet-link { min-height:32px; }
 .wallet-intro { position:relative; display:block; min-height:54px; padding-right:66px; margin-bottom:22px; }
 .wallet-intro-meta { position:absolute; top:0; right:0; width:auto; }
 .wallet-intro>.wallet-pill { display:none; }
 .wallet-intro-meta>.wallet-pill { display:none; }
 .wallet-dashboard h1 { font-size:27px; letter-spacing:-.8px; }
 .wallet-intro p { font-size:13px; line-height:1.6; }
 .wallet-eyebrow { font-size:10px; letter-spacing:1.5px; margin-bottom:7px; }
 .wallet-grid { grid-template-columns:1fr; gap:16px; }
 .wallet-grid>.wallet-stack { display:contents; }
 .wallet-card { padding:22px; border-radius:16px; }
 .wallet-balance { order:1; padding:22px 23px; }
 .wallet-verify { order:2; }
 .wallet-connected { order:2; }
 .wallet-action-card { order:3; }
 .wallet-history { order:4; margin:0; }
 .wallet-breakdown,.wallet-explainer { order:5; }
 .wallet-dashboard .wallet-amount { font-size:42px; margin:8px 0 15px; }
 .wallet-symbol { font-size:48px; top:24px; right:24px; }
 .wallet-balance-bottom { padding-top:15px; gap:30px; }
 .wallet-balance-bottom strong { font-size:15px; }
 .wallet-dashboard .wallet-verify { display:grid; grid-template-columns:32px minmax(0,1fr); padding:16px; gap:10px; }
 .wallet-dashboard .wallet-verify #openIdentity { grid-column:2; justify-self:start; margin-left:0; }
 .wallet-verify h3 { font-size:13px; }
 .wallet-verify-icon { width:32px; height:32px; font-size:18px; }
 .wallet-verify p { font-size:11px; line-height:1.45; }
 .wallet-verify button { min-height:44px; font-size:12px; }
 .wallet-action-card h2 { font-size:20px; }
 .wallet-action-card>p { font-size:13px; margin-bottom:15px; }
 .wallet-steps { margin:16px 0 22px; font-size:11px; gap:4px; }
 .wallet-steps b { width:23px; height:23px; margin-right:3px; }
 .wallet-dashboard label { font-size:14px; margin-top:21px; }
 .wallet-dashboard input { font-size:16px; min-height:52px; padding:14px; border-radius:11px; }
 .wallet-dashboard .wallet-input-wrap button { min-height:44px; top:4px; padding:10px; }
 .wallet-currency { top:14px; }
 .wallet-under { font-size:11px; line-height:1.5; margin-top:8px; }
 .wallet-receive { padding:16px; margin:18px 0; }
 .wallet-receive strong { font-size:25px; }
 .wallet-note { font-size:12px; line-height:1.6; padding:14px; }
 .wallet-dashboard .wallet-primary,.wallet-dialog .wallet-primary { min-height:52px; border-radius:11px; font-size:15px; }
 .wallet-history .wallet-link { min-height:44px; }
 .wallet-empty { padding:20px 4px; line-height:1.8; }
 .wallet-page #footer-root { padding-bottom:calc(82px + env(safe-area-inset-bottom)); }
 .wallet-dialog { border-radius:22px; padding:26px 22px; }
 .wallet-identity-dialog { padding:38px 0 8px; }
 .wallet-review-row { flex-wrap:wrap; gap:5px; }
}
@media(max-width:560px) { .wallet-dashboard { padding-top:155px; } }
@media(max-width:360px) { .wallet-dashboard { padding-left:14px; padding-right:14px; } .wallet-card { padding:19px; } .wallet-dashboard .wallet-verify { padding:13px; } .wallet-verify p { font-size:10px; } .wallet-verify button { font-size:11px; } .wallet-steps { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .wallet-progress span { transition:none; } }