:root[data-theme="bright"]{--ink:#164e43;--muted:#5e726a;--cream:#fff;--paper:#fff;--line:#dce8e2;--red:#17685c;--red2:#397969;--sage:#558673;--gold:#6eaa94;--soft:#eff7f3;--accent:#167565;--danger:#b42318;--shadow:0 8px 28px #163b3010}
:root[data-theme="dark"]{--ink:#e2eee9;--muted:#acbfb7;--cream:#14221f;--paper:#1d302a;--line:#385048;--red:#82d4bd;--red2:#a1d3bf;--sage:#7fbaa4;--gold:#6fae96;--soft:#263e35;--accent:#83d8c1;--danger:#ff9b91;--shadow:0 8px 28px #0003}
:root[data-theme] body{background:var(--cream);color:var(--ink)}:root[data-theme] .top,:root[data-theme] .bottom-nav{background:var(--paper);border-color:var(--line)}:root[data-theme] .stat,:root[data-theme] .panel,:root[data-theme] dialog,:root[data-theme] .form-card,:root[data-theme] main:not(.app main){background:var(--paper);color:var(--ink);border-color:var(--line)}:root[data-theme] input,:root[data-theme] select,:root[data-theme] textarea,:root[data-theme] .icon-btn{background:var(--paper);color:var(--ink);border-color:var(--line)}:root[data-theme] .field label,:root[data-theme] .monthly-bank-toggle{color:var(--ink)}:root[data-theme] .stat span,:root[data-theme] .form-note,:root[data-theme] .privacy{color:var(--muted)}:root[data-theme] .button.secondary,:root[data-theme] .tag,:root[data-theme] .nav-btn.active,:root[data-theme] .monthly-bank-accounts>div,:root[data-theme] .monthly-carry,:root[data-theme] .connection{background:var(--soft);color:var(--ink);border-color:var(--line)}:root[data-theme] .monthly-bank-accounts strong,:root[data-theme] .monthly-bank>summary strong{color:var(--accent)}:root[data-theme] .monthly-bank-accounts small,:root[data-theme] .monthly-bank-caption,:root[data-theme] .monthly-ledger-toolbar{color:var(--muted)}:root[data-theme] .monthly-ledger-scroll th{background:var(--soft);color:var(--ink)}:root[data-theme] .monthly-ledger-scroll td,:root[data-theme] .monthly-ledger-scroll th,:root[data-theme] .room-row,:root[data-theme] .activity-event{border-color:var(--line)}:root[data-theme] .negative,:root[data-theme] #view-money .negative,:root[data-theme] .stat .negative{color:var(--danger)!important}:root[data-theme="dark"] .nav-btn{color:var(--muted)}:root[data-theme="dark"] a{color:var(--accent)}:root[data-theme="dark"] .live-room-detail>div{background:var(--soft);border-color:var(--line)}:root[data-theme="dark"] .welcome{border-color:var(--line)}:root[data-theme] :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.settings-group{border-top:1px solid var(--line);margin-top:18px;padding-top:2px}.settings-group label{display:block;font-size:12px;margin:10px 0 5px}.settings-group select,.settings-group input{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px}.settings-group [hidden]{display:none!important}#accountSettings{width:min(650px,calc(100% - 28px))}.simulator-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.simulator-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.simulator-label{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--accent);background:var(--soft);padding:5px 8px;border-radius:6px;display:inline-block}#simulatorCards{grid-template-columns:repeat(2,minmax(0,1fr))}#simulatorCards strong{font-variant-numeric:tabular-nums;font-size:20px}#simulatorNote,#appearanceStatus,#homeFinanceSource{font-size:10px;color:var(--muted);line-height:1.5}#rentalSimulator[hidden]{display:none!important}#rentalSimulator{border:1px dashed var(--accent);padding:14px;border-radius:12px;margin-top:20px}#rentalSimulator h3{margin:8px 0}#simulatorCards .stat{box-shadow:none}#simulatorCards small{font-size:10px}@media(max-width:420px){.simulator-grid{grid-template-columns:1fr}#simulatorCards strong{font-size:18px}}

:root[data-theme="dark"] body>main p,:root[data-theme="dark"] body>main small{color:var(--muted)}

/* Keep the original logo backdrop until the opening overlay is removed. */
#misu-opening{background:#fbf8f0!important}
#homeFinanceSource{font-variant-numeric:tabular-nums}#rentalSimulator .simulator-controls{margin-bottom:8px}

/* Four fractional digits stay readable without crowding animated amounts. */
.stat strong .animated-decimals{font-size:.5em!important;display:inline!important;color:inherit!important;line-height:inherit!important}

/* All peso displays use compact six-place fractions. */
.money-value{display:inline!important;font:inherit!important;color:inherit!important}
.money-value .money-decimals{font-size:.5em!important;display:inline!important;color:inherit!important;line-height:inherit!important}

/* Misu's warm palettes: terracotta, gold, and the three-color signature. */
:root[data-theme="terracotta"]{--ink:#613b2d;--muted:#82665b;--cream:#faf7ee;--paper:#fffaf6;--line:#e5cabb;--red:#984c31;--red2:#a75236;--sage:#a77b62;--gold:#e4b28a;--soft:#f5e2d5;--accent:#984c31;--danger:#b42318;--shadow:0 8px 28px #794a3212}
:root[data-theme="gold"]{--ink:#57441c;--muted:#7b6c4d;--cream:#faf7ee;--paper:#fffdf5;--line:#e6d5a5;--red:#806017;--red2:#856318;--sage:#948359;--gold:#e1be65;--soft:#f4e9c6;--accent:#806017;--danger:#b42318;--shadow:0 8px 28px #80601712}
:root[data-theme="misu"]{--ink:#194f41;--muted:#766e60;--cream:#faf7ee;--paper:#fffdf8;--line:#e4dac3;--red:#194f41;--red2:#a86242;--sage:#657747;--gold:#bf9b4f;--soft:#e5eee4;--accent:#216250;--danger:#b42318;--shadow:0 8px 28px #194f4112}
:root[data-theme="terracotta"] .welcome{background:linear-gradient(120deg,#633c2e,#9a5037);border-color:#cd9973}
:root[data-theme="gold"] .welcome{background:linear-gradient(120deg,#51411e,#7b5f24);border-color:#c6a04b}
:root[data-theme="misu"] .welcome{background:linear-gradient(120deg,#123d32,#194f41 65%,#a86242);border-color:#bf9b4f}
:root:is([data-theme="terracotta"],[data-theme="gold"],[data-theme="misu"]) .action i{background:var(--soft);color:var(--red2)}
:root:is([data-theme="terracotta"],[data-theme="gold"],[data-theme="misu"]) .nav-btn{color:var(--muted)}
:root:is([data-theme="terracotta"],[data-theme="gold"],[data-theme="misu"]) .nav-btn.active{color:var(--accent)}
:root:is([data-theme="terracotta"],[data-theme="gold"],[data-theme="misu"]) .monthly-bank>summary strong,:root:is([data-theme="terracotta"],[data-theme="gold"],[data-theme="misu"]) .monthly-bank-accounts strong{color:var(--accent)}
:root[data-theme="misu"] .welcome h2{color:#e2c783}

/* Misu Living carries all three brand colors through the content. */
:root[data-theme="misu"] .section-head h3,:root[data-theme="misu"] .panel-title h3,:root[data-theme="misu"] .money-section>summary,:root[data-theme="misu"] .settings-group h3{color:#9a5035}
:root[data-theme="misu"] .stat:has(> :is(#kpiProfit,#moneyNetProfit,#moneyExpenses,#previous-profit,#previous-expenses)){background:#f3dfd2;border-color:#d7ab91}
:root[data-theme="misu"] .stat:has(> :is(#kpiProfit,#moneyNetProfit,#moneyExpenses,#previous-profit,#previous-expenses))>strong:not(.negative){color:#95472f}
:root[data-theme="misu"] .stat:has(> :is(#kpiProfit,#moneyNetProfit,#moneyExpenses,#previous-profit,#previous-expenses))>small{color:#804a36}
:root[data-theme="misu"] .stat:has(> :is(#kpiProfit,#moneyNetProfit,#moneyExpenses,#previous-profit,#previous-expenses))>span{color:#775b4e}
:root[data-theme="misu"] .stat:has(> :is(#kpiAllocation,#moneyAllocation,#previous-allocations)){background:#f5ebcc;border-color:#d8bd77}
:root[data-theme="misu"] .stat:has(> :is(#kpiAllocation,#moneyAllocation,#previous-allocations))>strong:not(.negative){color:#755718}
:root[data-theme="misu"] .stat:has(> :is(#kpiNetProfit,#moneyDistributable,#previous-distributable)){background:#e5eee4;border-color:#b5cbb7}

/* Deeper solid brand colors; the page canvas remains cream. */
:root[data-theme="terracotta"]{--accent:#7c3828;--red:#7c3828;--red2:#7c3828;--soft:#ead0c1;--gold:#bd8765;--brand-solid:#7c3828}
:root[data-theme="gold"]{--accent:#705115;--red:#705115;--red2:#705115;--soft:#eadbb4;--gold:#bc963b;--brand-solid:#705115}
:root[data-theme="misu"]{--red2:#843e2a;--accent:#174b3c;--soft:#d5e3d4;--gold:#aa812d}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .welcome{background:var(--brand-solid);border-color:var(--gold)}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .stat{background:var(--brand-solid);border-color:var(--brand-solid);color:#fff8e9}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .stat>small,:root:is([data-theme="terracotta"],[data-theme="gold"]) .stat span{color:#f6e6d3}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .stat>strong:not(.negative){color:#fff8e9}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .nav-btn{background:var(--soft);color:var(--accent)}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .nav-btn.active{background:var(--brand-solid);color:#fff8e9}
:root[data-theme="misu"] .section-head h3,:root[data-theme="misu"] .panel-title h3,:root[data-theme="misu"] .money-section>summary,:root[data-theme="misu"] .settings-group h3{color:#843e2a}
:root[data-theme="misu"] .stat:has(> :is(#kpiProfit,#moneyNetProfit,#moneyExpenses,#previous-profit,#previous-expenses)){background:#843e2a;border-color:#843e2a;color:#fff8e9}
:root[data-theme="misu"] .stat:has(> :is(#kpiAllocation,#moneyAllocation,#previous-allocations)){background:#705115;border-color:#705115;color:#fff8e9}
:root[data-theme="misu"] .stat:has(> :is(#kpiNetProfit,#moneyDistributable,#previous-distributable)){background:#174b3c;border-color:#174b3c;color:#fff8e9}
:root[data-theme="misu"] .stat:has(> :is(#kpiProfit,#moneyNetProfit,#moneyExpenses,#previous-profit,#previous-expenses,#kpiAllocation,#moneyAllocation,#previous-allocations,#kpiNetProfit,#moneyDistributable,#previous-distributable))>strong:not(.negative){color:#fff8e9}
:root[data-theme="misu"] .stat:has(> :is(#kpiProfit,#moneyNetProfit,#moneyExpenses,#previous-profit,#previous-expenses,#kpiAllocation,#moneyAllocation,#previous-allocations,#kpiNetProfit,#moneyDistributable,#previous-distributable))>:is(small,span){color:#f6e6d3}
:root[data-theme="misu"] .nav-btn{background:#174b3c;color:#fff8e9}
:root[data-theme="misu"] .nav-btn:nth-child(3n+2){background:#843e2a}
:root[data-theme="misu"] .nav-btn:nth-child(3n){background:#705115}
:root[data-theme="misu"] .nav-btn.active{color:#fff8e9;box-shadow:inset 0 0 0 2px #e1bc66}
:root:is([data-theme="terracotta"],[data-theme="gold"],[data-theme="misu"]) .stat>strong.negative{background:#fff3ed;color:#b42318!important;border-radius:5px;padding:0 4px;width:fit-content;max-width:100%}

:root[data-theme="misu"] .nav-btn.active{background:#174b3c}
:root[data-theme="misu"] .nav-btn:nth-child(3n+2).active{background:#843e2a}
:root[data-theme="misu"] .nav-btn:nth-child(3n).active{background:#705115}

/* Decimal precision changes only display, never financial amounts. */
:root[data-decimals="4"] .stat strong .animated-decimals,:root[data-decimals="4"] .money-value .money-decimals{font-size:.75em!important}
:root[data-decimals="2"] .stat strong .animated-decimals,:root[data-decimals="2"] .money-value .money-decimals{font-size:1em!important}

/* Compact Settings simulator, natively collapsed until opened. */
.settings-disclosure{border:1px dashed var(--accent);padding:10px 12px;border-radius:12px;margin-top:14px}
.settings-disclosure>summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--ink)}
.settings-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
.settings-disclosure .simulator-content,.settings-disclosure-content{padding-top:10px}
#simulatorCards{gap:6px;margin:10px 0}
#simulatorCards .stat{padding:8px;border-radius:10px;min-width:0}
#simulatorCards strong{font-size:16px;margin-top:4px;overflow-wrap:anywhere;line-height:1.2}
#simulatorCards small,#simulatorCards .stat>span{font-size:9px;line-height:1.3}
@media(max-width:420px){#simulatorCards strong{font-size:15px}}

#rentalSimulator,#tenantAccounts{padding:10px 12px;margin-top:14px}

.home-trend{margin:12px 0 20px;padding:13px 14px}.home-trend h3{font-size:14px;margin:0}.home-trend .panel-title{margin-bottom:8px}.trend-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:10px;color:var(--muted)}.trend-legend span{display:inline-flex;gap:5px;align-items:center}.trend-legend i{display:inline-block;width:16px;height:2px}.trend-plot{position:relative;min-height:130px}.trend-plot svg{width:100%;height:auto;display:block;max-height:240px}.trend-plot .empty{position:absolute;inset:30px 0;text-align:center}.trend-grid{stroke:var(--line);stroke-width:.7}.trend-axis{fill:var(--muted);font-size:10px;font-family:inherit}.home-trend .form-note{font-size:10px;margin:5px 0 0;line-height:1.4}#trendReadout{min-height:14px;font-variant-numeric:tabular-nums}.trend-plot [hidden]{display:none!important}

.trend-now{stroke:var(--muted);stroke-width:.7;stroke-dasharray:3 4;opacity:.6}.trend-zero{stroke:var(--muted);stroke-width:.8;opacity:.65}

/* Full logo-color canvases with dark, tonal surfaces. */
:root[data-theme="terracotta"]{--cream:#c26647;--paper:#633526;--soft:#77412f;--line:#a86c52;--ink:#fff8ef;--muted:#f1d7c5;--accent:#ffe0ba;--red:#ffe0ba;--red2:#ffe0ba;--sage:#d6ab8f;--gold:#dfba76;--brand-solid:#633526;--danger:#ffb9b0;--shadow:0 8px 28px #34180e30;--canvas-ink:#160c07;--trend-bg:#48271e;--trend-grid:#ad806b}
:root[data-theme="gold"]{--cream:#c49c4c;--paper:#57421f;--soft:#6b5229;--line:#987d48;--ink:#fff9e9;--muted:#f0dfb8;--accent:#ffe5a7;--red:#ffe5a7;--red2:#ffe5a7;--sage:#c5b386;--gold:#dfbd70;--brand-solid:#57421f;--danger:#ffb9b0;--shadow:0 8px 28px #33240c30;--canvas-ink:#261d0c;--trend-bg:#3e3018;--trend-grid:#9d895d}
:root:is([data-theme="terracotta"],[data-theme="gold"]) :is(.stat,.welcome){background:var(--paper);border-color:var(--line)}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .nav-btn{background:transparent;color:var(--muted)}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .nav-btn.active{background:var(--soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
:root:is([data-theme="terracotta"],[data-theme="gold"]) :is(.live-room-detail>div,.monthly-bank){background:var(--paper);border-color:var(--line)}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .view>:is(.section-head,.page-head),:root:is([data-theme="terracotta"],[data-theme="gold"]) #homeFinanceSource{color:var(--canvas-ink)}
:root:is([data-theme="terracotta"],[data-theme="gold"]) .view>:is(.section-head,.page-head) :is(.button.secondary,.eyebrow,.date-label){color:var(--canvas-ink)}
:root[data-theme="dark"]{--trend-bg:#162720;--trend-grid:#6b8276}
:root[data-theme="bright"]{--trend-bg:#173b32;--trend-grid:#789b8e}
:root[data-theme="misu"]{--trend-bg:#303329;--trend-grid:#8f9375}
:root[data-theme] #homeTrend .trend-plot{background:var(--trend-bg,#162720);color:#fff8ef}
:root[data-theme] #homeTrend .trend-axis{fill:#fff8ef}
:root[data-theme] #homeTrend .trend-grid{stroke:var(--trend-grid,#6b8276)}

/* A quiet architectural detail for the Home welcome card. */
.welcome-houses{position:absolute;right:2px;bottom:-9px;width:260px;height:180px;color:#efd6a1;opacity:.25;pointer-events:none}
.welcome:after{display:none}
.welcome-row>div{max-width:650px}
.welcome h2{max-width:520px;letter-spacing:-.6px}
.welcome .button{box-shadow:0 4px 14px #0002}
@media(max-width:680px){.welcome-houses{right:-29px;bottom:-6px;width:205px;height:155px;opacity:.18}.welcome-row>div{padding-right:30px}.welcome p{max-width:300px}.welcome h2{max-width:270px}}

/* Tonal card gradients preserve each card's theme and status color. */
:root{--card-glow:#ffffff14;--card-shade:#00000012;--welcome-start:#174c3c;--welcome-mid:#1d5543;--welcome-end:#10382e}
:root[data-theme="bright"]{--card-glow:#ffffffb3;--card-shade:#16756509}
:root[data-theme="terracotta"]{--card-glow:#ffdab31a;--card-shade:#30140c1a;--welcome-start:#82472f;--welcome-mid:#633526;--welcome-end:#4f2a20}
:root[data-theme="gold"]{--card-glow:#ffe7a820;--card-shade:#281b0a1a;--welcome-start:#78602d;--welcome-mid:#57421f;--welcome-end:#443319}
:root[data-theme="misu"]{--card-glow:#fff2d51a;--card-shade:#183b2e12;--welcome-start:#164d3b;--welcome-mid:#36543b;--welcome-end:#925039}
:root[data-theme] .stat{background-image:radial-gradient(ellipse at 0% 0%,var(--card-glow),transparent 68%),linear-gradient(135deg,transparent 30%,var(--card-shade));box-shadow:inset 0 1px 0 #ffffff0d,0 4px 14px #0000000a}
:root[data-theme] .welcome{background:radial-gradient(ellipse at 12% 0%,#fff4ce10,transparent 65%),linear-gradient(120deg,var(--welcome-start),var(--welcome-mid) 60%,var(--welcome-end));box-shadow:inset 0 1px 0 #ffffff16,var(--shadow)}

/* Home illustration follows the active palette without changing layout. */
.welcome [data-welcome-art="forest"],.welcome [data-welcome-art="wealth"]{display:none}
:root[data-theme="dark"] .welcome [data-welcome-art="houses"],:root[data-theme="gold"] .welcome [data-welcome-art="houses"]{display:none}
:root[data-theme="dark"] .welcome [data-welcome-art="forest"]{display:block;color:#bce1ba}
:root[data-theme="gold"] .welcome [data-welcome-art="wealth"]{display:block;color:#ffe29b}

/* Distinct, non-interactive themed vignettes sit below card content. */
:root{--card-art-color:#8b5f35;--card-art-opacity:.13}
:root[data-theme="dark"]{--card-art-color:#bce1ba;--card-art-opacity:.17}
:root[data-theme="terracotta"]{--card-art-color:#ffe0ba;--card-art-opacity:.16}
:root[data-theme="gold"]{--card-art-color:#ffe29b;--card-art-opacity:.18}
:root[data-theme="bright"]{--card-art-color:#167565;--card-art-opacity:.10}
:root[data-theme="misu"]{--card-art-color:#bd985a;--card-art-opacity:.18}
.stat.illustrated-card{position:relative;isolation:isolate}
.stat.illustrated-card::before{content:"";position:absolute;right:4px;bottom:4px;width:min(55%,140px);height:105px;max-height:85%;background:var(--card-art-color);-webkit-mask:var(--card-art) center/contain no-repeat;mask:var(--card-art) center/contain no-repeat;opacity:var(--card-art-opacity);z-index:-1;pointer-events:none}
#simulatorCards .stat.illustrated-card::before{width:70px;height:65px;opacity:.10}

.stat.illustrated-card{--card-art:var(--art-living)}
:root[data-theme="dark"] .stat.illustrated-card{--card-art:var(--art-nature)}
:root[data-theme="gold"] .stat.illustrated-card{--card-art:var(--art-success)}
:root[data-theme="misu"] .stat.illustrated-card{--card-art:var(--art-misu)}

/* Follow Device retains the original cream-and-green appearance. */
:root[data-theme="classic"]{--ink:#194f41;--muted:#766e60;--cream:#faf7ee;--paper:#fffdf8;--line:#e4dac3;--red:#194f41;--red2:#a86242;--sage:#657747;--gold:#bf9b4f;--soft:#e5eee4;--accent:#216250;--danger:#b42318;--shadow:0 8px 28px #194f4112;--card-glow:#ffffff99;--card-shade:#194f4108;--trend-bg:#162720;--trend-grid:#789387}

/* A shared architectural weave, clearly visible for each palette. */
:root{--canvas-glow:#bf9b4f2a;--canvas-bloom:#194f4118;--canvas-end:#eee6d51c;--canvas-pattern:#8b7045;--canvas-pattern-opacity:.20}
:root[data-theme="bright"]{--canvas-glow:#8bd5bd30;--canvas-bloom:#e5c78a13;--canvas-end:#edf7f32e;--canvas-pattern:#247967;--canvas-pattern-opacity:.17}
:root[data-theme="dark"]{--canvas-glow:#72b89829;--canvas-bloom:#c5ae6810;--canvas-end:#0b181840;--canvas-pattern:#b4dfc8;--canvas-pattern-opacity:.20}
:root[data-theme="terracotta"]{--canvas-glow:#ffdaac38;--canvas-bloom:#773b301a;--canvas-end:#7c3c2924;--canvas-pattern:#ffe4ca;--canvas-pattern-opacity:.26}
:root[data-theme="gold"]{--canvas-glow:#ffe9ae40;--canvas-bloom:#8263291c;--canvas-end:#70501a24;--canvas-pattern:#fff0c8;--canvas-pattern-opacity:.26}
:root[data-theme="misu"]{--canvas-glow:#c3684928;--canvas-bloom:#39785c26;--canvas-end:#d9b65c14;--canvas-pattern:#967843;--canvas-pattern-opacity:.21}
:root[data-theme] body{position:relative;isolation:isolate;background-color:var(--cream);background-image:radial-gradient(ellipse at 6% 0%,var(--canvas-glow),transparent 52%),radial-gradient(ellipse at 100% 45%,var(--canvas-bloom),transparent 56%),linear-gradient(155deg,transparent 20%,var(--canvas-end));background-repeat:no-repeat;}
:root[data-theme] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--canvas-pattern);opacity:var(--canvas-pattern-opacity);-webkit-mask:url('/misu-canvas-pattern-v2.svg') 0 0/160px 160px repeat;mask:url('/misu-canvas-pattern-v2.svg') 0 0/160px 160px repeat;}
@media(max-width:480px){:root[data-theme] body::before{-webkit-mask-size:140px 140px;mask-size:140px 140px;}}
@media print{:root[data-theme] body{background:#fff}:root[data-theme] body::before{display:none}}

/* Startup artwork always has a fixed cream canvas, independent of themes. */
#authLoading,#signInAnimation,#misu-opening{background:#fbf8f0!important;background-image:none!important}
:root[data-theme] body[data-session="loading"],:root[data-theme] body.signing-in,html[data-resuming] body{background:#fbf8f0!important;background-image:none!important}
:root[data-theme] body[data-session="loading"]::before,:root[data-theme] body.signing-in::before,html[data-resuming] body::before{display:none!important}

/* Forest Green uses fine, quiet lines. */
:root[data-theme="dark"]{--canvas-pattern-opacity:.12}
:root[data-theme="dark"] body::before{-webkit-mask-image:url("/misu-canvas-pattern.svg");mask-image:url("/misu-canvas-pattern.svg")}

/* Compact stock-style shortcuts; the existing chart keeps its full width. */
#homeTrend .trend-quick-ranges{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;gap:3px;margin:2px 0 6px}
#homeTrend .trend-quick-ranges button{font:inherit;font-size:10px;line-height:1;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);min-width:0;min-height:32px;padding:7px 0;white-space:nowrap;letter-spacing:-.2px;cursor:pointer}
#homeTrend .trend-quick-ranges button[aria-pressed="true"]{background:transparent;color:var(--ink);font-weight:750}
#homeTrend .trend-quick-ranges #trendShowAll{margin-left:0}
#homeTrend .trend-toggle{cursor:pointer;background:transparent}
#homeTrend .trend-toggle[aria-pressed="true"]{background:transparent;color:var(--ink);opacity:1}
#homeTrend .trend-toggle[aria-pressed="true"] .trend-label,#homeTrend .trend-toggle[aria-pressed="true"] strong{font-weight:750}
#homeTrend .trend-toggle:focus-visible,#homeTrend .trend-quick-ranges button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#homeTrend .trend-neon{filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 4px currentColor)}
#homeTrend #trendGraph{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
#homeTrend #trendReadout:not([hidden]){display:flex;gap:4px 10px;align-items:center;flex-wrap:wrap;background:var(--trend-bg,#162720);color:#e2e9e5;border-radius:6px;padding:5px 7px;font-size:9px;line-height:1.3;font-variant-numeric:tabular-nums}
#homeTrend #trendReadout span{white-space:nowrap}

#homeTrend #trendReadout:not([hidden]){display:block;padding:4px 5px;font-size:8px;line-height:1.2}
#homeTrend #trendReadout>.trend-readout-values{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:4px;width:100%;margin-top:3px;font-size:9px;letter-spacing:-.15px;overflow-x:auto}
#homeTrend #trendReadout>.trend-readout-values>span{flex-shrink:0;white-space:nowrap}
#notificationChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 12px;margin:10px 0}
#notificationChoices .notification-choice{display:flex;align-items:center;gap:10px;font-size:13px;padding:8px 0;margin:0}
#notificationChoices input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--accent)}

#homeTrend #trendGraph.is-dragging{cursor:grabbing}
/* Full-view accounts can inspect every report; operational controls remain hidden. */
body[data-account-role="viewer"] .admin-only,body[data-account-role="viewer"] [data-admin-section],body[data-transactions="disabled"] .tool-card,body[data-transactions="disabled"] [onclick*="openForm("]{display:none!important}
#permissionChoices{display:grid;gap:10px;margin:14px 0}#permissionChoices label{display:flex;gap:8px;align-items:center}#permissionChoices input{width:18px;height:18px;flex-shrink:0}