/* Asset snapshots: one month is a record, not a chart. */
.asset-trend-tile svg:has(.trend-baseline:only-child){height:14px;margin-top:2px}
.asset-trend-tile svg:has(.trend-baseline:only-child) .trend-baseline{stroke-dasharray:2 5;opacity:.22}
.trend-single-record{display:flex;align-items:center;gap:14px;min-height:76px;margin-top:13px;padding:14px;background:var(--surface-soft,#eff3ed);border-radius:13px;color:var(--ink)}
.trend-single-month{display:grid;place-items:center;min-width:52px;height:48px;border-radius:9px;background:var(--surface-main,#fff);color:var(--accent-main);font:700 18px Manrope,'Noto Sans SC',sans-serif}
.trend-single-record>span:last-child{display:grid;gap:2px;font-size:11px;line-height:1.45}
.trend-single-record b{font:700 14px Manrope,'Noto Sans SC',sans-serif}
.trend-single-record small{font-size:10px;color:var(--muted)}
.asset-year-label{white-space:nowrap;flex-shrink:0}
.asset-trends-head h2{white-space:nowrap}

/* A ledger is a sequence of individual entries, with income and expense easy to scan. */
.monthly-log>.list{display:grid;gap:8px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.monthly-log .ledger-entry{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;width:100%;padding:12px 13px!important;border:1px solid var(--line)!important;border-radius:14px;background:var(--surface-main,#fff);text-align:left;box-shadow:none}
.monthly-log .ledger-entry:hover{border-color:var(--accent-main)!important;background:var(--surface-soft,#f6f3ef)}
.monthly-log .ledger-entry:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px}
.ledger-entry-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f4e5df;color:#a7614d;font:700 18px/1 Manrope,sans-serif}
.ledger-entry.is-income .ledger-entry-icon{background:#e3efe8;color:#417763}
.ledger-entry-copy{display:grid;gap:3px;min-width:0}
.ledger-entry-name{font-size:13px;font-weight:650;line-height:1.4;color:var(--ink)}
.monthly-log .ledger-entry small{font-size:10px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.monthly-log .ledger-entry strong{font:700 14px Manrope,'Noto Sans SC',sans-serif;white-space:nowrap;color:var(--ink)}
.monthly-log .ledger-entry.is-income strong{color:#3d7861}

/* One component, but each theme owns its material, mark and color. */
.compare-feature{--feature-bg:#f8edf0;--feature-ink:#603243;--feature-muted:#876877;--feature-border:#ead9df;--feature-mark:#a7536c;--feature-mark-bg:#fff8fa;background:var(--feature-bg)!important;border:1px solid var(--feature-border)!important;color:var(--feature-ink)!important;box-shadow:none!important;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease}
.compare-feature:hover{transform:translateY(-2px);box-shadow:0 9px 20px #241f2620!important}
.compare-feature:focus-visible{outline:2px solid var(--feature-mark);outline-offset:3px}
.compare-feature-mark{border:1px solid var(--feature-border);background:var(--feature-mark-bg);color:var(--feature-mark);transform:none;border-radius:12px}
.compare-feature-mark span{color:var(--feature-mark)}
.compare-feature small,.compare-feature em{color:var(--feature-muted)}
.compare-feature>b{color:var(--feature-mark)}
[data-theme=sea] .compare-feature{--feature-bg:#e8f4f1;--feature-ink:#234e5d;--feature-muted:#506d75;--feature-border:#c9e3db;--feature-mark:#287e86;--feature-mark-bg:#f7fcfa}
[data-theme=journal] .compare-feature{--feature-bg:#f4f0e6;--feature-ink:#443b32;--feature-muted:#706456;--feature-border:#d8caba;--feature-mark:#8a6d4d;--feature-mark-bg:#fffbf2;border-radius:5px}
[data-theme=journal] .compare-feature-mark{border-radius:3px}
[data-theme=grid] .compare-feature{--feature-bg:#e7ecff;--feature-ink:#21365c;--feature-muted:#4d5e7c;--feature-border:#9daed5;--feature-mark:#2759ba;--feature-mark-bg:#fbfcff;border-radius:3px}
[data-theme=grid] .compare-feature-mark{border-radius:2px}
[data-theme=orbit] .compare-feature{--feature-bg:#f1ebf9;--feature-ink:#4d3c69;--feature-muted:#706281;--feature-border:#d7cae8;--feature-mark:#7952a1;--feature-mark-bg:#fcf9ff;border-radius:25px}
[data-theme=orbit] .compare-feature-mark{border-radius:50%}
[data-theme=glass] .compare-feature{--feature-bg:linear-gradient(135deg,#e9f0ecbd,#f6eeeead);--feature-ink:#29493f;--feature-muted:#4b695f;--feature-border:#ffffffdf;--feature-mark:#3d7968;--feature-mark-bg:#ffffffa8;box-shadow:inset 0 1px #fff,0 10px 26px #415a4b20!important;backdrop-filter:blur(22px)}
[data-theme=glass] .compare-feature:hover{box-shadow:inset 0 1px #fff,0 14px 29px #415a4b30!important}
[data-theme=terracotta] .compare-feature{--feature-bg:#ffebd8;--feature-ink:#30364a;--feature-muted:#626879;--feature-border:#efcfaf;--feature-mark:#c4533b;--feature-mark-bg:#fff8ec;border-radius:19px}
[data-theme=terracotta] .compare-feature-mark{border-radius:13px}

/* Material-specific ledger finishes. */
[data-theme=glass] .monthly-log .ledger-entry{background:#ffffffa8!important;border-color:#ffffffd6!important;box-shadow:inset 0 1px #fff9}
[data-theme=glass] .monthly-log .ledger-entry:hover{background:#ffffffcf!important}
[data-theme=glass] .ledger-entry-icon{background:#f3e2d9;color:#aa654f}
[data-theme=glass] .ledger-entry.is-income .ledger-entry-icon{background:#dcefe9;color:#347361}
[data-theme=terracotta] .monthly-log .ledger-entry{background:#fffdf8!important;border:1px solid #eee3d6!important;border-radius:15px;box-shadow:0 4px 12px #5544330d}
[data-theme=terracotta] .ledger-entry-icon{background:#ffead7;color:#bf583c}
[data-theme=terracotta] .ledger-entry.is-income .ledger-entry-icon{background:#e5efe5;color:#3a765b}
[data-theme=journal] .monthly-log .ledger-entry{border-radius:4px;background:#faf7ef}
[data-theme=grid] .monthly-log .ledger-entry{border-radius:3px;background:#f9fbff}
[data-theme=orbit] .monthly-log .ledger-entry{border-radius:22px;background:#faf7fd}
[data-theme=sea] .monthly-log .ledger-entry{background:#f8fcfb}
@media(max-width:350px){.monthly-log .ledger-entry{grid-template-columns:29px minmax(0,1fr) auto;gap:8px;padding:10px!important}.ledger-entry-icon{width:28px;height:28px}.monthly-log .ledger-entry strong{font-size:12px}.compare-feature{grid-template-columns:48px 1fr auto;gap:11px;padding:14px}.compare-feature-mark{width:46px;height:46px}}