/* Obsidian & copper. Existing page structure and semantic colours are retained. */
html[data-design=obsidian]{color-scheme:dark;--bg:#121113;--surface:#1d1a1d;--surface-2:#242023;--surface-3:#30292b;--text:#f3ebe4;--muted:#b2a39c;--border:#d4ac8824;--accent:#dfab7c;--accent-2:#b98561;--accent-soft:#3b2b24;--success:#99cbb0;--danger:#ee9397;--warning:#e5c185;--nav:#151315;--nav-text:#e6d9cf;--shadow:0 18px 40px #0004;--radius:18px}
html[data-design=obsidian] body{background:radial-gradient(ellipse at 80% -20%,#76452b14,transparent 55%),var(--bg)}
html[data-design=obsidian] .card{background:radial-gradient(ellipse at 100% 0,#b9845b08,transparent 65%),var(--surface);border-color:var(--border);box-shadow:inset 0 1px 0 #ffdec309,0 7px 22px #00000018}
html[data-design=obsidian] .hero-balance{isolation:isolate;background:radial-gradient(ellipse at 0 0,#a6764d2a,transparent 70%),linear-gradient(125deg,#342b28,#1b181b);border:1px solid #dda77750;box-shadow:inset 0 1px 0 #ffe2c425,0 18px 40px #0003;color:var(--text)}
html[data-design=obsidian] .hero-balance:after{z-index:-1;background:transparent;border:1px solid #dca77926;width:280px;height:280px;right:-90px;top:-110px;opacity:1;box-shadow:0 0 0 25px #dca77905,0 0 0 50px #dca77904}
html[data-design=obsidian] .hero-balance:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.2;z-index:-1;background:repeating-linear-gradient(110deg,transparent 0 2px,#ffffff08 2px 3px)}
html[data-design=obsidian] .hero-balance .eyebrow{color:#c5b3a5;letter-spacing:1.3px;font-size:11px}
html[data-design=obsidian] .hero-balance .big-number{font-size:42px;line-height:1.2;font-weight:600;letter-spacing:-1.4px;color:#f4ebe2;margin-top:19px}
html[data-design=obsidian] .primary-btn{color:#251810;background:linear-gradient(120deg,#edcba5,#cc9569);border:1px solid #f6dab955;box-shadow:inset 0 1px 0 #ffffff45,0 5px 16px #0003}
html[data-design=obsidian] .hero-actions button{background:#b38b6b15;color:#efdfd2;border-color:#ddb49430;box-shadow:inset 0 1px 0 #ffffff0a}
html[data-design=obsidian] .hero-actions button:first-child{background:linear-gradient(120deg,#edcba5,#cc9569);color:#251810;border-color:#f6dab955}
html[data-design=obsidian] .topbar{background:#151315e8;border-color:var(--border)}
html[data-design=obsidian] .page-title{font-weight:600;letter-spacing:-.6px}html[data-design=obsidian] .section-head h2{font-weight:600;letter-spacing:-.6px}
html[data-design=obsidian] .sidebar{background:linear-gradient(180deg,#191517,#131214);border-right:1px solid var(--border)}html[data-design=obsidian] .brand{color:#f1e6dd}html[data-design=obsidian] .brand-mark{box-shadow:0 5px 17px #0003;filter:none}
html[data-design=obsidian] .nav-btn{color:#b0a29c;font-weight:500}html[data-design=obsidian] .nav-btn.active{color:var(--accent);background:#dca77911}html[data-design=obsidian] .nav-icon,html[data-design=obsidian] .colored-icons .nav-btn .nav-icon{background:#b9875e0c;color:var(--accent);border:1px solid #dca77912}
html[data-design=obsidian] .avatar{background:linear-gradient(130deg,#5d4436,#2a2325);color:#edc6a6;border:1px solid #dca77930;box-shadow:inset 0 1px 0 #ffffff12}
html[data-design=obsidian] .metric-value{font-weight:600;letter-spacing:-.7px}html[data-design=obsidian] .metric:after{background:#dca7790b;border:1px solid #dca7790b}
html[data-design=obsidian] :is(.account-card,.account-tile,.account-tile-v150){position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#dca7791b,transparent 65%),linear-gradient(115deg,#342b28,#1f1b1d);border:1px solid #dca77935;box-shadow:inset 0 1px 0 #ffe2c425,0 9px 22px #0003}
html[data-design=obsidian] :is(.account-card,.account-tile,.account-tile-v150):after{content:'';position:absolute;right:-45px;top:0;width:180px;height:180px;pointer-events:none;border:1px solid #dca77917;border-radius:50%;box-shadow:0 0 0 21px #dca77904,0 0 0 42px #dca77903;z-index:-1}
html[data-design=obsidian] :is(.account-card,.account-tile,.account-tile-v150):nth-child(2){background:radial-gradient(ellipse at 100% 0,#b7a38014,transparent 65%),linear-gradient(115deg,#302a27,#201c1e)}
html[data-design=obsidian] .bottom-nav{background:#161315f5;border-color:#dca77922;box-shadow:0 -8px 25px #0002}html[data-design=obsidian] .bottom-nav button{color:#b0a29b}html[data-design=obsidian] .bottom-nav button.active{color:var(--accent)}html[data-design=obsidian] .bottom-nav button .bottom-icon{background:#b9875e0e;color:#ae9e94}html[data-design=obsidian] .bottom-nav button.active .bottom-icon{background:#dca7791a;color:var(--accent);box-shadow:inset 0 1px 0 #ffffff10;transform:none}
html[data-design=obsidian] .sheet{background:linear-gradient(145deg,#282124,#1a181b);border-left:1px solid #dca77930;box-shadow:-20px 0 60px #0005}html[data-design=obsidian] .sheet-head,html[data-design=obsidian] .sheet-footer{border-color:var(--border)}
html[data-design=obsidian] :is(.field input,.field select,.field textarea,.select-lite,.toolbar input){background:#171417;color:var(--text);border-color:#dca77930}html[data-design=obsidian] input::placeholder,html[data-design=obsidian] textarea::placeholder{color:#a28f83}
html[data-design=obsidian] .donut{filter:drop-shadow(0 4px 12px #0002)}html[data-design=obsidian] .progress-fill{background:linear-gradient(90deg,#b47b55,#e1b486)}
html[data-design=obsidian] .startup-screen,html[data-design=obsidian] .auth-screen{background:radial-gradient(ellipse at 80% 0,#83513226,transparent 60%),#121113}html[data-design=obsidian] .auth-card{background:linear-gradient(140deg,#302521ed,#1d181bed);border-color:#dca77930}html[data-design=obsidian] .auth-card .field input{background:#151215}
/* Every monetary figure uses lining tabular digits: same baseline and width. */
:is(.big-number,.metric-value,.account-balance,.account-amount,.tx-amount,.legend-amount,.donut-center b,.credit-stat b,.debt-stat b,.budget-line,.confirm-row b,.hero-balance strong){font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1;animation:none!important;transform:none}
body{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1}
@media(max-width:760px){html[data-design=obsidian] .hero-balance .big-number{font-size:36px;letter-spacing:-1.2px}html[data-design=obsidian] .content{padding-top:21px}html[data-design=obsidian] .segmented{flex-wrap:wrap}html[data-design=obsidian] .setting-row{gap:14px}.metric-value,.big-number{overflow-wrap:anywhere}}
@media(max-width:760px){html[data-design=obsidian] .page,html[data-design=obsidian] .section-head>div{min-width:0}html[data-design=obsidian] .section-head{flex-wrap:wrap;align-items:flex-start}html[data-design=obsidian] .section-head>.primary-btn{flex-shrink:0}html[data-design=obsidian] .filters{flex-wrap:wrap!important;overflow:visible;max-width:100%}html[data-design=obsidian] .toolbar{flex-wrap:wrap}html[data-design=obsidian] .toolbar>*{min-width:0;max-width:100%}}
@media(max-width:350px){html[data-design=obsidian] .topbar{gap:7px;padding:0 10px}html[data-design=obsidian] .topbar .page-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}html[data-design=obsidian] .topbar .sync-status{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}html[data-design=obsidian] .topbar>.primary-btn,html[data-design=obsidian] .topbar>.icon-btn{width:34px;min-width:34px;flex-shrink:0}html[data-design=obsidian] .topbar .top-spacer{min-width:0}}
