/* Scoped improvements; the approved page layout and palette remain the base. */
.cardactions button,.detail-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.cardactions svg,.detail-actions svg,.detail-settings svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.65}.cardactions button{min-height:42px;border-radius:9px;font-weight:500}.card-detail-modal .detail-settings button{justify-content:flex-start;gap:12px;min-height:48px}.card-detail-modal .detail-settings button>span:last-child{color:var(--ink)}.detail-settings svg{color:var(--brand-text)}.mobile-tool-icon{border-radius:11px!important;display:grid;place-items:center}.mobile-tool-icon svg{width:21px!important;height:21px!important;stroke-width:1.65}body[data-page=overview] #stats .stat.mainstat{background:var(--surface)!important}
@media(max-width:750px){body.mobile-banking .mobile-balance-hero{background:radial-gradient(ellipse at 100% 0,#05171c40,transparent 65%),#05171c!important}}/* Allowlisted card colors,applied only when the user chooses one. */
[data-card-color=ruby]{--card-paint:#ff4b4b}.credit-card[data-card-color=ruby]::before{background:linear-gradient(118deg,transparent 15%,#ffffff1a 49%,transparent 75%),repeating-linear-gradient(0deg,#ffffff08 0,#ffffff08 1px,#1b1b1909 1px,#1b1b1909 2px)}[data-card-color=graphite]{--card-paint:linear-gradient(118deg,#242428,#3f3f46 27%,#575760 48%,#333338 67%,#1d1d20)}[data-card-color=ocean]{--card-paint:linear-gradient(118deg,#102c46,#16476a 28%,#245b83 51%,#153951 80%,#102637)}[data-card-color=violet]{--card-paint:linear-gradient(118deg,#332047,#503273 28%,#6b46a1 51%,#493061 80%,#2d1c3f)}[data-card-color=forest]{--card-paint:linear-gradient(118deg,#12372c,#20543e 28%,#246349 51%,#1c493a 80%,#102e26)}[data-card-color=copper]{--card-paint:linear-gradient(118deg,#492b20,#713f2c 28%,#925437 51%,#693e2e 80%,#3a251e)}.credit-card[data-card-color],.credit-card.dark[data-card-color]{background:var(--card-paint)!important;color:#fff!important;border-color:#ffffff33}.card-color-dialog>p{font-size:13px;line-height:1.7;margin:12px 0 20px;color:var(--muted)}.card-color-preview{max-width:340px;width:100%;margin:22px auto;min-height:180px;pointer-events:none}.card-color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.card-color-options button{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px 10px;color:var(--ink);font-size:12px;min-height:48px}.card-color-options button[aria-pressed=true]{border-color:var(--brand-primary);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand-primary)}.card-color-swatch{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--card-paint);border:1px solid #ffffff33}#saveCardColor{width:100%;justify-content:center;min-height:44px}/* Deposit: a precise entry form and a quieter activity panel. */
.deposit-layout{gap:24px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.deposit-create,.deposit-history{border-radius:18px}.deposit-create h2{font-size:25px;line-height:1.3}.deposit-create .deposit-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:9px}.deposit-create>.subtitle{font-size:13px;margin-top:8px}.deposit-create label{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:12px;font-weight:500;color:var(--ink)}.deposit-field-step{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:10px}.deposit-amount{border-radius:12px;padding:12px 16px;background:var(--surface-subtle)}.deposit-create .deposit-amount input{font-size:34px!important;height:48px;font-family:inherit;font-variant-numeric:tabular-nums}.deposit-amount>span{padding:5px 8px;border:1px solid var(--line);border-radius:6px;font-size:11px;font-weight:500}.deposit-presets{gap:7px}.deposit-presets button{font-family:inherit;font-size:11px;min-height:34px}.deposit-create .deposit-coin-picker{border-radius:12px;min-height:66px;background:var(--surface)}.deposit-create #depositNetwork{min-height:50px;font-family:inherit;font-size:12px;border-radius:12px}.deposit-create .note{font-size:11px;border:1px solid var(--line);padding:14px;background:var(--surface-subtle);margin:18px 0}.deposit-selection{border:1px solid var(--line);border-radius:12px;padding:15px;margin:18px 0;background:var(--surface)}.deposit-selection>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:12px;line-height:1.7}.deposit-selection>div+div{margin-top:9px}.deposit-selection span{color:var(--muted);flex-shrink:0}.deposit-selection strong{font-size:12px;font-weight:600;text-align:right;overflow-wrap:anywhere}.deposit-selection p{font-size:10px;line-height:1.6;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.deposit-create #depositSubmit{min-height:48px;font-family:inherit;font-size:13px;border-radius:10px}.deposit-create #depositReload{font-size:11px;padding:6px}.deposit-safety{font-size:10px;line-height:1.6;margin:10px 0}.deposit-activity-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0 18px;border-bottom:1px solid var(--line);margin-bottom:14px}.deposit-activity-summary>div+div{border-left:1px solid var(--line);padding-left:18px}.deposit-activity-summary span{display:block;color:var(--muted);font-size:11px;line-height:1.5}.deposit-activity-summary strong{display:block;font-size:25px;font-weight:600;margin-top:8px;color:var(--ink);font-variant-numeric:tabular-nums}.deposit-history>.subtitle{font-size:11px;line-height:1.7}.deposit-item{padding:17px;border-radius:12px;margin-top:14px}.deposit-item-heading{display:flex;gap:10px;flex-wrap:wrap}.deposit-item-heading strong{font-size:19px;font-weight:600;margin-right:auto;font-variant-numeric:tabular-nums}.deposit-activity-coin{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px}.deposit-activity-coin img{width:30px;height:30px}.deposit-item .deposit-id{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.deposit-item .deposit-open{min-height:38px;font-size:11px;background:transparent;color:var(--ink)}.deposit-history .empty{padding:36px 12px;text-align:center}.deposit-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--brand-soft);color:var(--brand-text);margin:0 auto 16px}.deposit-empty-icon svg{width:23px;height:23px}.deposit-history .empty strong{display:block;font-size:13px;color:var(--ink);margin-bottom:8px}.deposit-history .empty p{font-size:11px;line-height:1.7;max-width:260px;margin:auto}
@media(max-width:1050px){.deposit-layout{grid-template-columns:minmax(0,1fr)}.deposit-create{max-width:600px}.deposit-history{max-width:600px;margin:auto}}
@media(max-width:750px){.mobile-tool-icon{width:38px;height:38px}.card-color-options{gap:8px}.card-color-options button{font-size:11px;padding:10px 8px;gap:6px}.card-color-preview{max-width:300px;min-height:165px}body.mobile-banking .deposit-create,body.mobile-banking .deposit-history{padding:20px!important}.deposit-layout{gap:18px}body.mobile-banking .deposit-create label{display:flex;font-size:12px;margin-top:20px}.deposit-create .deposit-amount input{font-size:30px!important;height:44px}.deposit-selection{padding:13px;margin:16px 0}.deposit-selection>div{gap:10px}.deposit-selection strong{max-width:65%;font-size:11px}.deposit-activity-summary{padding:16px 0;gap:10px}.deposit-activity-summary>div+div{padding-left:12px}.deposit-activity-summary span{font-size:10px}.deposit-activity-summary strong{font-size:23px}.deposit-item{padding:14px}.deposit-item-heading strong{font-size:18px}.deposit-item-heading .status{margin-left:auto}
}
@media(max-width:360px){.card-color-options{grid-template-columns:repeat(2,minmax(0,1fr))}.deposit-selection>div{flex-wrap:wrap;gap:3px}.deposit-selection strong{max-width:100%}}.credit-card[data-card-color] .credit-card-eye{background:#ffffff16!important;color:#fff!important;border:1px solid #ffffff33}.balance-sync-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:13px 16px;margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6}.balance-sync-notice .btn{flex-shrink:0;min-height:38px;padding:8px 12px;font-size:11px}@media(max-width:750px){.balance-sync-notice{align-items:flex-start;gap:12px;padding:12px;font-size:11px}.balance-sync-notice .btn{padding:8px}}