.ledger-card {
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary-soft) 72%, var(--bg-elev) 28%), color-mix(in srgb, var(--bg-elev) 74%, var(--accent-soft) 26%));
  border-color: color-mix(in srgb, var(--primary) 34%, var(--border) 66%);
}


.ledger-shell { padding: 14px; }

.coin-wallet-section,
.personal-ledger-section { display: grid; gap: 12px; min-width: 0; }

.coin-wallet-section { margin: 8px 0 22px; padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: color-mix(in srgb, var(--bg-elev) 88%, var(--chip) 12%); }

.personal-ledger-section { border-top: 1px solid var(--divider-color); padding-top: 18px; }

.coin-wallet-head,
.personal-ledger-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }

.coin-wallet-head h3,
.personal-ledger-head h3 { margin: 0; font-size: 1.12rem; }

.coin-wallet-head .step-label,
.personal-ledger-head .step-label { margin: 0 0 3px; }

.personal-ledger-head .field-help { margin: 4px 0 0; }

.coin-wallet-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)); gap: 8px; }

.coin-wallet-stat { display: grid; align-content: start; gap: 5px; min-width: 0; padding: 11px; border: 1px solid var(--border); border-radius: 10px; background: color-mix(in srgb, var(--bg-elev) 92%, var(--chip) 8%); }

.coin-wallet-stat span { color: var(--text-soft); font-size: 0.74rem; letter-spacing: 0.025em; text-transform: uppercase; overflow-wrap: anywhere; }

.coin-wallet-stat strong { font-size: clamp(0.96rem, 3vw, 1.2rem); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.coin-wallet-balance { border-color: color-mix(in srgb, var(--primary) 48%, var(--border) 52%); background: color-mix(in srgb, var(--primary) 10%, var(--bg-elev) 90%); }

.coin-wallet-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }

.coin-wallet-links button { min-width: 0; min-height: 44px; }

.coin-wallet-recent-title { margin: 0; font-size: 0.9rem; }

.coin-detail-shell { display: grid; gap: 12px; min-width: 0; }

.coin-detail-shell .ledger-head { flex-wrap: wrap; margin-bottom: 0; }

.coin-transaction-filters { display: flex; flex-wrap: wrap; gap: 8px; }

.coin-transaction-filters button { flex: 1 1 80px; min-height: 44px; }

.coin-transaction-page-size { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.coin-transaction-page-size select { min-height: 44px; min-width: 90px; }

.coin-transaction-pagination,
.coin-transaction-page-numbers { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; min-width: 0; }

.coin-transaction-pagination { justify-content: space-between; }

.coin-transaction-pagination button { min-width: 44px; min-height: 44px; }

.coin-transaction-page-gap { padding: 0 3px; color: var(--text-soft); }

.coin-wallet-content { display: grid; gap: 10px; min-width: 0; }

.coin-wallet-empty,
.coin-wallet-error { margin: 0; padding: 14px; border: 1px dashed var(--border); border-radius: 10px; color: var(--text-soft); text-align: center; }

.coin-transaction-list,
.financing-plan-list { display: grid; gap: 8px; min-width: 0; }

.coin-transaction-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: color-mix(in srgb, var(--bg-elev) 90%, var(--chip) 10%); }

.coin-transaction-detail { display: grid; gap: 3px; min-width: 0; }

.coin-transaction-detail strong,
.coin-transaction-detail time { overflow-wrap: anywhere; }

.coin-transaction-value span,
.coin-transaction-date { color: var(--text-soft); font-size: 0.76rem; }

.coin-transaction-value { display: grid; gap: 3px; min-width: 0; text-align: end; }

.coin-transaction-amount { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.coin-wallet-recent .coin-transaction-row { padding: 8px; font-size: 0.85rem; }

.coin-transaction-amount.credit { color: var(--success, var(--primary)); }

.financing-plan-card { display: grid; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 11px; background: color-mix(in srgb, var(--bg-elev) 90%, var(--chip) 10%); }

.financing-plan-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }

.financing-plan-head h4 { margin: 0; overflow-wrap: anywhere; }

.financing-plan-head p { margin: 3px 0 0; color: var(--text-soft); font-size: 0.8rem; }

.financing-plan-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr)); gap: 6px 12px; margin: 0; }

.financing-plan-stats div { display: grid; gap: 2px; min-width: 0; }

.financing-plan-stats dt { color: var(--text-soft); font-size: 0.72rem; }

