/* Obsidian workspace — silver edge light, platinum type and champagne accents. */
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) {
  --jade: #dedbd1; --rose: #e7a5b1; --amber: #dbc792;
  --jade-wash: #ffffff08; --rose-wash: #e7a5b10d; --gold-wash: #dbc7920d;
  --detail-line: #ffffff0e; --detail-line-bright: #ffffff1f;
  --detail-glass: linear-gradient(145deg, #ffffff07, #ffffff01 48%, #ffffff03), #101115e8;
  color: #f5f5f7; color-scheme: dark;
  font-family: var(--font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard) .dashboard-panel,
.app-sheet :is(.panel, .auth-panel, .receipt, .metric-tile) {
  min-width: 0; background: var(--detail-glass); color: #f5f5f7;
  border: 1px solid var(--detail-line); border-top-color: #ffffff1b; border-radius: 24px;
  box-shadow: inset 0 1px 0 #ffffff03, 0 12px 30px #0000001f;
}
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(h2, h3) {
  font-family: var(--font-display, var(--font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
  font-weight: 550; letter-spacing: -.045em; color: #f5f5f7;
}
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.eyebrow, .metric-label, .balance-label) { color: #a1a4ac; letter-spacing: .07em; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.menu-list, .settings-list) { background: transparent; border: 0; border-radius: 0; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.menu-row, .list-button) { padding-inline: 0; min-height: 76px; gap: 14px; border-color: var(--detail-line); }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.row-icon, .menu-icon, .transaction-avatar) {
  color: #dedfe5; background: linear-gradient(145deg, #ffffff0b, #ffffff02);
  border: 1px solid #ffffff13; border-top-color: #ffffff24; border-radius: 14px;
  box-shadow: inset 0 1px 0 #ffffff03;
}
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.menu-title, .row-title, .asset-title, .transaction-title) { font-size: 14px; font-weight: 550; letter-spacing: -.02em; color: #f5f5f7; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.menu-meta, .row-meta, .asset-meta, .transaction-meta, .field-hint, .muted) { color: #a1a4ac; line-height: 1.6; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.row-chevron, .transaction-chevron) { color: #696e78; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .text-button { min-height: 44px; color: #dbc792; font-size: 12px; font-weight: 500; letter-spacing: -.01em; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .button { min-height: 50px; border-radius: 16px; font-family: var(--font-ui, inherit); font-size: 13px; font-weight: 550; letter-spacing: -.015em; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .button-primary { color: #14120d; background: var(--gold-gradient); border-color: #efe3bf7a; box-shadow: inset 0 1px 0 #ffffff70, 0 4px 20px #dbc7920d; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .button-secondary { color: #eeeef2; background: linear-gradient(150deg, #ffffff0c, #ffffff04); border-color: #ffffff1c; box-shadow: inset 0 1px 0 #ffffff04; }
.app-sheet .button-danger { background: #e7a5b10c; color: #e7a5b1; border-color: #e7a5b133; }
.app-sheet .button-ghost { color: #d4c49f; background: transparent; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .icon-button { min-width: 44px; min-height: 44px; color: #e6e7ec; background: linear-gradient(145deg, #ffffff0c, #ffffff03); border-color: #ffffff18; box-shadow: inset 0 1px 0 #ffffff04; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.segmented-control, .account-switcher) { padding: 4px; border: 1px solid #ffffff0c; border-radius: 16px; background: #05050780; box-shadow: inset 0 1px 5px #00000026; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .segmented-control button { min-height: 44px; border-radius: 12px; color: #979ba5; font-size: 12px; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .segmented-control button:is(.is-active, [aria-pressed='true']) { color: #f5f5f7; background: linear-gradient(145deg, #ffffff1c, #ffffff0b); box-shadow: inset 0 1px 0 #ffffff21, 0 2px 8px #0003; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .toggle { background: #282b32; border-color: #3d414b; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .toggle::after { background: #b9bec9; box-shadow: 0 2px 4px #0005; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .toggle:is(.is-on, [aria-checked='true'], [aria-pressed='true']) { background: var(--gold-gradient); border-color: #dccba0; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .toggle:is(.is-on, [aria-checked='true'], [aria-pressed='true'])::after { background: #17181c; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.status.success, .status--success, .status-pill.success, .status-pill--success) { color: #e4e5eb; background: #ffffff09; border-color: #ffffff21; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.status.pending, .status--pending, .status-pill.pending, .status-pill--pending) { color: #dbc792; background: #dbc7920b; border-color: #dbc79221; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.status.warning, .status.declined, .status--warning, .status--declined, .status-pill.warning, .status-pill.declined) { color: #e7a5b1; background: #e7a5b10b; border-color: #e7a5b126; }
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .empty-state { background: #ffffff02; border-color: #ffffff16; border-radius: 18px; }

/* Sheet glass stays within the existing safe-area and visual-viewport layout. */
.app-sheet { color: #f5f5f7; }
.app-sheet::backdrop { background: #030306a6; backdrop-filter: blur(10px) saturate(.6); -webkit-backdrop-filter: blur(10px) saturate(.6); }
.sheet-panel {
  background: linear-gradient(145deg, #ffffff08, #ffffff00 45%), #0c0d11f5;
  border: 1px solid #ffffff1b; border-top-color: #ffffff38; border-bottom: 0; border-radius: 30px 30px 0 0;
  box-shadow: inset 0 1px 0 #ffffff06, 0 -20px 90px #0008;
  backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px);
  animation-duration: 380ms; animation-timing-function: cubic-bezier(.18,.82,.24,1);
}
.sheet-handle { width: 34px; height: 4px; background: #ffffff29; margin-top: 4px; }
.sheet-header { min-height: 72px; border-color: #ffffff0e; }
.sheet-header h2 { font-family: var(--font-display, var(--font-ui, sans-serif)); font-size: 26px; font-weight: 550; letter-spacing: -.045em; color: #f5f5f7; }
.sheet-body { scrollbar-color: #444852 transparent; }
.sheet-actions { background: linear-gradient(180deg, #0c0d1100, #0c0d11 18%); border-top: 1px solid #ffffff0b; padding-top: 18px; }
.app-sheet :is(.field input, .field select, .field textarea, .form-field input, .form-field select, .form-field textarea, .input, .search-input, .search-wrap input, .activity-filters input, .activity-filters select, .spending-month-controls select) {
  min-width: 0; max-width: 100%; min-height: 52px; color-scheme: dark; color: #f5f5f7;
  background: #08090c; border-color: #ffffff21; border-radius: 14px;
  font-family: var(--font-ui, inherit); font-size: 16px; box-shadow: inset 0 1px 4px #0003;
}
.app-sheet :is(input, textarea)::placeholder { color: #777d8b; }
.app-sheet :is(.field input, .field select, .field textarea, .form-field input, .form-field select, .form-field textarea, .input, .search-wrap input):focus { background: #0c0d11; border-color: #d5c59e; box-shadow: 0 0 0 3px #dbc7920d; }
.app-sheet :is(input, select, textarea, button, summary):focus-visible,
:is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard) :is(button, input, select, a):focus-visible { outline: 2px solid #e3d5b0; outline-offset: 3px; }
.app-sheet :is(.field-label, .activity-filters label, .spending-month-control) { color: #a1a4ac; font-size: 12px; }
.app-sheet :is(.field-error, [data-form-error]) { color: #e7a5b1; }
.app-sheet input[aria-invalid='true'] { border-color: #e7a5b1; }
.app-sheet :is(.choice-grid > button, .choice-button) { min-height: 52px; background: #ffffff04; color: #f5f5f7; border: 1px solid #ffffff14; border-radius: 16px; }
.app-sheet :is(.choice-grid > button.is-selected, .choice-grid > button[aria-pressed='true'], .choice-button.is-selected) { background: #dbc7920d; border-color: #dbc79277; color: #f5f5f7; }
.app-sheet :is(.choice-grid > button.is-selected, .choice-grid > button[aria-pressed='true'], .choice-button.is-selected) .row-meta { color: #bdaf91; }
.app-sheet :is(.review-total .value, .review-total dd) { color: #f5f5f7; }
.app-sheet .success-mark { color: #e3d4ac; background: radial-gradient(circle at 25% 15%, #ffffff12, #ffffff02); border-color: #e3d4ac33; box-shadow: inset 0 1px 0 #ffffff17; }
.app-sheet .notification-status { background: #ffffff03; color: #aeb2bd; border-color: #ffffff0e; }
.app-sheet .connection-dot { background: #ded7c5; box-shadow: 0 0 8px #ded7c521; }
.app-sheet .connection-dot.is-offline { background: #9a835e; box-shadow: none; }
.app-sheet .insight-card { color: #f5f5f7; background: radial-gradient(ellipse at 100% 0, #dbc7920d, transparent 70%), #101115; border-color: #ffffff17; border-radius: 22px; }
.app-sheet .goal-ring circle { stroke: #ffffff0e; }
.app-sheet .goal-ring circle:last-child { stroke: #dbc792; }
.toast-region.is-visible, .toast { background: #191b22f5; color: #f5f5f7; border-color: #ffffff26; border-radius: 16px; box-shadow: inset 0 1px 0 #ffffff08, 0 10px 36px #0006; }

/* Ledger and spending: merchant marks, clear values and measured silver bars. */
.app-sheet .banking-tabs { gap: 7px; }
.app-sheet .banking-tabs button { min-height: 58px; background: #ffffff04; color: #a1a4ac; border-color: #ffffff0c; border-radius: 14px; font-size: 11px; }
.app-sheet .banking-tabs .app-icon { color: inherit; }
.app-sheet .banking-tabs .banking-tab.is-active { background: linear-gradient(145deg, #ffffff14, #ffffff05); color: #efe2bd; border-color: #dbc79240; }
.app-sheet :is(.activity-account-label, .activity-summary, .transaction-date-label, .transaction-date-group h3) { color: #a1a4ac; }
.app-sheet .transaction-date-label { text-transform: none; letter-spacing: .025em; padding-top: 22px; font-size: 11px; border-color: #ffffff0a; }
.app-sheet .transaction-row { min-height: 78px; padding-block: 16px; border-color: #ffffff0b; }
.app-sheet .transaction-amount { font-size: 15px; font-weight: 500; letter-spacing: -.025em; color: #eff0f4; }
.app-sheet .transaction-amount:is(.positive, .is-positive) { color: #d8c797; }
.app-sheet .activity-date-picker summary { min-height: 48px; color: #bdc1cb; }
.app-sheet .activity-filter-totals { background: #ffffff03; padding: 18px 14px; border: 1px solid #ffffff0c; border-radius: 18px; }
.app-sheet .activity-filter-totals strong { font-size: 16px; font-weight: 500; letter-spacing: -.035em; overflow-wrap: anywhere; }
.app-sheet .filter-chip { color: #aeb2bc; border-color: #ffffff18; background: #ffffff02; font-size: 12px; }
.app-sheet .filter-chip[aria-pressed='true'] { background: linear-gradient(145deg, #ffffff18, #ffffff08); color: #f3e7c6; border-color: #e3d3ad40; }
.app-sheet .spending-overview { color: #f5f5f7; background: radial-gradient(ellipse at 100% -20%, #ffffff0c, transparent 70%), #101115; border: 1px solid #ffffff17; border-top-color: #ffffff2b; border-radius: 24px; padding: 26px; box-shadow: inset 0 1px 0 #ffffff03; }
.app-sheet .spending-overview .eyebrow { color: #a1a4ac; }
.app-sheet .spending-total { font-family: var(--font-display, var(--font-ui, sans-serif)); font-size: clamp(37px, 10vw, 46px); font-weight: 500; letter-spacing: -.065em; }
.app-sheet :is(.spending-cashflow span, .spending-comparison) { color: #a1a4ac; }
.app-sheet .spending-cashflow strong { font-size: 21px; font-weight: 500; color: #ededf1; letter-spacing: -.045em; }
.app-sheet .spending-comparison[data-direction='down'] { color: #d6c6a1; }
.app-sheet .spending-trend h3, .app-sheet .spending-breakdowns h3 { font-size: 20px; }
.app-sheet .monthly-bars { margin-block: 22px; gap: 8px; }
.app-sheet .monthly-bar { border-radius: 11px; }
.app-sheet .monthly-bar.is-active { background: #ffffff03; }
.app-sheet .monthly-bar-track { padding-inline: 6px; }
.app-sheet .monthly-bar-track > span { background: linear-gradient(180deg, #7d8390, #363a45); border-radius: 6px 6px 2px 2px; box-shadow: inset 0 1px 0 #ffffff29; }
.app-sheet .monthly-bar.is-active .monthly-bar-track > span { background: var(--gold-gradient); box-shadow: inset 0 1px 0 #ffffff60, 0 0 20px #dbc7920b; }
.app-sheet :is(.monthly-bar-amount, .monthly-bars strong) { color: #c6c9d1; font-weight: 450; }
.app-sheet .monthly-bar-label { color: #9298a5; }
.app-sheet :is(.spending-category-track, .spending-bar) { height: 5px; background: #ffffff08; border-radius: 5px; }
.app-sheet :is(.spending-category-track > span, .spending-bar > span) { background: linear-gradient(90deg, #8c8f98, #dbd9d0); border-radius: inherit; }
.app-sheet .spending-category-row:first-child .spending-category-track > span { background: var(--gold-gradient); }
.app-sheet :is(.spending-category-row, .spending-merchant-row) { min-height: 68px; border-color: #ffffff0b; }
.app-sheet .merchant-icon { border: 1px solid #ffffff12; background: #fff; border-radius: 50%; }
.app-sheet .merchant-icon.is-fallback { color: #c9cdd7; background: linear-gradient(145deg, #2b2e37, #181a21); }

/* Wealth reads as a valuation terminal: one clear number and an open plot. */
.wealth-dashboard .wealth-chart-panel { padding: 30px; background: radial-gradient(ellipse at 85% -30%, #ffffff0a, transparent 65%), #0d0e12; border-top-color: #ffffff24; }
.wealth-dashboard .wealth-chart-panel .balance-value { font-family: var(--font-display, var(--font-ui, sans-serif)); font-size: clamp(33px, 3.2vw, 47px); font-weight: 500; letter-spacing: -.065em; line-height: 1.15; }
.wealth-dashboard .wealth-movement { margin: 12px 0 6px; color: #d1c6ab; font-size: 11px; letter-spacing: -.01em; }
.wealth-dashboard .wealth-movement.negative { color: #e7a5b1; }
.wealth-dashboard .valuation-readout { padding: 15px 0; margin-top: 6px; border-top: 1px solid #ffffff09; }
.wealth-dashboard .valuation-selected-value { color: #e7e8ef; font-size: 20px; font-weight: 500; letter-spacing: -.035em; }
.wealth-dashboard :is(.valuation-selected-date, .valuation-status, .valuation-scrub-hint, .valuation-note-row, .valuation-disclosure) { color: #8f95a2; }
.wealth-dashboard .valuation-grid { stroke: #ffffff09; }
.wealth-dashboard .valuation-baseline { stroke: #a1a4ac35; }
.wealth-dashboard .valuation-line { stroke: #e0cfaa; stroke-width: 1.8; filter: drop-shadow(0 0 3px #e0cfaa33); }
.wealth-dashboard .valuation-plot stop { stop-color: #dbc792; }
.wealth-dashboard :is(.valuation-y-label, .valuation-x-label) { fill: #9197a3; font-family: var(--font-ui, sans-serif); }
.wealth-dashboard .valuation-cursor-line { stroke: #d5d9e06b; }
.wealth-dashboard .valuation-cursor-dot { fill: #0d0e12; stroke: #f0e3c2; stroke-width: 2; }
.wealth-dashboard .valuation-scrubber input[type='range'] { accent-color: #d6c6a1; }
.wealth-dashboard .valuation-note { color: #8f95a2; font-size: 10px; line-height: 1.6; border-color: #ffffff0a; }
.wealth-dashboard .portfolio-total { color: #dadde6; font-weight: 500; letter-spacing: -.025em; }
.wealth-dashboard .asset-row { min-height: 82px; border-color: #ffffff0b; gap: 12px; }
.wealth-dashboard .asset-value { color: #f5f5f7; font-size: 15px; font-weight: 500; letter-spacing: -.025em; }
.wealth-dashboard .asset-value small { color: #c7b88f; font-size: 11px; }
.wealth-dashboard :is(.goal-progress, .spend-bar-track) { background: #ffffff0a; height: 5px; border-radius: 5px; }
.wealth-dashboard :is(.goal-progress > span, .spend-bar-fill) { background: var(--gold-gradient); border-radius: inherit; box-shadow: 0 0 12px #dbc7920c; }
.wealth-dashboard .goal-panel > h2 { font-size: 29px; line-height: 1.15; font-weight: 500; }
.wealth-dashboard .goal-value { font-size: 28px; font-weight: 500; letter-spacing: -.04em; }
.wealth-dashboard .account-currency { color: #d4d7df; border-color: #ffffff17; background: #ffffff04; }
.wealth-dashboard .account-snapshot-copy small { color: #a1a4ac; }
.wealth-dashboard .account-snapshot-value { color: #e5e7ed; }
.wealth-dashboard .account-snapshot { border-color: #ffffff0b; }

/* Payments, cards and personal settings keep generous, clear touch targets. */
.payments-dashboard .payment-command-panel { background: radial-gradient(ellipse at 100% 0, #ffffff08, transparent 65%), #101115; }
.payments-dashboard .payment-command-panel .balance-block { padding-top: 30px; }
.payments-dashboard .payment-command-panel .balance-block::before { display: none; }
.payments-dashboard .payment-command-panel .balance-value { font-family: var(--font-display, var(--font-ui, sans-serif)); font-size: clamp(34px, 4vw, 48px); font-weight: 500; letter-spacing: -.065em; }
.payments-dashboard .payment-primary-actions { gap: 10px; margin-top: 28px; }
.payments-dashboard .payment-primary-actions .button { min-height: 54px; }
.payments-dashboard .saved-payees { gap: 8px 12px; }
.payments-dashboard .saved-payee { background: #ffffff02; border: 1px solid #ffffff0b; border-radius: 16px; min-height: 76px; padding: 14px; }
.payments-dashboard .saved-payee .transaction-avatar { width: 38px; height: 38px; border-radius: 13px; color: #ded8c9; }
.payments-dashboard .saved-payee-copy strong { font-size: 13px; font-weight: 500; color: #eef0f4; }
.payments-dashboard .saved-payee-copy small { font-size: 11px; color: #949aa7; }
.payments-dashboard .activity-table-heading { color: #8c939f; border-color: #ffffff0b; }
.payments-dashboard .payment-guidance { color: #a1a4ac; background: #ffffff02; padding: 28px; }
.payments-dashboard .payment-guidance h2 { color: #f5f5f7; font-size: 27px; }
.cards-dashboard .card-selector { padding: 4px; background: #ffffff03; border: 1px solid #ffffff0f; border-radius: 16px; gap: 4px; }
.cards-dashboard .card-selector button { min-height: 46px; background: transparent; border: 0; border-radius: 12px; color: #a1a4ac; font-size: 12px; font-weight: 500; }
.cards-dashboard .card-selector button:is(.is-active, [aria-pressed='true']) { color: #f1e5c5; background: linear-gradient(145deg, #ffffff16, #ffffff08); box-shadow: inset 0 1px 0 #ffffff20, 0 3px 9px #0004; }
.cards-dashboard .card-showcase { background: transparent; border: 0; box-shadow: none; padding: 0; }
.cards-dashboard .card-display-stage { padding-block: 30px 25px; }
.cards-dashboard .card-meta-row { padding-inline: 3px; }
.cards-dashboard .card-account-caption { padding-top: 22px; margin-top: 24px; border-color: #ffffff12; }
.cards-dashboard .card-account-caption h2 { font-size: 29px; letter-spacing: -.05em; }
.cards-dashboard .card-limit-summary .metric-value { color: #eff0f5; font-size: 24px; font-weight: 500; }
.cards-dashboard .card-limit-summary .metric-label { color: #a1a4ac; letter-spacing: .03em; }
.cards-dashboard .card-support-panel { background: radial-gradient(ellipse at 95% 0, #ffffff06, transparent 65%), #101115; }
.cards-dashboard .card-support-panel > h2 { font-size: 29px; }
.cards-dashboard .card-support-panel .row-icon { color: #d4c5a1; }
.services-dashboard .profile-panel { background: radial-gradient(ellipse at 90% -20%, #ffffff09, transparent 65%), #101115; }
.services-dashboard .profile-panel .avatar-monogram { color: #171920; background: linear-gradient(135deg, #edeff3, #b8bdc8 45%, #727987); border: 1px solid #ffffff45; box-shadow: inset 0 1px 0 #fff9, 0 5px 20px #0004; font-family: var(--font-display, var(--font-ui, sans-serif)); font-size: 22px; font-weight: 600; }
.services-dashboard .profile-panel h2 { font-size: clamp(25px, 3vw, 33px); font-weight: 550; letter-spacing: -.05em; }
:is(.wealth-dashboard, .services-dashboard) .banker-panel { background: radial-gradient(ellipse at 100% 0, #dbc79208, transparent 65%), #101115; border: 1px solid #ffffff13; border-top-color: #ffffff24; }
:is(.wealth-dashboard, .services-dashboard) .banker-monogram { background: linear-gradient(145deg, #ffffff13, #ffffff04); color: #d5c8a9; border-color: #ffffff20; font-family: var(--font-ui, inherit); }
:is(.wealth-dashboard, .services-dashboard) .banker-identity h2 { font-family: var(--font-display, var(--font-ui, sans-serif)); font-size: 22px; }
:is(.wealth-dashboard, .services-dashboard) .banker-panel p { color: #a1a4ac; }
.services-dashboard .relationship-note { color: #787f8d; }
.services-dashboard .relationship-note p { font-family: var(--font-ui, inherit); font-size: 12px; letter-spacing: .015em; }

@media (hover: hover) and (pointer: fine) {
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.menu-row, .list-button, .transaction-row, .asset-row, .account-snapshot):hover { background: #ffffff04; }
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .button-primary:hover { color: #14120d; background: var(--gold-gradient); border-color: #f9eccb; box-shadow: inset 0 1px 0 #fff9, 0 4px 24px #dbc7921a; }
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) .button-secondary:hover { color: #f5f5f7; background: #ffffff0c; border-color: #ffffff34; }
  .payments-dashboard .saved-payee:hover { background: #ffffff06; border-color: #ffffff27; }
  .app-sheet :is(.spending-category-row, .spending-merchant-row, .monthly-bar):hover { background: #ffffff04; }
}
@media (prefers-reduced-motion: no-preference) {
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.button, .icon-button, .segmented-control button, .saved-payee, .menu-row, .list-button, .filter-chip, .banking-tab) { transition: background 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, transform 220ms cubic-bezier(.18,.82,.24,1); }
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.button, .icon-button, .saved-payee, .filter-chip, .banking-tab):active { transform: scale(.975); }
  .app-screen.is-active .wealth-dashboard .valuation-line { animation: valuation-light-in 650ms ease both; }
}
@keyframes valuation-light-in { from { opacity: .2; } to { opacity: 1; } }
@media (max-width: 759px) {
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard) { gap: 20px; }
  :is(.wealth-main, .wealth-aside, .payments-main, .payments-aside, .cards-main, .cards-aside, .services-main, .services-aside) { gap: 20px; }
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard) .dashboard-panel { padding: 22px 19px; border-radius: 22px; }
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.menu-meta, .row-meta, .asset-meta, .transaction-meta) { font-size: 11px; }
  .wealth-dashboard .wealth-chart-panel { padding: 26px 18px 20px; }
  .wealth-dashboard .wealth-chart-panel .balance-value { font-size: clamp(31px, 9vw, 38px); }
  .wealth-dashboard .wealth-chart-panel .segmented-control { width: 100%; min-width: 0; margin-top: 8px; }
  .wealth-dashboard .valuation-chart { margin-top: 12px; }
  .wealth-dashboard .valuation-plot { height: 214px; }
  .wealth-dashboard .valuation-readout { padding-block: 13px; }
  .wealth-dashboard .portfolio-panel .section-heading { gap: 12px; }
  .wealth-dashboard .asset-row { gap: 10px; }
  .wealth-dashboard .asset-value { font-size: 14px; }
  .wealth-dashboard .asset-title { font-size: 13px; }
  .payments-dashboard .payment-primary-actions .button { min-height: 54px; font-size: 12px; }
  .payments-dashboard .saved-payees { gap: 0; }
  .payments-dashboard .saved-payee { min-height: 78px; padding: 14px 0; background: transparent; border: 0; border-radius: 0; border-bottom: 1px solid #ffffff0b; }
  .payments-dashboard .saved-payee:last-child { border-bottom: 0; }
  .cards-dashboard .card-showcase { padding: 0; }
  .cards-dashboard .card-selector button { font-size: 11px; padding-inline: 8px; }
  .cards-dashboard .card-limit-summary { gap: 0; }
  .cards-dashboard .card-limit-summary > div { min-height: 60px; border-color: #ffffff0b; }
  .cards-dashboard .card-limit-summary > div:last-child { border-bottom: 0; }
  .cards-dashboard .card-limit-summary .metric-value { font-size: 23px; }
  .app-sheet .spending-overview { padding: 24px 20px; }
  .app-sheet .spending-cashflow strong { font-size: clamp(16px, 4.6vw, 19px); overflow-wrap: anywhere; }
  .app-sheet .sheet-actions { padding-bottom: 2px; }
  .app-sheet :is(input, select, textarea, .activity-filters input, .activity-filters select, .spending-month-controls select, .search-input) { font-size: 16px; }
}
@media (max-width: 374px) {
  .wealth-dashboard .wealth-chart-panel { padding-inline: 15px; }
  .wealth-dashboard .asset-row .row-icon { width: 30px; height: 34px; border-radius: 11px; }
  .wealth-dashboard .asset-row { gap: 8px; }
  .wealth-dashboard .asset-title { font-size: 12px; }
  .wealth-dashboard .asset-value { font-size: 13px; }
  .app-sheet .activity-filter-totals { padding-inline: 10px; gap: 7px; }
  .app-sheet .activity-filter-totals strong { font-size: 13px; }
  .app-sheet .spending-cashflow strong { font-size: 18px; }
  .app-sheet .banking-tabs { gap: 5px; }
  .app-sheet .banking-tabs button { font-size: 10px; }
}
@media (min-width: 760px) { .sheet-panel { border-bottom: 1px solid #ffffff1b; border-radius: 28px; } }
@media (prefers-reduced-motion: reduce) { .app-sheet .sheet-panel, .wealth-dashboard .valuation-line { animation: none; } }
html[data-motion='reduced'] :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) * { animation: none !important; transition: none !important; }
@media (forced-colors: active) {
  .sheet-panel, .sheet-actions,
  :is(.wealth-dashboard, .payments-dashboard, .cards-dashboard, .services-dashboard, .app-sheet) :is(.dashboard-panel, .panel, .button, input, select, textarea, .banking-tab, .spending-overview, .filter-chip, .status-pill, .row-icon, .saved-payee) { color: CanvasText; background: Canvas; border-color: CanvasText; box-shadow: none; }
  .wealth-dashboard .valuation-line { stroke: CanvasText; filter: none; }
  .wealth-dashboard :is(.valuation-y-label, .valuation-x-label) { fill: CanvasText; }
  .wealth-dashboard .valuation-cursor-dot { fill: Canvas; stroke: Highlight; }
  .app-sheet .banking-tab.is-active { outline: 2px solid Highlight; }
}