
/* FAMILY OS 4.8: five mutually exclusive themes. No legacy background overlay. */
:root{--bg:#121217;--surface:#1c1c23;--surface2:#25252e;--edge:#363640;--fg:#f6f6f7;--muted:#a4a4b1;--accent:#c4a4ff;--accentText:#170f25;color-scheme:dark}
html[data-fo-theme="aura"]{--bg:#0e0c19;--surface:#1c1630;--surface2:#292039;--edge:#493960;--fg:#f7f1ff;--muted:#b9adc9;--accent:#c4a4ff;--accentText:#21122c}
html[data-fo-theme="noir"]{--bg:#0e0d0b;--surface:#191713;--surface2:#242018;--edge:#695334;--fg:#f8f5ef;--muted:#b7aa97;--accent:#e8c47c;--accentText:#201609}
html[data-fo-theme="nexus"]{--bg:#07131c;--surface:#102432;--surface2:#183344;--edge:#29546a;--fg:#effbff;--muted:#9fbec9;--accent:#59d5f4;--accentText:#05232b}
html[data-fo-theme="ios-dark"]{--bg:#000;--surface:#1c1c1e;--surface2:#2c2c2e;--edge:#38383a;--fg:#fff;--muted:#98989d;--accent:#0a84ff;--accentText:#fff}
html[data-fo-theme="ios-light"]{--bg:#f2f2f7;--surface:#fff;--surface2:#f2f2f7;--edge:#d7d7dc;--fg:#16161a;--muted:#66666e;--accent:#007aff;--accentText:#fff;color-scheme:light}
html,body{background:var(--bg)!important;color:var(--fg)!important}
body::before,body::after{display:none!important}
body.ff-custom-bg{background:var(--bg)!important}
main{padding-top:calc(24px + env(safe-area-inset-top))!important}
.top{min-height:48px}.brand,.sectiontitle,.card h3{color:var(--fg)!important}
.sub,.empty,.muted,.fo-note,.small,footer,.fo-person .fo-hint{color:var(--muted)!important}
.hero,.card,.metric,.fo-card,.fo-acc,.fo-person,.persBlock{background:var(--surface)!important;border:1px solid var(--edge)!important;box-shadow:none!important;color:var(--fg)!important}
.hero:before,.hero:after{display:none!important}.hero .balance{color:var(--fg)!important;text-shadow:none!important}
.act,.secondary,.fo-smalllink,.noir-fold summary,.avatar{background:var(--surface2)!important;border:1px solid var(--edge)!important;color:var(--fg)!important;box-shadow:none!important}
.primary,.fo-main-action,.fo-primary{background:var(--accent)!important;color:var(--accentText)!important;border:0!important;box-shadow:none!important}
.pill{background:var(--surface2)!important;color:var(--accent)!important}
.green,.purple,.metric strong,.fo-person .fo-balance{color:var(--accent)!important}
.nav{background:var(--surface)!important;border-top:1px solid var(--edge)!important;box-shadow:none!important}
.nav button{color:var(--muted)!important}.nav button.active{color:var(--accent)!important}
.line,.fo-line{border-color:var(--edge)!important}.fo-line{flex-wrap:wrap;align-items:flex-start!important}.fo-line>div{min-width:0}.fo-line button{white-space:normal;max-width:100%}
.fo-sheet,.sheet,#personalizePanel{background:var(--bg)!important;color:var(--fg)!important;border-color:var(--edge)!important}
.fo-overlay,#personalizeOverlay{background:#000a!important}
input,select,textarea{background:var(--surface2)!important;color:var(--fg)!important;border-color:var(--edge)!important;color-scheme:inherit!important}
#foProfileOpen{width:46px;height:46px;display:grid;place-items:center;padding:2px;overflow:hidden}
#foProfileOpen img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#personalizeOpen{font-size:19px}
.fo-theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.fo-theme-choice{background:var(--surface2);border:1px solid var(--edge);border-radius:13px;padding:13px 8px;color:var(--fg);font-weight:700;text-align:center}
.fo-theme-choice[aria-pressed="true"]{border:2px solid var(--accent);color:var(--accent)}
.fo-theme-choice:last-child{grid-column:span 2}
#foBills48,#foBudgets48{margin-top:12px}#foBills48 .line,#foBudgets48 .line{flex-wrap:wrap}
#plansList .line{flex-wrap:wrap}#plansList .line>div{min-width:0;max-width:100%}
@media(max-width:390px){.fo-line b,.line b{overflow-wrap:anywhere}.fo-sheet{padding:14px!important}.fo-person{padding:12px!important}}