.financing-plan-stats dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }

.financing-plan-progress { display: grid; gap: 5px; }

.financing-plan-progress progress { width: 100%; height: 12px; accent-color: var(--primary); }

.financing-plan-progress span { color: var(--text-soft); font-size: 0.76rem; }

.financing-plan-warning { margin: 0; color: var(--warning, var(--text)); font-size: 0.84rem; font-weight: 700; line-height: 1.45; }

.financing-plan-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 8px; align-items: end; }

.financing-plan-controls .field-row { margin: 0; min-width: 0; }

.financing-plan-controls input,
.financing-plan-controls select { width: 100%; min-width: 0; }

.financing-plan-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.financing-plan-actions button { flex: 1 1 150px; min-height: 44px; }

.financing-completed-label { margin: 8px 0 0; color: var(--text-soft); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }

@media (min-width: 740px) {
  .coin-wallet-section { padding: 18px; }
}

.ledger-head, .ledger-head-actions, .ledger-toggles { display: flex; align-items: center; gap: 8px; }

.ledger-head { justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }

.ledger-head-actions { flex-wrap: wrap; justify-content: flex-end; }

.ledger-tabs {
  --ledger-tab-accent: var(--primary-strong, var(--primary));
  --ledger-tab-active-bg: var(--bg-elev);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--chip);
}

.ledger-accounts-section { display: grid; gap: 10px; margin: 14px 0; padding: 12px 0; border-block: 1px solid var(--divider-color); }
.ledger-accounts-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ledger-accounts-head h3 { margin: 0 0 2px; font-size: 1rem; }
.ledger-accounts-head .field-help { margin: 0; }
.ledger-accounts-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; }
.ledger-account-row { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: color-mix(in srgb, var(--bg-elev) 88%, var(--chip) 12%); }
.ledger-account-row div { min-width: 0; display: grid; gap: 2px; }
.ledger-account-row strong, .ledger-account-row span { overflow-wrap: anywhere; }
.ledger-account-row span { color: var(--text-soft); font-size: 0.78rem; }
.ledger-account-row .chip-btn { flex: 0 0 auto; min-height: 40px; }
.ledger-accounts-empty { grid-column: 1 / -1; margin: 0; padding: 12px; color: var(--text-soft); text-align: center; border: 1px dashed var(--border); border-radius: 8px; }

.ledger-tab {
  position: relative;
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
}

.ledger-tab:hover,
.ledger-tab:focus-visible {
  background: color-mix(in srgb, var(--ledger-tab-accent) 12%, var(--chip) 88%);
  border-color: color-mix(in srgb, var(--ledger-tab-accent) 42%, var(--border) 58%);
}

.ledger-tab.active {
  background: var(--ledger-tab-active-bg);
  border-color: var(--ledger-tab-accent);
  color: var(--ledger-tab-accent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ledger-tab-accent) 28%, transparent), 0 4px 12px color-mix(in srgb, var(--ledger-tab-accent) 18%, transparent), inset 0 -3px 0 var(--ledger-tab-accent);
}

.ledger-tab.active::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 7px;
  left: 10px;
  height: 3px;
  border-radius: 999px;
  background: var(--ledger-tab-accent);
}

.ledger-range-toolbar { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin: 12px 0 14px; }

.ledger-range-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 6px; border: 1px solid var(--border); border-radius: 12px; background: var(--chip); }

.ledger-range-btn { min-height: 40px; min-width: 0; padding: 8px 6px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--text); font: inherit; font-size: 0.86rem; font-weight: 700; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease; }

.ledger-range-btn:hover,
.ledger-range-btn:focus-visible { background: color-mix(in srgb, var(--primary) 12%, var(--chip) 88%); border-color: color-mix(in srgb, var(--primary) 42%, var(--border) 58%); }

.ledger-range-btn.active { background: var(--bg-elev); border-color: var(--primary); color: var(--primary-strong, var(--primary)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent), var(--shadow-soft); }

.ledger-period-nav { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--chip); color: var(--text-soft); font-weight: 700; }

.ledger-period-nav span { flex: 1; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ledger-period-nav .chip-btn { flex: 0 0 auto; min-width: 44px; min-height: 44px; padding: 8px 10px; }

.ledger-period-nav .hidden { display: none; }


[data-theme="cozy-pastel"] .ledger-tabs {
  --ledger-tab-accent: #5f9e9a;
  --ledger-tab-active-bg: color-mix(in srgb, #5f9e9a 12%, var(--bg-elev) 88%);
}

[data-theme="graphite"] .ledger-tabs {
  --ledger-tab-accent: var(--graphite-gold, #d6a84f);
  --ledger-tab-active-bg: color-mix(in srgb, var(--graphite-gold, #d6a84f) 16%, var(--surface-primary, #202831) 84%);
}

[data-theme="comfort"] .ledger-tabs {
  --ledger-tab-accent: var(--comfort-teal, var(--accent-primary, #2f7f89));
  --ledger-tab-active-bg: color-mix(in srgb, var(--comfort-teal, var(--accent-primary, #2f7f89)) 13%, var(--bg-elev) 87%);
}

[data-theme="comfort-dark"] .ledger-tabs {
  --ledger-tab-accent: var(--comfort-dark-teal, var(--accent-primary, #6fc7c2));
  --ledger-tab-active-bg: color-mix(in srgb, var(--comfort-dark-teal, var(--accent-primary, #6fc7c2)) 18%, var(--bg-elev) 82%);
}

[data-theme="pulse"] .ledger-tabs {
  --ledger-tab-accent: var(--pulse-gold-ambient, #d9b85c);
  --ledger-tab-active-bg: color-mix(in srgb, var(--pulse-gold-ambient, #d9b85c) 16%, var(--bg-elev) 84%);
}

[data-theme="cyber-minimalism"] .ledger-tabs {
  --ledger-tab-accent: var(--cyber-cyan);
  --ledger-tab-active-bg: color-mix(in srgb, var(--cyber-cyan) 16%, var(--surface-primary) 84%);
}

[data-theme="dark"] .ledger-tabs {
  --ledger-tab-accent: var(--accent-primary, #7cc7d1);
  --ledger-tab-active-bg: color-mix(in srgb, var(--accent-primary, #7cc7d1) 16%, var(--bg-elev) 84%);
}

.ledger-stats-grid { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }

.ledger-totals-section { margin: 4px 0 10px; }

.ledger-totals-section h3 { margin: 0 0 6px; color: var(--text-soft); font-size: 0.78rem; letter-spacing: 0.03em; text-transform: uppercase; }

.ledger-stat-chip { flex: 1 1 100px; min-width: 100px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 10px; background: color-mix(in srgb, var(--bg-elev) 88%, var(--chip) 12%); }

.ledger-stat-chip span { display: block; color: var(--text-soft); font-size: 0.68rem; letter-spacing: 0.02em; text-transform: uppercase; overflow-wrap: break-word; }

.ledger-stat-chip strong { display: block; margin-top: 3px; font-size: 0.86rem; font-variant-numeric: tabular-nums; overflow-wrap: break-word; }

.ledger-data-area { display: grid; gap: 10px; }

.ledger-graph-panel { margin-top: 12px; padding: 12px; }

.ledger-graph-head { margin-bottom: 8px; }

.ledger-graph-panel .chart-canvas-wrap { height: 270px; }

.ledger-graph-panel .chart-empty { padding: 28px 12px; text-align: center; }

.ledger-graph-breakdown { display: grid; gap: 6px; margin-top: 10px; }

.ledger-graph-breakdown-row { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; background: color-mix(in srgb, var(--bg-elev) 78%, var(--chip) 22%); font-size: 0.82rem; }

.ledger-graph-swatch { width: 10px; height: 10px; border-radius: 2px; }
.ledger-graph-breakdown-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-soft); }
.ledger-graph-breakdown-row strong { font-variant-numeric: tabular-nums; font-size: 0.82rem; }

.ledger-table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 10px; -webkit-overflow-scrolling: touch; }

.ledger-table { width: 100%; min-width: 780px; border-collapse: collapse; font-size: 0.84rem; }

.ledger-table th, .ledger-table td { padding: 10px; border-bottom: 1px solid var(--divider-color); text-align: left; white-space: nowrap; }

.ledger-table th { background: color-mix(in srgb, var(--chip) 72%, var(--bg-elev) 28%); color: var(--text-soft); font-size: 0.75rem; position: sticky; top: 0; z-index: 1; }

.ledger-table td.num, .ledger-table th.num { text-align: right; font-variant-numeric: tabular-nums; }

.ledger-table .ledger-date { position: sticky; left: 0; background: var(--bg-elev); z-index: 1; }

.ledger-table th.ledger-date { z-index: 2; background: color-mix(in srgb, var(--chip) 72%, var(--bg-elev) 28%); }

.ledger-table .credit { color: var(--success); }
.ledger-table .debit { color: var(--danger); }

.ledger-table tr:last-child td { border-bottom: 0; }

.ledger-table .ledger-total-row th,
.ledger-table .ledger-total-row td {
  background: color-mix(in srgb, var(--primary) 10%, var(--bg-elev) 90%);
  border-top: 2px solid var(--primary);
  border-bottom: 0;
  color: var(--text);
  font-weight: 800;
}

.ledger-table .ledger-total-row .debit { color: var(--danger); }

.ledger-table .ledger-total-row .credit { color: var(--success); }

.ledger-stat-chip.debit strong { color: var(--danger); }

.ledger-stat-chip.credit strong { color: var(--success); }

.ledger-mobile-amount.opening-balance { color: var(--primary-strong, var(--primary)); }

.ledger-stat-chip.ending-balance { border-color: var(--primary); box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent); }

.ledger-stat-chip.ending-balance strong { color: var(--primary-strong, var(--primary)); }

.ledger-table .chip-btn { min-height: 36px; padding: 7px 9px; }

.ledger-goal-input { width: 88px; min-height: 36px; padding: 6px; text-align: right; }

.ledger-mobile-rows { display: none; }

.ledger-editor-form { display: grid; gap: 10px; }
.ledger-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

.ledger-editor-card { width: min(100%, 560px); }
.ledger-account-editor-card { width: min(100%, 460px); }
.ledger-account-editor-form { display: grid; gap: 12px; }

#ledgerEditorModal, #ledgerAccountEditorModal { padding: 12px; place-items: center; }

#ledgerEditorModal .ledger-editor-card { max-height: calc(100dvh - 24px); margin: 0; overflow: hidden; grid-template-rows: auto minmax(0, 1fr); }

#ledgerEditorModal .ledger-editor-form { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 2px 2px 8px; }

#ledgerEditorModal .motivation-modal-actions { position: sticky; bottom: 0; z-index: 1; margin: 0 -2px -2px; padding: 10px 2px 4px; background: var(--bg-elev); border-top: 1px solid var(--divider-color); }

.ledger-toggles { flex-wrap: wrap; }
.ledger-toggles label { font-size: 0.85rem; color: var(--text-soft); }

@media (max-width: 640px) {
  .ledger-head { display: grid; }.ledger-head-actions { justify-content: stretch; }.ledger-head-actions button { flex: 1; }.ledger-editor-grid { grid-template-columns: 1fr; } .ledger-tab { font-size: 0.78rem; }
  .ledger-accounts-head { align-items: stretch; flex-direction: column; }
  .ledger-accounts-head .primary-btn { width: 100%; min-height: 44px; }
  .ledger-accounts-list { grid-template-columns: 1fr; }
  .ledger-graph-panel .chart-canvas-wrap { height: 230px; }
  .ledger-table-wrap { display: none; }
  .ledger-mobile-rows { display: grid; gap: 8px; }
  .ledger-mobile-card, .ledger-mobile-goals { border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: color-mix(in srgb, var(--bg-elev) 90%, var(--chip) 10%); }
  .ledger-mobile-summary { width: 100%; min-height: 66px; padding: 10px; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 20px; align-items: center; gap: 8px; border: 0; background: transparent; color: var(--text); text-align: left; font: inherit; cursor: pointer; }
  .ledger-mobile-day { color: var(--primary-strong); font-size: 0.82rem; font-weight: 800; }.ledger-mobile-main { min-width: 0; display: grid; gap: 2px; }.ledger-mobile-main strong { overflow-wrap: break-word; }.ledger-mobile-main small { color: var(--text-soft); font-size: 0.75rem; overflow-wrap: break-word; }.ledger-mobile-amount-wrap { display: grid; gap: 2px; justify-items: end; text-align: right; }.ledger-mobile-amount { text-align: right; font-variant-numeric: tabular-nums; }.ledger-mobile-balance { color: var(--text-soft); font-size: 0.68rem; font-variant-numeric: tabular-nums; white-space: nowrap; }.ledger-mobile-chevron { color: var(--text-soft); font-size: 1.15rem; text-align: center; }
  .ledger-mobile-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px; border-top: 1px solid var(--divider-color); }.ledger-mobile-details div { display: grid; gap: 2px; }.ledger-mobile-details span { color: var(--text-soft); font-size: 0.72rem; }.ledger-mobile-details strong { font-size: 0.84rem; overflow-wrap: anywhere; }.ledger-mobile-details .chip-btn { grid-column: span 2; min-height: 44px; }
  .ledger-mobile-goals { padding: 12px; display: grid; gap: 10px; }.ledger-mobile-goals h3 { font-size: 0.9rem; }.ledger-mobile-goals label { display: grid; grid-template-columns: 1fr 110px; align-items: center; gap: 10px; color: var(--text-soft); font-size: 0.84rem; }.ledger-mobile-goals input { min-height: 42px; text-align: right; }.ledger-mobile-empty { padding: 16px; text-align: center; color: var(--text-soft); }
  #ledgerEditorModal, #ledgerAccountEditorModal { padding: 8px; place-items: end center; }
  #ledgerEditorModal .ledger-editor-card { width: calc(100% - 16px); max-height: calc(100dvh - 16px); margin: 0; padding: 12px; gap: 8px; overflow: hidden; grid-template-rows: auto minmax(0, 1fr); }
  #ledgerEditorModal .ledger-editor-form { padding: 2px 2px calc(8px + env(safe-area-inset-bottom)); gap: 8px; }
  #ledgerEditorModal .motivation-modal-actions { position: sticky; bottom: 0; z-index: 1; margin: 0 -2px -2px; padding: 10px 2px calc(4px + env(safe-area-inset-bottom)); background: var(--bg-elev); border-top: 1px solid var(--divider-color); justify-content: stretch; }
  #ledgerEditorModal .motivation-modal-actions button { flex: 1; min-width: 0; min-height: 44px; }
  #ledgerEditorModal .motivation-modal-head .chip-btn { min-height: 40px; padding: 8px 10px; }}



[data-theme="cozy-pastel"] .home-primary-grid .primary-action-card.ledger-card {
  background:
    radial-gradient(circle at 24% 16%, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0) 36%),
    linear-gradient(146deg, rgba(232, 246, 244, 0.98), rgba(201, 226, 222, 0.94));
}


[data-theme="comfort"] .home-primary-grid .primary-action-card.ledger-card {
  background:
    radial-gradient(circle at 84% 18%, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0) 38%),
    linear-gradient(146deg, #eaf0f2, #d8e4e8);
  border-color: rgba(79, 111, 143, 0.34);
  box-shadow: var(--comfort-shadow-large);
}

/* Comfort flips to light text when the device is in dark mode, so this card needs a dark face. */
@media (prefers-color-scheme: dark) {
  [data-theme="comfort"] .home-primary-grid .primary-action-card.ledger-card {
    background:
      radial-gradient(circle at 84% 18%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 38%),
      linear-gradient(146deg, #3d474d, #333c41);
    border-color: rgba(147, 174, 198, 0.5);
  }
}


[data-theme="comfort-dark"] .home-primary-grid .primary-action-card.ledger-card {
  background:
    radial-gradient(circle at 84% 18%, rgba(156, 187, 201, 0.14), rgba(156, 187, 201, 0) 38%),
    linear-gradient(146deg, #354248, #293237);
  border-color: rgba(142, 177, 194, 0.38);
  box-shadow: var(--comfort-dark-shadow-large);
}


[data-theme="pulse"] .home-primary-grid .primary-action-card.ledger-card {
  background:
    radial-gradient(circle at 84% 18%, rgba(217, 184, 92, 0.16), rgba(217, 184, 92, 0) 40%),
    radial-gradient(circle at 12% 88%, rgba(77, 163, 255, 0.12), rgba(77, 163, 255, 0) 42%),
    linear-gradient(146deg, #1b2540, #151c30);
  border-color: rgba(217, 184, 92, 0.34);
  box-shadow: var(--pulse-shadow-large);
}


[data-theme="pulse"] .ledger-card:hover {
  border-color: rgba(217, 184, 92, 0.75);
  box-shadow: var(--pulse-shadow-large), var(--pulse-top-edge), 0 0 32px rgba(217, 184, 92, 0.26);
}




/* Ledger leans on blue + ambient gold for a premium financial feel. */
[data-theme="pulse"] .ledger-stat-chip,
[data-theme="pulse"] .ledger-graph-breakdown-row {
  border-color: rgba(217, 184, 92, 0.36);
}


[data-theme="pulse"] .ledger-totals-section h3 {
  color: var(--pulse-gold-ambient) !important;
}