:root{--radius:20px;--purple:#6C42F6;--purple2:#6940DC;--helion:#DD73B7;--virtuality:#36BCCD}
html[data-theme="light"]{color-scheme:light;--bg:#F8F5FF;--side:#FFFFFF;--surface:#FFFFFF;--surface2:#F5EFFF;--surface3:#E9DDFE;--line:#E6DFF1;--text:#3B1F6B;--muted:#796A90;--green:#138C64;--green2:#177D5A;--coral:#CB5264;--cyan:#208E9B;--yellow:#977312;--pink:#D566AD}
html[data-theme="dark"]{color-scheme:dark;--bg:#0F0B1F;--side:#151025;--surface:#1B152E;--surface2:#251C3B;--surface3:#3B3258;--line:#3B3258;--text:#F5F0FF;--muted:#B6A8CA;--purple:#A985FF;--purple2:#8B5CF6;--green:#65D5A5;--coral:#FF8FA1;--pink:#FCA5C7;--helion:#F08ACB}
body{background:var(--bg)}.sidebar{background:var(--side);border-color:var(--line)}.card,.kpi,.modal,.login-card{background:var(--surface);border-color:var(--line);box-shadow:0 5px 24px #4F268807}.primary{background:#6C42F6!important;color:#FFF!important;border-color:#6C42F6!important;border-radius:24px}.niwwi-mark{background:transparent url('assets/icons/niwwi-mark-192.webp') center/contain no-repeat!important;background-image:-webkit-image-set(url('assets/icons/niwwi-mark-64.webp') 1x,url('assets/icons/niwwi-mark-128.webp') 2x,url('assets/icons/niwwi-mark-192.webp') 3x)!important;background-image:image-set(url('assets/icons/niwwi-mark-64.webp') 1x,url('assets/icons/niwwi-mark-128.webp') 2x,url('assets/icons/niwwi-mark-192.webp') 3x)!important;border-radius:11px;box-shadow:none!important}.brand-name{font-size:23px;letter-spacing:-1px;color:var(--purple);text-transform:lowercase}.nav-item.active{background:var(--surface2);color:var(--purple)}.profile-copy>b{color:var(--text)}.niwwi-avatar{display:block;background-color:#FBF7FF;background-repeat:no-repeat;background-size:235%;background-position:50% 20%;width:46px;height:46px;border-radius:50%;flex:none}.niwwi-avatar[data-avatar="luli"]{background-image:url('assets/icons/niwwi-avatar-luli-480.webp');background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-luli-160.webp') 1x,url('assets/icons/niwwi-avatar-luli-320.webp') 2x,url('assets/icons/niwwi-avatar-luli-480.webp') 3x);background-image:image-set(url('assets/icons/niwwi-avatar-luli-160.webp') 1x,url('assets/icons/niwwi-avatar-luli-320.webp') 2x,url('assets/icons/niwwi-avatar-luli-480.webp') 3x);background-position:52% 20%}.niwwi-avatar[data-avatar="mimi"]{background-image:url('assets/icons/niwwi-avatar-mimi-480.webp');background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-mimi-160.webp') 1x,url('assets/icons/niwwi-avatar-mimi-320.webp') 2x,url('assets/icons/niwwi-avatar-mimi-480.webp') 3x);background-image:image-set(url('assets/icons/niwwi-avatar-mimi-160.webp') 1x,url('assets/icons/niwwi-avatar-mimi-320.webp') 2x,url('assets/icons/niwwi-avatar-mimi-480.webp') 3x);background-position:53% 23%}.niwwi-avatar[data-avatar="pipo"]{background-image:url('assets/icons/niwwi-avatar-pipo-480.webp');background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-pipo-160.webp') 1x,url('assets/icons/niwwi-avatar-pipo-320.webp') 2x,url('assets/icons/niwwi-avatar-pipo-480.webp') 3x);background-image:image-set(url('assets/icons/niwwi-avatar-pipo-160.webp') 1x,url('assets/icons/niwwi-avatar-pipo-320.webp') 2x,url('assets/icons/niwwi-avatar-pipo-480.webp') 3x);background-position:51% 26%}.niwwi-avatar[data-avatar="nori"]{background-image:url('assets/icons/niwwi-avatar-nori-480.webp');background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-nori-160.webp') 1x,url('assets/icons/niwwi-avatar-nori-320.webp') 2x,url('assets/icons/niwwi-avatar-nori-480.webp') 3x);background-image:image-set(url('assets/icons/niwwi-avatar-nori-160.webp') 1x,url('assets/icons/niwwi-avatar-nori-320.webp') 2x,url('assets/icons/niwwi-avatar-nori-480.webp') 3x);background-position:51% 24%}.niwwi-avatar[data-avatar="nuba"]{background-image:url('assets/icons/niwwi-avatar-nuba-480.webp');background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-nuba-160.webp') 1x,url('assets/icons/niwwi-avatar-nuba-320.webp') 2x,url('assets/icons/niwwi-avatar-nuba-480.webp') 3x);background-image:image-set(url('assets/icons/niwwi-avatar-nuba-160.webp') 1x,url('assets/icons/niwwi-avatar-nuba-320.webp') 2x,url('assets/icons/niwwi-avatar-nuba-480.webp') 3x);background-position:51% 22%}
.niwwi-preferences{padding:24px;margin-bottom:18px;display:grid;gap:18px}.niwwi-preferences h2{margin:5px 0}.niwwi-preferences p{font-size:13px;color:var(--muted);margin:3px 0}.niwwi-preferences label{display:grid;gap:8px;font-size:13px}.niwwi-preferences input:not([type="radio"]),.niwwi-preferences select{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);font:inherit}.niwwi-preferences fieldset{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:20px;flex-wrap:wrap}.niwwi-preferences fieldset>label{display:flex;align-items:center}.niwwi-avatar-options{display:flex;flex-wrap:wrap;gap:12px}.niwwi-avatar-options button{display:grid;place-items:center;gap:8px;min-width:88px;padding:12px;border:2px solid transparent;border-radius:18px;background:var(--surface2);cursor:pointer;color:var(--text)}.niwwi-avatar-options button[aria-pressed="true"]{border-color:var(--purple)}.niwwi-avatar-options .niwwi-avatar{width:68px;height:68px}.niwwi-preferences form{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px}.niwwi-preferences form>button{padding:12px}.niwwi-memory-row{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.7}.niwwi-memory-row button{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:8px 14px;cursor:pointer}.niwwi-guide{padding:12px 24px}.niwwi-guide details{padding:20px 0;border-bottom:1px solid var(--line)}.niwwi-guide summary{font-weight:700;cursor:pointer;font-size:15px}.niwwi-guide p{color:var(--muted);font-size:14px;line-height:1.8;max-width:80ch}.niwwi-reference{font-variant-numeric:tabular-nums}.niwwi-reference sup{font-size:.6em;color:var(--muted);margin-left:4px}.niwwi-preview-banner{background:var(--surface2);color:var(--text);padding:10px 16px;font-size:12px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25}.niwwi-preview-banner b{color:var(--purple)}
@media(max-width:760px){.niwwi-preferences{padding:18px}.niwwi-preferences form{grid-template-columns:1fr}.niwwi-avatar-options{gap:7px}.niwwi-avatar-options button{min-width:72px;padding:8px}.niwwi-avatar-options .niwwi-avatar{width:52px;height:52px}.niwwi-guide{padding:8px 18px}.niwwi-preview-banner{font-size:10px}}

/* Contrast overrides for the existing financial components. */
html[data-theme="light"] .eyebrow{color:var(--muted)}
html[data-theme="light"] .brand-mark{color:var(--muted)}
html[data-theme="light"] .login-view{background:var(--surface)}
html[data-theme="light"] .login-story{border-right:1px solid var(--line);background:radial-gradient(circle at 30% 52%,var(--surface),transparent 42%)}
html[data-theme="light"] .story-copy p{color:var(--muted)}
html[data-theme="light"] .mini-proof{color:var(--muted)}
html[data-theme="light"] .glow-two{background:var(--surface)}
html[data-theme="light"] .login-card label{color:var(--text)}
html[data-theme="light"] .input-wrap{background:var(--surface)}
html[data-theme="light"] .input-wrap span{color:var(--muted)}
html[data-theme="light"] .input-wrap button{color:var(--muted)}
#login .input-wrap input{color:var(--text);-webkit-text-fill-color:var(--text);caret-color:var(--text)}
#login .input-wrap input::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}
#login .input-wrap input:-webkit-autofill{color:var(--text);-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--surface) inset}
#login .demo-note[data-cloud-status]:empty{display:none}
html[data-theme="light"] .text-button{color:var(--muted)}
html[data-theme="light"] .primary{color:var(--muted)}
html[data-theme="light"] .demo-note{color:var(--muted)!important}
html[data-theme="light"] .icon-button{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .icon-button:hover{color:var(--text);background:var(--surface)}
html[data-theme="light"] .nav-label{color:var(--muted)}
html[data-theme="light"] .nav-item{color:var(--muted)}
html[data-theme="light"] .nav-item:hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .nav-item.active{background:var(--surface);color:var(--text)}
html[data-theme="light"] .profile:hover{background:var(--surface)}
html[data-theme="light"] .avatar{background:linear-gradient(135deg,var(--surface),var(--surface));border:1px solid var(--line);color:var(--text)}
html[data-theme="light"] .profile-copy small{color:var(--muted)}
html[data-theme="light"] .logout-icon{color:var(--muted)}
html[data-theme="light"] .topbar{background:var(--surface)}
html[data-theme="light"] .period-control>button{color:var(--muted)}
html[data-theme="light"] .period-control #periodLabel{background:var(--surface);color:var(--text)}
html[data-theme="light"] .segmented{background:var(--surface)}
html[data-theme="light"] .segmented button{color:var(--muted)}
html[data-theme="light"] .segmented button.active{background:var(--surface)}
html[data-theme="light"] .secondary,html[data-theme="light"] .action-btn{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .secondary:hover,html[data-theme="light"] .action-btn:hover{border-color:var(--line);background:var(--surface)}
html[data-theme="light"] .action-btn.primary-action{color:var(--muted)}
html[data-theme="light"] .card{background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .kpi-label,html[data-theme="light"] .section-label{color:var(--muted)}
html[data-theme="light"] .kpi-value small{color:var(--muted)}
html[data-theme="light"] .link-btn{color:var(--green)}
html[data-theme="light"] .source-card:hover{border-color:var(--line)}
html[data-theme="light"] .source-logo{background:var(--surface)}
html[data-theme="light"] .source-logo.vw{background:var(--surface)}
html[data-theme="light"] .source-logo.other{background:var(--surface)}
html[data-theme="light"] .mini-stats span{color:var(--muted)}
html[data-theme="light"] .legend{color:var(--muted)}
html[data-theme="light"] .bar-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 53px,var(--surface) 54px)}
html[data-theme="light"] .bar-group label{color:var(--muted)}
html[data-theme="light"] .area-chart .axis-label{color:var(--muted)}
html[data-theme="light"] .balance-callout{background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .list-row{border-bottom:1px solid var(--line)}
html[data-theme="light"] .row-icon{background:var(--surface)}
html[data-theme="light"] .row-main small{color:var(--muted)}
html[data-theme="light"] .status{background:var(--surface)}
html[data-theme="light"] .status.pending{background:var(--surface)}
html[data-theme="light"] .status.paid{background:var(--surface)}
html[data-theme="light"] .status.late{background:var(--surface)}
html[data-theme="light"] .badge{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .progress{background:var(--surface)}
html[data-theme="light"] .stat-lines span{color:var(--muted)}
html[data-theme="light"] .donut:after{background:var(--surface)}
html[data-theme="light"] .donut-legend{color:var(--muted)}
html[data-theme="light"] .ownership{color:var(--muted)}
html[data-theme="light"] .filter{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .calendar-head div{color:var(--muted)}
html[data-theme="light"] .day{border-right:1px solid var(--line);color:var(--muted)}
html[data-theme="light"] .day.today{background:var(--surface)}
html[data-theme="light"] .event{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .event.red{background:var(--surface);color:var(--coral)}
html[data-theme="light"] .event.green{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .event.yellow{background:var(--surface);color:var(--text)}
html[data-theme="light"] .report-card:hover{border-color:var(--line)}
html[data-theme="light"] .modal{background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .modal-close{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .dropzone{border:1px dashed var(--line);background:var(--surface)}
html[data-theme="light"] .dropzone small{color:var(--muted)}
html[data-theme="light"] .toast{background:var(--surface);border:1px solid var(--line);color:var(--text)}
html[data-theme="light"] .brand-mark{background:linear-gradient(135deg,#c49aff,var(--surface));color:var(--text)}
html[data-theme="light"] .primary,html[data-theme="light"] .action-btn.primary-action{color:var(--text)}
html[data-theme="light"] .nav-item.active{background:var(--surface);color:var(--text)}
html[data-theme="light"] .segmented button.active{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .source-logo{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .source-logo.helion-color{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .source-logo.vw{background:var(--surface)}
html[data-theme="light"] .source-logo.other{background:var(--surface)}
html[data-theme="light"] .purple-status{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .balance-callout{background:var(--surface);border-color:var(--line);color:var(--purple)}
html[data-theme="light"] .quick-summary:hover{border-color:var(--line)}
html[data-theme="light"] .quick-summary small{color:var(--muted)}
html[data-theme="light"] .quick-summary p{color:var(--muted)}
html[data-theme="light"] .exchange{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .exchange b{color:var(--text)}
html[data-theme="light"] .sheet-head{color:var(--muted)}
html[data-theme="light"] .sheet-row select,html[data-theme="light"] .sheet-row input,html[data-theme="light"] .duplicate-form select{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .sheet-row select:focus,html[data-theme="light"] .sheet-row input:focus{border-color:var(--line)}
html[data-theme="light"] .money-input span{color:var(--muted)}
html[data-theme="light"] .sheet-add{border:1px dashed var(--line);color:var(--purple)}
html[data-theme="light"] .summary-line.total{color:var(--text)}
html[data-theme="light"] .duplicate-form label{color:var(--muted)}
html[data-theme="light"] .duplicate-options{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .flow-step>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .flow-step small{color:var(--muted)}
html[data-theme="light"] .flow-step+i{background:var(--surface)}
html[data-theme="light"] .model-bars>div{color:var(--muted)}
html[data-theme="light"] .model-bars i{background:var(--surface)}
html[data-theme="light"] .model-bars strong{color:var(--muted)}
html[data-theme="light"] .model-result span{color:var(--muted)}
html[data-theme="light"] .expense-head{color:var(--muted)}
html[data-theme="light"] .expense-row small{color:var(--muted)}
html[data-theme="light"] .source-pill{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .source-pill.personal{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .source-pill.helion{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .source-pill.virtuality{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .source-pill.general{background:var(--surface);color:var(--text)}
html[data-theme="light"] .active-filter{border-color:var(--line);color:var(--purple);background:var(--surface)}
html[data-theme="light"] .calendar-legend{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .event.purple{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .period-control>button:first-child:hover,html[data-theme="light"] .period-control>button:last-child:hover{background:var(--surface);border-color:var(--line);color:var(--purple)}
html[data-theme="light"] .period-control #periodLabel{border-color:var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .period-control #periodLabel small{color:var(--muted)}
html[data-theme="light"] .period-control #periodLabel b{color:var(--text)}
html[data-theme="light"] .period-control #periodLabel>i{color:var(--muted)}
html[data-theme="light"] .period-menu{background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .period-menu-head button{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .month-grid button{color:var(--muted)}
html[data-theme="light"] .month-grid button:hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-grid button.active{background:var(--surface);color:var(--text)}
html[data-theme="light"] .dashboard-switcher{background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .dashboard-switcher button,html[data-theme="light"] .dashboard-mode button{color:var(--muted)}
html[data-theme="light"] .dashboard-switcher button:hover{color:var(--text)}
html[data-theme="light"] .dashboard-switcher button.active{background:var(--surface);color:var(--text)}
html[data-theme="light"] .dashboard-mode{background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .dashboard-mode button.active{background:var(--surface);color:var(--text)}
html[data-theme="light"] .data-cutoff{color:var(--muted)}
html[data-theme="light"] .simple-kpi p{color:var(--muted)}
html[data-theme="light"] .simple-kpi.positive .simple-value{color:var(--text)}
html[data-theme="light"] .simple-kpi.negative .simple-value{color:var(--text)}
html[data-theme="light"] .simple-kpi.purple{border-color:var(--line)}
html[data-theme="light"] .simple-kpi.purple .simple-value{color:var(--text)}
html[data-theme="light"] .simple-section-head p{color:var(--muted)}
html[data-theme="light"] .simple-section-head>span{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .simple-bar-row>span{color:var(--muted)}
html[data-theme="light"] .simple-bar-row>div,html[data-theme="light"] .category-list>div>div{background:var(--surface)}
html[data-theme="light"] .income-total small{color:var(--muted)}
html[data-theme="light"] .source-breakdown>div{border-bottom:1px solid var(--line)}
html[data-theme="light"] .source-breakdown span{color:var(--muted)}
html[data-theme="light"] .source-breakdown small{color:var(--muted)}
html[data-theme="light"] .subtle-button{color:var(--purple)}
html[data-theme="light"] .spending-row{border-bottom:1px solid var(--line)}
html[data-theme="light"] .spend-icon{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .spending-row small{color:var(--muted)}
html[data-theme="light"] .spending-row strong{color:var(--coral)}
html[data-theme="light"] .category-list span{color:var(--muted)}
html[data-theme="light"] .projection-card{border:1px solid var(--line);background:radial-gradient(circle at 12% 50%,var(--surface),transparent 30%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .projection-icon{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .projection-card small{color:var(--muted)}
html[data-theme="light"] .projection-card p{color:var(--muted)}
html[data-theme="light"] .projection-explain b{color:var(--muted)}
html[data-theme="light"] .projection-explain span{color:var(--muted)}
html[data-theme="light"] .dashboard-context{background:linear-gradient(145deg,var(--surface),var(--surface));border:1px solid var(--line)}
html[data-theme="light"] .dashboard-context>div:first-child small{color:var(--muted)}
html[data-theme="light"] .dashboard-context>div:first-child b{color:var(--text)}
html[data-theme="light"] .dashboard-context .dashboard-switcher{background:var(--surface)}
html[data-theme="light"] .projection-explain b{color:var(--text)}
html[data-theme="light"] .source-breakdown>div:hover{background:var(--surface)}
html[data-theme="light"] .dashboard-context{border-color:var(--line);background:radial-gradient(circle at 78% 50%,#ff3fc51a,transparent 30%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .dashboard-context>div:first-child small{color:var(--purple)}
html[data-theme="light"] .dashboard-context>div:first-child b{color:var(--purple)}
html[data-theme="light"] .dashboard-context .dashboard-switcher button.active{background:linear-gradient(135deg,var(--surface),var(--surface));color:var(--text)}
html[data-theme="light"] .dashboard-context .dashboard-switcher button:hover{color:var(--purple)}
html[data-theme="light"] .helion-overview .donut-legend b{color:var(--text)}
html[data-theme="light"] .model-result b{color:var(--purple)}
html[data-theme="light"] .withdrawal-flow .flow-step:last-child>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .head-actions [data-action="withdraw"]{color:var(--text)}
html[data-theme="light"] .helion-overview .donut-legend span,html[data-theme="light"] .helion-overview .donut-legend b{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html[data-theme="light"] .helion-overview .donut-legend span{border-left:1px solid var(--line);color:var(--muted)}
html[data-theme="light"] .helion-overview .donut-legend b{border-right:1px solid var(--line);color:var(--text)}
html[data-theme="light"] .platform-remaining{border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--surface))!important}
html[data-theme="light"] .platform-remaining>span{color:var(--text)!important}
html[data-theme="light"] .platform-remaining small{color:var(--muted)!important}
html[data-theme="light"] .platform-remaining b{color:var(--text)}
html[data-theme="light"] .detail-grid article:nth-child(2) .row-amount b{color:var(--text)}
html[data-theme="light"] .detail-grid article:nth-child(2) .row-amount small{background:var(--surface);color:var(--green)}
html[data-theme="light"] .helion-switcher .dashboard-switcher{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .page-head .head-actions>.exchange{color:var(--muted)}
html[data-theme="light"] .page-head .head-actions>.exchange b{color:var(--text)}
html[data-theme="light"] .model-result{background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .model-result span{color:var(--muted)}
html[data-theme="light"] .model-result b{color:var(--coral)}
html[data-theme="light"] .detail-grid article:nth-child(2) .row-main small{color:var(--muted)}
html[data-theme="light"] .helion-admin>.section-title-row p{color:var(--muted)}
html[data-theme="light"] .admin-view-badge{background:var(--surface);color:var(--text)}
html[data-theme="light"] .admin-kpis small{color:var(--muted)}
html[data-theme="light"] .admin-kpis span{color:var(--muted)}
html[data-theme="light"] .admin-kpis .emphasis{border-color:var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .admin-kpis .emphasis b{color:var(--coral)}
html[data-theme="light"] .admin-kpis .result{border-color:var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .admin-card-head p{color:var(--muted)}
html[data-theme="light"] .admin-card-head>b{color:var(--coral)}
html[data-theme="light"] .admin-card-head>span{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .admin-bars span{color:var(--muted)}
html[data-theme="light"] .admin-bars i{background:var(--surface)}
html[data-theme="light"] .operating-equation small{color:var(--muted)}
html[data-theme="light"] .operating-equation>span{color:var(--muted)}
html[data-theme="light"] .payment-item{border-bottom:1px solid var(--line)}
html[data-theme="light"] .payment-check{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .payment-item>div small{color:var(--muted)}
html[data-theme="light"] .payment-item button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .payment-item.paid .payment-check{background:var(--surface)}
html[data-theme="light"] .payment-item.paid button{border-color:var(--line)}
html[data-theme="light"] .payment-item.soon .payment-check{background:var(--surface)}
html[data-theme="light"] .payment-item.late .payment-check{background:var(--surface)}
html[data-theme="light"] .upcoming-list>div{border-bottom:1px solid var(--line)}
html[data-theme="light"] .upcoming-list time{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .upcoming-list span small{color:var(--muted)}
html[data-theme="light"] .helion-eyebrow{color:var(--purple)}
html[data-theme="light"] .helion-page-head h1{background:linear-gradient(90deg,var(--surface) 0%,#d8bcff 52%,#ff77ca 100%)}
html[data-theme="light"] .generated-highlight{border-color:var(--line)!important;background:radial-gradient(circle at 85% 25%,#36d89922,transparent 38%),linear-gradient(145deg,var(--surface),var(--surface))!important}
html[data-theme="light"] .generated-highlight .kpi-label{color:var(--green)}
html[data-theme="light"] .generated-highlight .kpi-value{color:var(--text)}
html[data-theme="light"] .helion-admin{border:1px solid var(--line);background:radial-gradient(circle at 10% 0,var(--surface),transparent 29%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .helion-admin>.section-title-row{border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--surface),var(--surface) 55%,var(--surface))}
html[data-theme="light"] .helion-admin>.section-title-row h2{color:var(--text)}
html[data-theme="light"] .helion-admin>.section-title-row p{color:var(--muted)!important}
html[data-theme="light"] .helion-admin>.section-title-row:before{background:var(--surface);color:var(--text)}
html[data-theme="light"] .admin-kpis .operating-cost-card{border-color:var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .admin-kpis .operating-cost-card b{color:var(--green)}
html[data-theme="light"] .admin-kpis .operating-cost-card span{color:var(--muted)}
html[data-theme="light"] .admin-kpis .pending-admin-card{border-color:var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .admin-kpis .paid-admin-card{border-color:var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .admin-expenses .admin-card-head>b{color:var(--green)}
html[data-theme="light"] .admin-bars em{color:var(--text)}
html[data-theme="light"] .payment-item>div small{color:var(--muted)}
html[data-theme="light"] .destination-wide .list-row{border:1px solid var(--line)!important;background:var(--surface)}
html[data-theme="light"] .profile-copy small{color:var(--coral)}
html[data-theme="light"] .period-control #periodLabel.period-locked{background:var(--surface);border-color:var(--line)}
html[data-theme="light"] .period-locked .cal-icon{color:var(--muted)}
html[data-theme="light"] .admin-kpis .operating-cost-card{border-color:var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .admin-kpis .operating-cost-card b{color:var(--text)}
html[data-theme="light"] .admin-kpis .operating-cost-card small{color:var(--muted)}
html[data-theme="light"] .admin-kpis .operating-cost-card span{color:var(--muted)}
html[data-theme="light"] .admin-bars>div{background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .admin-bars>div>em{color:var(--text)}
html[data-theme="light"] .payment-item:nth-child(odd){border-right:1px solid var(--line)}
html[data-theme="light"] .destination-wide{border-color:var(--line)!important;background:radial-gradient(circle at 85% 50%,#2ac98716,transparent 28%),linear-gradient(145deg,var(--surface),var(--surface))!important}
html[data-theme="light"] .destination-wide h3{color:var(--text)}
html[data-theme="light"] .destination-wide .list-row{border-color:var(--line)!important;background:var(--surface)!important}
html[data-theme="light"] .destination-wide .row-icon{background:var(--surface);color:var(--text)}
html[data-theme="light"] .destination-wide .row-amount b{color:var(--text)!important}
html[data-theme="light"] .destination-total{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .destination-total small{color:var(--muted)}
html[data-theme="light"] .destination-total b{color:var(--text)}
html[data-theme="light"] .general-switcher .dashboard-switcher{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .available-highlight{border-color:var(--line)!important;background:radial-gradient(circle at 80% 30%,#ff43c42b,transparent 42%),linear-gradient(145deg,var(--surface),var(--surface))!important}
html[data-theme="light"] .available-highlight .kpi-label{color:var(--purple)}
html[data-theme="light"] .available-highlight .simple-value{color:var(--purple)!important}
html[data-theme="light"] .available-highlight p{color:var(--muted)}
html[data-theme="light"] .income-composition{border-color:var(--line)}
html[data-theme="light"] .virtuality-total{border-color:var(--line);background:linear-gradient(135deg,var(--surface),var(--surface))}
html[data-theme="light"] .virtuality-total small{color:var(--muted)}
html[data-theme="light"] .virtuality-kpis .kpi:first-child{border-color:var(--line);background:radial-gradient(circle at 75% 35%,#ff3fbd24,transparent 48%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .virtuality-kpis .kpi:first-child .kpi-label{color:var(--purple)}
html[data-theme="light"] .virtuality-kpis .kpi:first-child .kpi-value{color:var(--coral)}
html[data-theme="light"] .virtuality-income-card .donut-legend span,html[data-theme="light"] .virtuality-income-card .donut-legend b{border-bottom:1px solid var(--line)}
html[data-theme="light"] .virtuality-income-card .donut-legend span{color:var(--muted)}
html[data-theme="light"] .virtuality-income-card .donut-legend b{color:var(--text)}
html[data-theme="light"] .other-income-kpis .kpi:first-child{border-color:var(--line);background:radial-gradient(circle at 80% 30%,#a87cf52b,transparent 45%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .other-income-kpis .kpi:first-child .kpi-value{color:var(--text)}
html[data-theme="light"] .other-income-summary{border-color:var(--line);background:radial-gradient(circle at 14% 40%,var(--surface),transparent 38%),linear-gradient(135deg,var(--surface),var(--surface))}
html[data-theme="light"] .other-income-summary small{color:var(--purple)}
html[data-theme="light"] .other-income-summary strong{color:var(--text)}
html[data-theme="light"] .other-income-summary strong em{color:var(--muted)}
html[data-theme="light"] .other-income-summary p{color:var(--muted)}
html[data-theme="light"] .other-progress>div{color:var(--muted)}
html[data-theme="light"] .other-progress b{color:var(--text)}
html[data-theme="light"] .other-progress>i{background:var(--surface)}
html[data-theme="light"] .other-income-detail .section-title-row>div p{color:var(--muted)}
html[data-theme="light"] .other-income-row{border-bottom:1px solid var(--line)}
html[data-theme="light"] .other-income-icon{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .other-income-row>div small{color:var(--muted)}
html[data-theme="light"] .other-income-row>strong{color:var(--text)}
html[data-theme="light"] .income-account{color:var(--muted)}
html[data-theme="light"] .dashboard-eyebrow i{background:color-mix(in srgb,var(--dashboard-accent) 16%,var(--surface))}
html[data-theme="light"] .dashboard-themed .dashboard-mode button.active,html[data-theme="light"] .dashboard-themed .segmented button.active{background:color-mix(in srgb,var(--dashboard-accent) 44%,var(--surface));color:var(--text)}
html[data-theme="light"] .dashboard-themed .dashboard-context.general-switcher .dashboard-switcher button.active,html[data-theme="light"] .dashboard-themed .dashboard-context.helion-switcher .dashboard-switcher button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--dashboard-accent) 52%,var(--surface)),color-mix(in srgb,var(--dashboard-secondary) 64%,var(--surface)))}
html[data-theme="light"] #page[data-dashboard-theme="virtuality"] .virtuality-total{border-color:color-mix(in srgb,var(--dashboard-accent) 30%,var(--line))}
html[data-theme="light"] #page[data-dashboard-theme="otros"] .other-income-summary{border-color:color-mix(in srgb,var(--dashboard-accent) 36%,var(--line))}
html[data-theme="light"] .settings-tabs{background:var(--surface)}
html[data-theme="light"] .settings-tabs button{color:var(--muted)}
html[data-theme="light"] .settings-tabs button.active{background:var(--surface);color:var(--text)}
html[data-theme="light"] .settings-section-head>div>span{color:var(--purple)}
html[data-theme="light"] .settings-section-head p{color:var(--muted)}
html[data-theme="light"] .company-theme-preview{background:linear-gradient(150deg,color-mix(in srgb,var(--company-accent) 30%,var(--surface)),color-mix(in srgb,var(--company-secondary) 16%,var(--surface)))}
html[data-theme="light"] .company-theme-copy>small{color:var(--muted)}
html[data-theme="light"] .theme-meta span{color:var(--muted)}
html[data-theme="light"] .theme-meta b{color:var(--muted)}
html[data-theme="light"] .settings-note>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .settings-note p{color:var(--muted)}
html[data-theme="light"] .history-filter{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .history-filter button{color:var(--muted)}
html[data-theme="light"] .history-filter button.active{background:var(--surface);color:var(--text)}
html[data-theme="light"] .history-kpi small{color:var(--muted)}
html[data-theme="light"] .history-kpi strong{color:var(--text)}
html[data-theme="light"] .history-kpi.positive strong{color:var(--text)}
html[data-theme="light"] .history-kpi.negative strong{color:var(--muted)}
html[data-theme="light"] .history-kpi.saving strong{color:var(--purple)}
html[data-theme="light"] .history-kpi.best{border-color:var(--line)}
html[data-theme="light"] .history-kpi.best strong{color:var(--text)}
html[data-theme="light"] .history-section-head p{color:var(--muted)}
html[data-theme="light"] .history-legend{color:var(--muted)}
html[data-theme="light"] .history-bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 46px,var(--surface) 47px)}
html[data-theme="light"] .history-bar-group>b{color:var(--muted)}
html[data-theme="light"] .history-table-head{color:var(--muted)}
html[data-theme="light"] .history-month-name>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .history-month-name small{color:var(--muted)}
html[data-theme="light"] .history-month-summary>strong.positive{color:var(--text)}
html[data-theme="light"] .history-month-summary>strong.negative{color:var(--coral)}
html[data-theme="light"] .history-month-summary>strong.saving{color:var(--purple)}
html[data-theme="light"] .history-month-summary>strong.remaining{color:var(--text)}
html[data-theme="light"] .history-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .history-month.expanded{border-color:var(--line)}
html[data-theme="light"] .history-month.expanded .history-toggle{color:var(--text);border-color:var(--line)}
html[data-theme="light"] .history-detail{background:var(--surface)}
html[data-theme="light"] .history-month.expanded .history-detail{border-top:1px solid var(--line)}
html[data-theme="light"] .history-flow,html[data-theme="light"] .history-detail-side{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .history-detail-head small,html[data-theme="light"] .history-detail-side>div>small{color:var(--muted)}
html[data-theme="light"] .history-detail-head>span{color:var(--muted)}
html[data-theme="light"] .flow-lines>div{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .flow-lines b{color:var(--text)}
html[data-theme="light"] .flow-lines .positive b{color:var(--text)}
html[data-theme="light"] .flow-lines .negative b{color:var(--coral)}
html[data-theme="light"] .flow-lines .saving b{color:var(--purple)}
html[data-theme="light"] .flow-lines .result{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .flow-lines .result b{color:var(--text)}
html[data-theme="light"] .history-category span{color:var(--muted)}
html[data-theme="light"] .history-category i{background:var(--surface)}
html[data-theme="light"] .history-month-name{border-bottom:1px solid var(--line)}
html[data-theme="light"] .history-month-summary>strong:before{color:var(--muted)}
html[data-theme="light"] .general-dashboard-page .data-cutoff{color:var(--muted)}
html[data-theme="light"] #page[data-dashboard-theme="virtuality"] .identity-page-head h1,html[data-theme="light"] #page[data-dashboard-theme="otros"] .identity-page-head h1{background:linear-gradient(90deg,var(--dashboard-accent),color-mix(in srgb,var(--dashboard-secondary) 76%,var(--surface)))}
html[data-theme="light"] .mini-distribution{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .mini-distribution>small{color:var(--muted)}
html[data-theme="light"] .mini-distribution span{color:var(--muted)}
html[data-theme="light"] .mini-distribution i{background:var(--surface)}
html[data-theme="light"] .history-detail-card{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .detail-card-title{border-bottom:1px solid var(--line)}
html[data-theme="light"] .detail-card-title small{color:var(--muted)}
html[data-theme="light"] .income-card .detail-card-title>strong{color:var(--text)}
html[data-theme="light"] .expense-card .detail-card-title>strong,html[data-theme="light"] .debt-card .detail-card-title>strong{color:var(--coral)}
html[data-theme="light"] .saving-card .detail-card-title>strong{color:var(--purple)}
html[data-theme="light"] .history-ledger-row{border-bottom:1px solid var(--line)}
html[data-theme="light"] .ledger-icon{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .expense-card .ledger-icon{background:var(--surface);color:var(--coral)}
html[data-theme="light"] .history-ledger-row>div small{color:var(--muted)}
html[data-theme="light"] .history-ledger-row>strong.income{color:var(--text)}
html[data-theme="light"] .history-ledger-row>strong.expense{color:var(--coral)}
html[data-theme="light"] .debt-detail-head{color:var(--muted)}
html[data-theme="light"] .debt-detail-row{border-bottom:1px solid var(--line)}
html[data-theme="light"] .debt-detail-row strong{color:var(--coral)}
html[data-theme="light"] .debt-detail-row span{color:var(--muted)}
html[data-theme="light"] .debt-detail-row small{color:var(--muted)}
html[data-theme="light"] .saving-detail-row{border-bottom:1px solid var(--line)}
html[data-theme="light"] .saving-detail-row>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .saving-detail-row>div small{color:var(--muted)}
html[data-theme="light"] .saving-detail-row>strong{color:var(--purple)}
html[data-theme="light"] .history-period-hub{border:1px solid var(--line);background:radial-gradient(circle at 12% 70%,var(--surface),transparent 36%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .history-period-top{border-bottom:1px solid var(--line)}
html[data-theme="light"] .history-period-nav>button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .history-picker-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .history-picker-button small{color:var(--muted)}
html[data-theme="light"] .history-picker-button>span{color:var(--muted)}
html[data-theme="light"] .history-picker-panel{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .history-picker-title small{color:var(--muted)}
html[data-theme="light"] .history-picker-title>span{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .history-quick-ranges button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .history-period-option{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .history-period-option:hover{background:var(--surface)}
html[data-theme="light"] .history-period-option.active{border-color:var(--line);background:var(--surface)}
html[data-theme="light"] .history-period-option>span{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .history-period-option>div b{color:var(--text)}
html[data-theme="light"] .history-period-option>div small{color:var(--muted)}
html[data-theme="light"] .history-period-option>strong{color:var(--muted)}
html[data-theme="light"] .history-period-option>strong small{color:var(--muted)}
html[data-theme="light"] .history-open-detail{border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--surface));color:var(--text)}
html[data-theme="light"] .history-period-title>small{color:var(--muted)}
html[data-theme="light"] .history-period-title>strong{color:var(--text)}
html[data-theme="light"] .history-period-title>strong em{color:var(--muted)}
html[data-theme="light"] .history-period-title p{color:var(--muted)}
html[data-theme="light"] .history-period-metrics>div{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .history-period-metrics span{color:var(--muted)}
html[data-theme="light"] .history-period-metrics>div:first-child b,html[data-theme="light"] .history-period-metrics>div:nth-child(2) b{color:var(--muted)}
html[data-theme="light"] .history-period-metrics>div:nth-child(3) b{color:var(--purple)}
html[data-theme="light"] .history-period-metrics .remaining{border-color:var(--line)}
html[data-theme="light"] .history-period-metrics .remaining b{color:var(--text)}
html[data-theme="light"] .history-month.selected-period{border-color:var(--line)}
html[data-theme="light"] .history-range-presets{border-right:1px solid var(--line)}
html[data-theme="light"] .history-range-presets>small,html[data-theme="light"] .quick-months>small,html[data-theme="light"] .custom-range-head>div>small{color:var(--muted)}
html[data-theme="light"] .history-range-presets>button{color:var(--muted)}
html[data-theme="light"] .history-range-presets>button:hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .quick-months{border-top:1px solid var(--line)}
html[data-theme="light"] .custom-range-head>div>b{color:var(--muted)}
html[data-theme="light"] .custom-date-values>span{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .custom-date-values small{color:var(--muted)}
html[data-theme="light"] .custom-date-values b{color:var(--text)}
html[data-theme="light"] .custom-date-values>i{color:var(--muted)}
html[data-theme="light"] .range-calendar-nav button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .range-calendar-nav span{color:var(--muted)}
html[data-theme="light"] .dual-calendars>[data-history-calendar]{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .range-calendar-title span{color:var(--muted)}
html[data-theme="light"] .range-weekdays span{color:var(--muted)}
html[data-theme="light"] .range-days button,html[data-theme="light"] .calendar-blank{color:var(--muted)}
html[data-theme="light"] .range-days button:hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .range-days button.in-range{background:var(--surface);color:var(--text)}
html[data-theme="light"] .range-days button.range-start,html[data-theme="light"] .range-days button.range-end{color:var(--text)}
html[data-theme="light"] .range-calendar-legend{color:var(--muted)}
html[data-theme="light"] .range-calendar-legend i{background:var(--surface)}
html[data-theme="light"] .history-range-detail{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .range-detail-heading small{color:var(--muted)}
html[data-theme="light"] .range-detail-heading p{color:var(--muted)}
html[data-theme="light"] .history-range-close{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .range-empty{color:var(--muted)}
html[data-theme="light"] .history-no-data{color:var(--muted)}
html[data-theme="light"] .history-range-presets{border-bottom:1px solid var(--line)}
html[data-theme="light"] .available-usd span{color:var(--text)}
html[data-theme="light"] .finance-bars-card .simple-bar-row{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .finance-bars-card .simple-bar-row>span{color:var(--muted)}
html[data-theme="light"] .finance-bars-card .simple-bar-row>b{color:var(--text)}
html[data-theme="light"] .finance-bars-card .simple-bar-row>div{background:var(--surface)}
html[data-theme="light"] .business-card-labels>small{color:var(--muted)}
html[data-theme="light"] .business-status.active{background:var(--surface);color:var(--text)}
html[data-theme="light"] .business-status.archived{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .business-core-meta span{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .business-visibility span{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .business-visibility span.on{border-color:color-mix(in srgb,var(--company-accent) 36%,var(--line));color:color-mix(in srgb,var(--company-accent) 72%,var(--text));background:color-mix(in srgb,var(--company-accent) 9%,var(--surface))}
html[data-theme="light"] .business-modal-eyebrow{color:var(--purple)}
html[data-theme="light"] .business-form section{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .business-form label{color:var(--muted)}
html[data-theme="light"] .business-form input:not([type="checkbox"]):not([type="radio"]),html[data-theme="light"] .business-form select{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .business-form input:focus,html[data-theme="light"] .business-form select:focus{border-color:var(--line)}
html[data-theme="light"] .identity-fields>label>div>span{color:var(--muted)}
html[data-theme="light"] .business-modal-preview{border:1px solid color-mix(in srgb,var(--preview-main) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--preview-main) 16%,var(--surface)),color-mix(in srgb,var(--preview-second) 10%,var(--surface)))}
html[data-theme="light"] .business-modal-preview span{background:color-mix(in srgb,var(--preview-main) 20%,var(--surface))}
html[data-theme="light"] .business-checks label,html[data-theme="light"] .business-state label{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .business-state p{color:var(--muted)}
html[data-theme="light"] .business-aware-filter{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .business-aware-filter>span{color:var(--muted)}
html[data-theme="light"] .business-aware-filter select{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .report-business-filter{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .report-business-filter>span{color:var(--muted)}
html[data-theme="light"] .event-business{color:var(--muted)}
html[data-theme="light"] .history-filter button.active{background:color-mix(in srgb,var(--history-business-accent,var(--history-purple)) 25%,var(--surface));color:color-mix(in srgb,var(--history-business-accent,var(--history-purple)) 70%,var(--text))}
html[data-theme="light"] .history-period-nav{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .history-period-nav>button{color:var(--muted)}
html[data-theme="light"] .history-period-nav>button:not(:disabled):hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .history-picker-button{background:linear-gradient(135deg,var(--surface),var(--surface));color:var(--text)}
html[data-theme="light"] .history-picker-button:hover{border-color:color-mix(in srgb,var(--history-business-accent,#b78cf4) 42%,var(--line));background:linear-gradient(135deg,var(--surface),var(--surface))}
html[data-theme="light"] .history-picker-button[aria-expanded="true"]{border-color:color-mix(in srgb,var(--history-business-accent,#b78cf4) 58%,var(--line));background:linear-gradient(135deg,var(--surface),var(--surface))}
html[data-theme="light"] .history-picker-icon{background:color-mix(in srgb,var(--history-business-accent,#b78cf4) 16%,var(--surface));color:color-mix(in srgb,var(--history-business-accent,var(--purple)) 78%,var(--text))}
html[data-theme="light"] .history-picker-copy small{color:var(--muted)}
html[data-theme="light"] .history-picker-copy b{color:var(--text)}
html[data-theme="light"] .history-picker-caret{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .history-picker-button[aria-expanded="true"]>.history-picker-caret{background:color-mix(in srgb,var(--history-business-accent,#b78cf4) 22%,var(--surface))}
html[data-theme="light"] :where(.mova-button--primary,html[data-theme="light"] .action-btn.primary-action,html[data-theme="light"] .primary){background:linear-gradient(135deg,color-mix(in srgb,var(--mova-accent) 88%,var(--surface) 12%),color-mix(in srgb,var(--mova-accent) 72%,var(--surface)));color:var(--text)}
html[data-theme="light"] :where(.mova-button--secondary,html[data-theme="light"] .secondary,html[data-theme="light"] .action-btn:not(.primary-action),html[data-theme="light"] .filter){color:var(--muted)}
html[data-theme="light"] :where(.mova-button--secondary,html[data-theme="light"] .secondary,html[data-theme="light"] .action-btn:not(.primary-action),html[data-theme="light"] .filter):hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] :where(.mova-button--ghost,html[data-theme="light"] .subtle-button,html[data-theme="light"] .link-btn,html[data-theme="light"] .text-button){color:color-mix(in srgb,var(--mova-accent) 72%,var(--text))}
html[data-theme="light"] :where(.mova-button--ghost,html[data-theme="light"] .subtle-button,html[data-theme="light"] .link-btn,html[data-theme="light"] .text-button):hover{color:var(--text)}
html[data-theme="light"] :where(.mova-button--danger,html[data-theme="light"] .danger-action){border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] :where(.mova-button--danger,html[data-theme="light"] .danger-action):hover{border-color:var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .icon-button:hover,html[data-theme="light"] .modal-close:hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] :where(.segmented,html[data-theme="light"] .dashboard-switcher,html[data-theme="light"] .dashboard-mode,html[data-theme="light"] .history-filter,html[data-theme="light"] .settings-tabs,html[data-theme="light"] .mova-segmented){background:var(--surface)}
html[data-theme="light"] :where(.segmented,html[data-theme="light"] .dashboard-switcher,html[data-theme="light"] .dashboard-mode,html[data-theme="light"] .history-filter,html[data-theme="light"] .settings-tabs,html[data-theme="light"] .mova-segmented)>button{color:var(--muted)}
html[data-theme="light"] :where(.segmented,html[data-theme="light"] .dashboard-switcher,html[data-theme="light"] .dashboard-mode,html[data-theme="light"] .history-filter,html[data-theme="light"] .settings-tabs,html[data-theme="light"] .mova-segmented)>button:not(.active):hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-segmented>button.active{background:color-mix(in srgb,var(--mova-accent) 36%,var(--surface));color:var(--text)}
html[data-theme="light"] :where(.mova-field,html[data-theme="light"] .sheet-row select,html[data-theme="light"] .sheet-row input,html[data-theme="light"] .duplicate-form select,html[data-theme="light"] .business-form input:not([type="checkbox"]):not([type="radio"]),html[data-theme="light"] .business-form select){color:var(--text)}
html[data-theme="light"] :where(.period-menu,html[data-theme="light"] .history-picker-panel,html[data-theme="light"] .mova-dropdown){background:var(--surface)}
html[data-theme="light"] .history-filter button.active,html[data-theme="light"] .dashboard-themed .dashboard-switcher button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--business-context-accent) 34%,var(--surface)),color-mix(in srgb,var(--business-context-secondary) 24%,var(--surface)));color:color-mix(in srgb,var(--business-context-accent) 64%,var(--text))}
html[data-theme="light"] .dashboard-themed .dashboard-mode button.active,html[data-theme="light"] .dashboard-themed .segmented button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--business-context-accent) 54%,var(--surface)),color-mix(in srgb,var(--business-context-secondary) 38%,var(--surface)));color:var(--text)}
html[data-theme="light"] .dashboard-themed .page-head .action-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--business-context-accent) 76%,var(--surface)),color-mix(in srgb,var(--business-context-secondary) 48%,var(--surface)));color:var(--text)}
html[data-theme="light"] .dashboard-themed :is(.available-highlight,html[data-theme="light"] .generated-highlight){border-color:color-mix(in srgb,var(--business-context-accent) 54%,var(--line))!important}
html[data-theme="light"] #page[data-dashboard-theme="otros"] .other-income-kpis .kpi:first-child,html[data-theme="light"] #page[data-dashboard-theme="otros"] .other-income-summary{border-color:color-mix(in srgb,var(--business-context-accent) 46%,var(--line))}
html[data-theme="light"] #page[data-dashboard-theme="otros"] .other-income-icon{background:color-mix(in srgb,var(--business-context-accent) 13%,var(--surface))}
html[data-theme="light"] .general-dashboard-page .available-highlight{border-color:color-mix(in srgb,var(--business-context-accent) 48%,var(--line))!important;background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--business-context-accent) 13%,transparent),transparent 44%),linear-gradient(145deg,var(--surface),var(--surface))!important}
html[data-theme="light"] .general-dashboard-page .available-highlight .kpi-label{color:var(--text)}
html[data-theme="light"] .general-dashboard-page .simple-kpi.purple{border-color:color-mix(in srgb,var(--business-context-accent) 25%,var(--line))}
html[data-theme="light"] .general-dashboard-page .simple-kpi.purple .simple-value{color:var(--text)}
html[data-theme="light"] .general-dashboard-page .projection-card{border-color:color-mix(in srgb,var(--business-context-accent) 28%,var(--line));background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--business-context-accent) 9%,transparent),transparent 31%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .general-dashboard-page .projection-icon{background:color-mix(in srgb,var(--business-context-accent) 12%,var(--surface))}
html[data-theme="light"] .general-dashboard-page .projection-card small,html[data-theme="light"] .general-dashboard-page .projection-explain b{color:var(--text)}
html[data-theme="light"] .business-context-switcher{background:var(--surface)}
html[data-theme="light"] .business-context-switcher>button{color:var(--muted)}
html[data-theme="light"] .business-context-switcher>button:not(.active):hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .dashboard-themed .dashboard-context .business-context-switcher{background:var(--surface)}
html[data-theme="light"] .dashboard-themed .dashboard-context .business-context-switcher>button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--business-context-accent) 34%,var(--surface)),color-mix(in srgb,var(--business-context-secondary) 24%,var(--surface)));color:color-mix(in srgb,var(--business-context-accent) 64%,var(--text))}
html[data-theme="light"] .dashboard-period-chip{background:var(--surface);color:var(--text)}
html[data-theme="light"] .dashboard-period-chip:hover:not(:disabled){background:var(--surface)}
html[data-theme="light"] .dashboard-period-icon{background:color-mix(in srgb,var(--business-context-accent) 10%,var(--surface))}
html[data-theme="light"] .dashboard-period-chip small{color:var(--muted)}
html[data-theme="light"] .dashboard-period-chip b{color:var(--text)}
html[data-theme="light"] .dashboard-period-chip>i{color:var(--muted)}
html[data-theme="light"] .dashboard-period-menu{background:var(--surface)}
html[data-theme="light"] .dashboard-period-menu-head button{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .dashboard-month-grid button{color:var(--muted)}
html[data-theme="light"] .dashboard-month-grid button:hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .dashboard-month-grid button.active{background:color-mix(in srgb,var(--business-context-accent) 22%,var(--surface));color:color-mix(in srgb,var(--business-context-accent) 62%,var(--text))}
html[data-theme="light"] .withdraw-flow-action{background:linear-gradient(135deg,color-mix(in srgb,var(--business-context-accent) 78%,var(--surface)),color-mix(in srgb,var(--business-context-secondary) 48%,var(--surface)))!important;color:var(--text)!important}
html[data-theme="light"] .general-dashboard-page .general-income-kpi{border-color:var(--line);background:radial-gradient(circle at 82% 24%,#5ee5a21c,transparent 46%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .general-dashboard-page .general-income-kpi .kpi-label{color:var(--green)}
html[data-theme="light"] .general-dashboard-page .general-income-kpi .simple-value{color:var(--text)!important}
html[data-theme="light"] .general-dashboard-page .general-expense-kpi{border-color:var(--line);background:radial-gradient(circle at 82% 24%,#ff7c7318,transparent 46%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .general-dashboard-page .general-expense-kpi .kpi-label{color:var(--muted)}
html[data-theme="light"] .general-dashboard-page .general-expense-kpi .simple-value{color:var(--muted)!important}
html[data-theme="light"] .general-dashboard-page .general-debt-kpi{border-color:var(--line);background:radial-gradient(circle at 82% 24%,#e9c96718,transparent 46%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .general-dashboard-page .general-debt-kpi .simple-value{color:var(--text)!important}
html[data-theme="light"] .general-dashboard-page .general-remaining-kpi{border-color:var(--line);background:radial-gradient(circle at 82% 24%,#5ed7e618,transparent 46%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .general-dashboard-page .general-remaining-kpi .kpi-label{color:var(--muted)}
html[data-theme="light"] .general-dashboard-page .general-remaining-kpi .simple-value{color:var(--text)!important}
html[data-theme="light"] .kpi-secondary-line{border-top:1px solid var(--line);color:var(--muted)}
html[data-theme="light"] .kpi-secondary-line b{color:var(--text)}
html[data-theme="light"] .money-position-card .income-total p{color:var(--muted)}
html[data-theme="light"] .money-location-list>div{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .money-location-list span{color:var(--muted)}
html[data-theme="light"] .future-money-reserve{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .future-money-reserve>div small{color:var(--coral)}
html[data-theme="light"] .future-money-reserve>div strong{color:var(--coral)}
html[data-theme="light"] .future-money-reserve p{color:var(--muted)}
html[data-theme="light"] .future-money-reserve p b{color:var(--text)}
html[data-theme="light"] .future-money-reserve footer{border-top:1px solid var(--line)}
html[data-theme="light"] .future-money-reserve footer span{color:var(--muted)}
html[data-theme="light"] .venuz-billing-settings .analysis-card-head small{color:var(--coral)}
html[data-theme="light"] .venuz-billing-form label>span{color:var(--muted)}
html[data-theme="light"] .venuz-billing-form input{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .venuz-billing-form label>div b{color:var(--muted)}
html[data-theme="light"] .source-dashboard-page .business-primary-kpi{background:radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--business-context-accent) 17%,transparent),transparent 48%),linear-gradient(145deg,var(--surface),var(--surface))!important}
html[data-theme="light"] .source-dashboard-page .business-primary-kpi .kpi-label{color:color-mix(in srgb,var(--business-context-accent) 72%,var(--text))!important}
html[data-theme="light"] .source-dashboard-page .business-primary-kpi .kpi-value{color:var(--text)!important}
html[data-theme="light"] .source-dashboard-page .business-primary-kpi .delta{color:color-mix(in srgb,var(--business-context-accent) 58%,var(--text))!important}
html[data-theme="light"] .source-dashboard-page .cashout-kpi{border-color:var(--line);background:radial-gradient(circle at 82% 22%,#5ee5a218,transparent 48%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .source-dashboard-page .cashout-kpi .kpi-value,html[data-theme="light"] .source-dashboard-page .cashout-kpi .delta{color:var(--text)}
html[data-theme="light"] .source-dashboard-page .source-balance-kpi,html[data-theme="light"] .source-dashboard-page .refund-kpi,html[data-theme="light"] .source-dashboard-page .transaction-count-kpi{border-color:var(--line);background:radial-gradient(circle at 82% 22%,#5ed7e618,transparent 48%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .source-dashboard-page .source-balance-kpi .kpi-value,html[data-theme="light"] .source-dashboard-page .refund-kpi .kpi-value,html[data-theme="light"] .source-dashboard-page .transaction-count-kpi .kpi-value{color:var(--text)}
html[data-theme="light"] .source-dashboard-page .team-kpi{border-color:var(--line);background:radial-gradient(circle at 82% 22%,#ff7c7318,transparent 48%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .source-dashboard-page .team-kpi .kpi-value{color:var(--muted)}
html[data-theme="light"] #page[data-dashboard-theme="helion"] .flow-step{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] #page[data-dashboard-theme="helion"] .platform-remaining{border-color:color-mix(in srgb,var(--business-context-accent) 38%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--business-context-accent) 10%,var(--surface)),var(--surface))!important}
html[data-theme="light"] #page[data-dashboard-theme="virtuality"] .virtuality-total,html[data-theme="light"] #page[data-dashboard-theme="otros"] .other-income-summary{background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--business-context-accent) 12%,transparent),transparent 34%),linear-gradient(135deg,var(--surface),var(--surface))}
html[data-theme="light"] #page[data-dashboard-theme="otros"] .other-income-summary strong{color:var(--text)}
html[data-theme="light"] #page[data-dashboard-theme="otros"] .other-income-summary>div:first-child>small{color:color-mix(in srgb,var(--business-context-accent) 72%,var(--text))}
html[data-theme="light"] #page[data-dashboard-theme="otros"] .other-income-icon{background:color-mix(in srgb,var(--business-context-accent) 12%,var(--surface))}
html[data-theme="light"] .modal-backdrop{background:var(--surface)}
html[data-theme="light"] .modal-close{background:var(--surface)}
html[data-theme="light"] .sidebar .nav-item.active,html[data-theme="light"] .sidebar .nav-item.active:hover{background:linear-gradient(135deg,var(--surface),var(--surface));color:var(--muted)}
html[data-theme="light"] .sidebar .nav-item.active .nav-icon{color:var(--muted)}
html[data-theme="light"] .general-dashboard-page .finance-bars-card .simple-section-head>span{background:color-mix(in srgb,var(--business-context-accent) 10%,var(--surface));color:color-mix(in srgb,var(--business-context-accent) 76%,var(--muted))}
html[data-theme="light"] .general-dashboard-page .subtle-button{color:color-mix(in srgb,var(--business-context-accent) 72%,var(--muted))}
html[data-theme="light"] .history-view .history-period-hub{background:radial-gradient(circle at 12% 70%,color-mix(in srgb,var(--history-business-accent) 10%,transparent),transparent 36%),linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .history-view .history-picker-button{background:linear-gradient(135deg,color-mix(in srgb,var(--history-business-accent) 9%,var(--surface)),var(--surface))}
html[data-theme="light"] .history-view .history-picker-icon{background:color-mix(in srgb,var(--history-business-accent) 14%,var(--surface));color:color-mix(in srgb,var(--history-business-accent) 78%,var(--text))}
html[data-theme="light"] .history-view .history-picker-caret{background:color-mix(in srgb,var(--history-business-accent) 10%,var(--surface));color:color-mix(in srgb,var(--history-business-accent) 68%,var(--muted))}
html[data-theme="light"] .history-view .history-open-detail{background:linear-gradient(135deg,color-mix(in srgb,var(--history-business-accent) 72%,var(--surface)),color-mix(in srgb,var(--business-context-secondary) 48%,var(--surface)));color:var(--muted)}
html[data-theme="light"] .history-view .history-period-title>small,html[data-theme="light"] .history-view .history-picker-title small,html[data-theme="light"] .history-view .history-range-presets>small,html[data-theme="light"] .history-view .quick-months>small,html[data-theme="light"] .history-view .custom-range-head>div>small{color:color-mix(in srgb,var(--history-business-accent) 70%,var(--muted))}
html[data-theme="light"] .history-view .history-period-title>strong{color:color-mix(in srgb,var(--history-business-accent) 82%,var(--text))}
html[data-theme="light"] .history-view .history-period-metrics>div:nth-child(3) b{color:color-mix(in srgb,var(--history-business-accent) 78%,var(--text))}
html[data-theme="light"] .history-view .history-period-metrics .remaining b{color:color-mix(in srgb,var(--history-business-accent) 78%,var(--text))}
html[data-theme="light"] .history-view .history-period-option.active{background:color-mix(in srgb,var(--history-business-accent) 11%,var(--surface))}
html[data-theme="light"] .history-view .history-period-option.active>span,html[data-theme="light"] .history-view .history-period-option.active>strong{color:color-mix(in srgb,var(--history-business-accent) 76%,var(--text))}
html[data-theme="light"] .history-view .range-days button.in-range{background:color-mix(in srgb,var(--history-business-accent) 18%,var(--surface));color:color-mix(in srgb,var(--history-business-accent) 72%,var(--text))}
html[data-theme="light"] .history-view .range-days button.range-start,html[data-theme="light"] .history-view .range-days button.range-end{color:var(--muted)}
html[data-theme="light"] .history-view .history-kpi.saving strong,html[data-theme="light"] .history-view .history-kpi.best strong,html[data-theme="light"] .history-view .history-month-summary>strong.saving,html[data-theme="light"] .history-view .history-month-summary>strong.remaining,html[data-theme="light"] .history-view .flow-lines .saving b,html[data-theme="light"] .history-view .flow-lines .result b,html[data-theme="light"] .history-view .saving-card .detail-card-title>strong,html[data-theme="light"] .history-view .saving-detail-row>strong{color:color-mix(in srgb,var(--history-business-accent) 78%,var(--text))}
html[data-theme="light"] .history-view .history-month-name>span,html[data-theme="light"] .history-view .saving-detail-row>span{background:color-mix(in srgb,var(--history-business-accent) 12%,var(--surface));color:color-mix(in srgb,var(--history-business-accent) 76%,var(--text))}
html[data-theme="light"] .history-view .history-month.expanded .history-toggle{color:color-mix(in srgb,var(--history-business-accent) 72%,var(--text))}
html[data-theme="light"] .history-view :is(.history-detail-head small,html[data-theme="light"] .mini-distribution>small,html[data-theme="light"] .detail-card-title small,html[data-theme="light"] .range-detail-heading small){color:color-mix(in srgb,var(--history-business-accent) 64%,var(--muted))}
html[data-theme="light"] .registry-toolbar{background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .registry-tabs{background:var(--surface)}
html[data-theme="light"] .registry-tabs button{color:var(--muted)}
html[data-theme="light"] .registry-tabs button small{color:var(--muted)}
html[data-theme="light"] .registry-tabs button.active{background:linear-gradient(135deg,var(--surface),var(--surface));color:var(--muted)}
html[data-theme="light"] .registry-tabs button.active small{color:var(--muted)}
html[data-theme="light"] .registry-period{background:var(--surface)}
html[data-theme="light"] .registry-period>span{color:var(--muted)}
html[data-theme="light"] .registry-period select{color:var(--text)}
html[data-theme="light"] .registry-period option{background:var(--surface);color:var(--text)}
html[data-theme="light"] .registry-copy-plan{border-color:var(--line);background:linear-gradient(135deg,var(--surface),var(--surface));color:var(--muted)}
html[data-theme="light"] .registry-copy-plan:hover{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-flow-note{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .registry-flow-note>span{background:var(--surface);color:var(--text)}
html[data-theme="light"] .registry-flow-note p{color:var(--muted)}
html[data-theme="light"] .registry-flow-note.copied{border-color:var(--line);background:var(--surface)}
html[data-theme="light"] .registry-flow-note.copied>span{background:var(--surface)}
html[data-theme="light"] .registry-kpi:after{background:var(--kpi-tone,var(--surface))}
html[data-theme="light"] .registry-kpi small{color:var(--muted)}
html[data-theme="light"] .registry-kpi span{color:var(--muted)}
html[data-theme="light"] .registry-kpi.income{border-color:var(--line)}
html[data-theme="light"] .registry-kpi.income strong{color:var(--text)}
html[data-theme="light"] .registry-kpi.expense,html[data-theme="light"] .registry-kpi.debt{border-color:var(--line)}
html[data-theme="light"] .registry-kpi.expense strong,html[data-theme="light"] .registry-kpi.debt strong{color:var(--coral)}
html[data-theme="light"] .registry-kpi.saving{border-color:var(--line)}
html[data-theme="light"] .registry-kpi.saving strong{color:var(--text)}
html[data-theme="light"] .registry-kpi.remaining{border-color:var(--line)}
html[data-theme="light"] .registry-kpi.remaining strong{color:var(--text)}
html[data-theme="light"] .registry-block-head{background:var(--surface)}
html[data-theme="light"] .registry-block-head>div>span{background:var(--surface)}
html[data-theme="light"] .registry-block.expense .registry-block-head>div>span,html[data-theme="light"] .registry-block.debt .registry-block-head>div>span{background:var(--surface)}
html[data-theme="light"] .registry-block.saving .registry-block-head>div>span{background:var(--surface)}
html[data-theme="light"] .registry-block-head p{color:var(--muted)}
html[data-theme="light"] .registry-row{border-bottom:1px solid var(--line)}
html[data-theme="light"] .registry-row :is(input,html[data-theme="light"] select){border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .registry-row :is(input,html[data-theme="light"] select):focus{border-color:var(--line)}
html[data-theme="light"] .registry-concept small{color:var(--muted)}
html[data-theme="light"] .registry-money>span{color:var(--muted)}
html[data-theme="light"] .registry-state.planned{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-more{color:var(--muted)}
html[data-theme="light"] .registry-source{color:var(--muted)}
html[data-theme="light"] .registry-planned small,html[data-theme="light"] .registry-real>small{color:var(--muted)}
html[data-theme="light"] .registry-variance{color:var(--muted)}
html[data-theme="light"] .registry-variance.over{color:var(--coral)}
html[data-theme="light"] .registry-variance.under{color:var(--text)}
html[data-theme="light"] .registry-status{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-status.registered,html[data-theme="light"] .registry-row.confirmed .registry-status{background:var(--surface);color:var(--text)}
html[data-theme="light"] .registry-status.different{background:var(--surface);color:var(--text)}
html[data-theme="light"] .registry-status.new{background:var(--surface);color:var(--text)}
html[data-theme="light"] .registry-status.skipped{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-row.confirmed{background:linear-gradient(90deg,var(--surface),transparent)}
html[data-theme="light"] .nav-subitems{border-left:1px solid var(--line)}
html[data-theme="light"] .nav-subitem{color:var(--muted)}
html[data-theme="light"] .nav-subitem:hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .nav-subitem>span{background:var(--surface)}
html[data-theme="light"] .nav-subitem.active{background:linear-gradient(90deg,var(--surface),var(--surface));color:var(--text)}
html[data-theme="light"] .nav-subitem.active>span{background:var(--surface)}
html[data-theme="light"] .registry-eyebrow{color:var(--muted)}
html[data-theme="light"] .registry-page-head h1{color:var(--text)}
html[data-theme="light"] .registry-page-head p{color:var(--muted)}
html[data-theme="light"] .registry-current-note{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .registry-current-note>span{color:var(--text)}
html[data-theme="light"] .registry-current-note small{color:var(--muted)}
html[data-theme="light"] .registry-current-note.planning-note{border-color:var(--line);background:linear-gradient(90deg,var(--surface),var(--surface))}
html[data-theme="light"] .registry-current-note.planning-note>span{background:var(--surface)}
html[data-theme="light"] .unified-summary .registry-kpi.remaining{background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .registry-ai-icon{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface));color:var(--text)}
html[data-theme="light"] .registry-ai-copy small,html[data-theme="light"] .registry-ai-drop>span,html[data-theme="light"] .registry-ai-description>span{color:var(--muted)}
html[data-theme="light"] .registry-ai-copy p{color:var(--muted)}
html[data-theme="light"] .registry-ai-drop em{border:1px dashed var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-ai-drop:hover em{border-color:var(--line);background:var(--surface)}
html[data-theme="light"] .registry-ai-photo-count{color:var(--text)}
html[data-theme="light"] .registry-ai-photo-name{color:var(--muted)}
html[data-theme="light"] .registry-ai-description textarea{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .registry-ai-description textarea:focus{border-color:var(--line)}
html[data-theme="light"] .registry-ai-action{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-ai-action:hover{background:var(--surface)}
html[data-theme="light"] .quick-register-head{border-bottom:1px solid var(--line)}
html[data-theme="light"] .quick-register-icon{background:var(--surface);color:var(--text)}
html[data-theme="light"] .quick-register-head p,html[data-theme="light"] .unified-list-head p{color:var(--muted)}
html[data-theme="light"] .registry-month-badge{border:1px solid var(--line);color:var(--muted);background:var(--surface)}
html[data-theme="light"] .quick-register-form label>span{color:var(--muted)}
html[data-theme="light"] .quick-register-form :is(input,html[data-theme="light"] select){border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .quick-register-form :is(input,html[data-theme="light"] select):focus{border-color:var(--line)}
html[data-theme="light"] .quick-money>i{color:var(--muted)}
html[data-theme="light"] .registry-save{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-save:hover{background:var(--surface)}
html[data-theme="light"] .registry-impact-preview{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .registry-impact-preview>span{color:var(--muted)}
html[data-theme="light"] .registry-impact-preview>b{color:var(--text)}
html[data-theme="light"] .registry-impact-preview>small{color:var(--muted)}
/* Keep the automatic-income explanation readable before any capture attempt. */
html[data-theme] #page .registry-impact-preview:has([data-registry-impact-label]){grid-template-columns:1fr;gap:8px;padding:16px;align-items:start}
html[data-theme] #page .registry-impact-preview>[data-registry-impact-label]{font-size:12px;line-height:1.5;color:var(--muted)}
html[data-theme] #page .registry-impact-preview>[data-registry-impact-title]{font-size:16px;line-height:1.5;color:var(--text)}
html[data-theme] #page .registry-impact-preview>[data-registry-impact-copy]{font-size:14px;line-height:1.6;text-align:left;color:var(--muted)}
html[data-theme="light"] .unified-list-head{border-bottom:1px solid var(--line)}
html[data-theme="light"] .registry-list-legend .income{color:var(--text)}
html[data-theme="light"] .registry-list-legend .expense{color:var(--coral)}
html[data-theme="light"] .registry-list-legend .debt{color:var(--text)}
html[data-theme="light"] .unified-register-rows::-webkit-scrollbar-track{background:var(--surface)}
html[data-theme="light"] .unified-register-rows::-webkit-scrollbar-thumb{background:var(--surface)}
html[data-theme="light"] .unified-register-row{border-bottom:1px solid var(--line)}
html[data-theme="light"] .entry-type-icon{background:var(--surface);color:var(--text)}
html[data-theme="light"] .unified-register-row.expense .entry-type-icon{background:var(--surface);color:var(--coral)}
html[data-theme="light"] .unified-register-row.debt .entry-type-icon{background:var(--surface);color:var(--text)}
html[data-theme="light"] .entry-main small,html[data-theme="light"] .entry-account,html[data-theme="light"] .entry-impact,html[data-theme="light"] .entry-date,html[data-theme="light"] .entry-proof{color:var(--muted)}
html[data-theme="light"] .entry-proof.has-photo{color:var(--muted)}
html[data-theme="light"] .unified-register-row>strong.positive{color:var(--text)}
html[data-theme="light"] .unified-register-row>strong.negative{color:var(--coral)}
html[data-theme="light"] .registry-ledger-head{border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-ledger-row:hover{background:var(--surface)}
html[data-theme="light"] .registry-row-actions button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-row-actions button:hover{border-color:var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .registry-row-actions button[data-registry-delete]:hover{border-color:var(--line);background:var(--surface);color:var(--coral)}
html[data-theme="light"] .login-button.primary{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .login-button.primary:hover{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-visualizer-head>div:first-child p{color:var(--muted)}
html[data-theme="light"] .registry-visual-toolbar{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .registry-visual-tabs button{color:var(--muted)}
html[data-theme="light"] .registry-visual-tabs button.active{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-visual-legend .income{color:var(--text)}
html[data-theme="light"] .registry-visual-legend .expense{color:var(--coral)}
html[data-theme="light"] .registry-visual-legend .debt{color:var(--text)}
html[data-theme="light"] .registry-business-panel{border-color:color-mix(in srgb,var(--panel-accent) 28%,var(--line))}
html[data-theme="light"] .registry-business-head{border-bottom:1px solid var(--line);background:linear-gradient(110deg,color-mix(in srgb,var(--panel-accent) 10%,var(--surface)),var(--surface) 62%)}
html[data-theme="light"] .registry-business-mark{border:1px solid color-mix(in srgb,var(--panel-accent) 50%,var(--line));background:color-mix(in srgb,var(--panel-accent) 14%,var(--surface))}
html[data-theme="light"] .registry-business-head p{color:var(--muted)}
html[data-theme="light"] .registry-visual-entry{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .registry-visual-entry-top>span{color:var(--text)}
html[data-theme="light"] .registry-visual-entry.expense .registry-visual-entry-top>span{color:var(--coral)}
html[data-theme="light"] .registry-visual-entry.debt .registry-visual-entry-top>span{color:var(--text)}
html[data-theme="light"] .registry-visual-entry>p{color:var(--muted)}
html[data-theme="light"] .registry-visual-meta span{border:1px solid var(--line);color:var(--muted);background:var(--surface)}
html[data-theme="light"] .registry-visual-actions{border-top:1px solid var(--line)}
html[data-theme="light"] .registry-visual-actions button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .registry-visual-actions button:hover{border-color:var(--line);color:var(--text)}
html[data-theme="light"] .registry-visual-actions button.danger:hover{border-color:var(--line);background:var(--surface);color:var(--coral)}
html[data-theme="light"] .registry-empty-business{border:1px dashed var(--line);color:var(--muted)}
html[data-theme="light"] .sidebar-global-refresh,html[data-theme="light"] .sidebar-notification-bell{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .sidebar-notification-bell b{color:var(--muted)}
html[data-theme="light"] .sidebar-global-refresh:hover:not(:disabled),html[data-theme="light"] .sidebar-notification-bell:hover{border-color:var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .sidebar-refresh-status{color:var(--muted)}
html[data-theme="light"] .sidebar-refresh-status:before{background:var(--surface)}
html[data-theme="light"] .sidebar-refresh-status[data-state="loading"]{color:var(--text)}
html[data-theme="light"] .sidebar-refresh-status[data-state="success"]{color:var(--green)}
html[data-theme="light"] .sidebar-refresh-status[data-state="partial"]{color:var(--muted)}
html[data-theme="light"] .sidebar-refresh-status[data-state="error"]{color:var(--coral)}
html[data-theme="light"] .cloud-sync-status{color:var(--muted)}
html[data-theme="light"] .cloud-sync-status[data-state="saved"],html[data-theme="light"] .cloud-sync-status[data-state="resolved"]{color:var(--green)}
html[data-theme="light"] .cloud-sync-status[data-state="pending"]{color:var(--text)}
html[data-theme="light"] .cloud-sync-status[data-state="offline"]{color:var(--muted)}
html[data-theme="light"] .cloud-sync-status[data-state="temporary-error"]{color:var(--coral)}
html[data-theme="light"] .cloud-sync-status[data-state="error"],html[data-theme="light"] .cloud-sync-status[data-state="pending-error"],html[data-theme="light"] .cloud-sync-status[data-state="conflict"],html[data-theme="light"] .cloud-sync-status[data-state="setup"]{color:var(--coral)}
html[data-theme="light"] .cloud-sync-status[data-state="loading"],html[data-theme="light"] .cloud-sync-status[data-state="saving"]{color:var(--muted)}
html[data-theme="light"] .sidebar-refresh-status .sync-source.sync-source[data-state="manual"] i{background:var(--surface)}
html[data-theme="light"] .sidebar-refresh-status .sync-source.sync-source[data-state="disconnected"] i{background:var(--surface)}
html[data-theme="light"] .sidebar-period{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .nav-label{border-left: 2px solid var(--line);color: var(--muted)}
html[data-theme="light"] .movement-search small{color: var(--muted)}
html[data-theme="light"] .movement-date-range{border: 1px solid var(--line);background: linear-gradient(90deg, #b78cf40b, var(--surface))}
html[data-theme="light"] .movement-date-range > span{color: var(--muted)}
html[data-theme="light"] .movement-date-range label > span{color: var(--muted)}
html[data-theme="light"] .movement-date-range input{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .account-brand-logo{background: var(--surface)}
html[data-theme="light"] .account-brand-logo.fallback{background: var(--surface)}
html[data-theme="light"] .account-brand-logo.is-nu{background: var(--surface)}
html[data-theme="light"] .account-brand-logo.is-binance{background: var(--surface)}
html[data-theme="light"] .account-brand-logo.is-paxum{background: var(--surface)}
html[data-theme="light"] .account-brand-logo.is-uala{background: var(--surface)}
html[data-theme="light"] .account-brand-logo.is-plata{background: var(--surface)}
html[data-theme="light"] .account-identity h2{color: var(--text)}
html[data-theme="light"] .account-identity span{color: var(--muted)}
html[data-theme="light"] .debt-summary-grid .progress-global,html[data-theme="light"] .debt-summary-grid .progress-period{border-color: var(--line)}
html[data-theme="light"] .debt-summary-grid .progress-period{border-color: var(--line)}
html[data-theme="light"] .debt-summary-grid article > i{background: var(--surface)}
html[data-theme="light"] .smart-calendar .event{border-color: color-mix(in srgb, var(--event-type) 25%, var(--line));background: color-mix(in srgb, var(--event-type) 10%, var(--surface))}
html[data-theme="light"] .smart-calendar .event em{background: color-mix(in srgb, var(--event-business) 14%, var(--surface))}
html[data-theme="light"] .element-quick-actions button:hover{border-color: var(--line)}
html[data-theme="light"] .element-quick-actions span{color: var(--muted)}
html[data-theme="light"] .element-quick-actions b{color: var(--text)}
html[data-theme="light"] .element-quick-actions small{color: var(--muted)}
html[data-theme="light"] .catalog-card-head small{color: var(--muted)}
html[data-theme="light"] .catalog-card-head p{color: var(--muted)}
html[data-theme="light"] .catalog-tags span{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .nav-parent > i{color: var(--muted)}
html[data-theme="light"] .nav-submenu.open .nav-parent > i{color: var(--text)}
html[data-theme="light"] .nav-subitems{border-left: 1px solid var(--line)}
html[data-theme="light"] .nav-subitem{color: var(--muted)}
html[data-theme="light"] .nav-subitem:hover{border-color: var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .nav-subitem > span{background: var(--surface)}
html[data-theme="light"] .nav-subitem.active{border-color: var(--line);background: linear-gradient(90deg, var(--surface), var(--surface));color: var(--text)}
html[data-theme="light"] .nav-subitem.active > span{background: var(--surface)}
html[data-theme="light"] .config-submenu .nav-subitem.active{background: linear-gradient(90deg, #b78cf417, var(--surface))}
html[data-theme="light"] .helion-donut .donut-share{background: var(--surface);color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-current-note{border: 1px solid var(--line);background: linear-gradient(100deg, var(--surface), var(--surface))}
html[data-theme="light"] .upgraded-registry .registry-current-note > span{background: var(--surface);color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-kpi small,html[data-theme="light"] .registry-visualizer .registry-kpi small{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-kpi strong,html[data-theme="light"] .registry-visualizer .registry-kpi strong{color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-kpi > span,html[data-theme="light"] .registry-visualizer .registry-kpi > span{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-kpi.income,html[data-theme="light"] .registry-visualizer .registry-kpi.income{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface) 68%)}
html[data-theme="light"] .upgraded-registry .registry-kpi.expense,html[data-theme="light"] .registry-visualizer .registry-kpi.expense{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface) 70%)}
html[data-theme="light"] .upgraded-registry .registry-kpi.remaining,html[data-theme="light"] .registry-visualizer .registry-kpi.remaining{border-color: var(--line);color: var(--text);background: linear-gradient(145deg, var(--surface), var(--surface) 72%)}
html[data-theme="light"] .planned-opening-edit > span{color: var(--muted)}
html[data-theme="light"] .planned-opening-edit > span i{background: var(--surface);color: var(--text)}
html[data-theme="light"] .planned-opening-field{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .planned-opening-field b{color: var(--muted)}
html[data-theme="light"] .planned-opening-field input{color: var(--text)}
html[data-theme="light"] .planned-opening-field em{color: var(--muted)}
html[data-theme="light"] .planned-opening-field:focus-within{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .planned-opening-edit > small{color: var(--muted) !important}
html[data-theme="light"] .upgraded-registry .registry-ai-capture{border-color: var(--line);background: linear-gradient(120deg, var(--surface), var(--surface) 70%)}
html[data-theme="light"] .upgraded-registry .registry-ai-icon{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface));color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-ai-copy small,html[data-theme="light"] .upgraded-registry .registry-ai-drop > span,html[data-theme="light"] .upgraded-registry .registry-ai-description > span{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-ai-copy p{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-ai-drop em,html[data-theme="light"] .upgraded-registry .registry-ai-description textarea{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-ai-drop:hover em{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .upgraded-registry .registry-ai-description textarea:focus{border-color: var(--line)}
html[data-theme="light"] .upgraded-registry .registry-ai-action,html[data-theme="light"] .upgraded-registry .registry-save{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-ai-action:hover,html[data-theme="light"] .upgraded-registry .registry-save:hover{background: var(--surface)}
html[data-theme="light"] .upgraded-registry .quick-register-head{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .upgraded-registry .quick-register-icon{background: var(--surface);color: var(--text)}
html[data-theme="light"] .upgraded-registry .quick-register-head p{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-month-badge{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .upgraded-registry .finance-register-grid label > span,html[data-theme="light"] .upgraded-registry .registry-conversion-preview > span,html[data-theme="light"] .upgraded-registry .registry-impact-preview > span{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .finance-register-grid input,html[data-theme="light"] .upgraded-registry .finance-register-grid select{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .upgraded-registry .finance-register-grid input:focus,html[data-theme="light"] .upgraded-registry .finance-register-grid select:focus{border-color: var(--line)}
html[data-theme="light"] .upgraded-registry .finance-register-grid input:disabled{color: var(--muted);background: var(--surface)}
html[data-theme="light"] .upgraded-registry .quick-money > i{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-conversion-preview{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .upgraded-registry .registry-conversion-preview b{color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-conversion-preview small{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-impact-preview{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .upgraded-registry .registry-impact-preview small{color: var(--muted)}
html[data-theme="light"] .registry-visualizer .registry-visual-toolbar{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-visualizer .registry-visual-tabs button{color: var(--muted)}
html[data-theme="light"] .registry-visualizer .registry-visual-tabs button:hover{background: var(--surface);color: var(--text)}
html[data-theme="light"] .registry-visualizer .registry-visual-tabs button.active{border-color: var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-business-panel{border-color: color-mix(in srgb, var(--panel-accent) 30%, var(--line))}
html[data-theme="light"] .registry-business-head{border-bottom: 1px solid var(--line);background: linear-gradient(110deg, color-mix(in srgb, var(--panel-accent) 11%, var(--surface)), var(--surface) 65%)}
html[data-theme="light"] .registry-business-mark{border: 1px solid color-mix(in srgb, var(--panel-accent) 50%, var(--line));background: color-mix(in srgb, var(--panel-accent) 14%, var(--surface))}
html[data-theme="light"] .registry-business-head p{color: var(--muted)}
html[data-theme="light"] .registry-visual-entry{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-visual-entry > p{color: var(--muted)}
html[data-theme="light"] .registry-visual-meta span{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-native-amount{background: var(--surface)}
html[data-theme="light"] .registry-native-amount span{color: var(--muted)}
html[data-theme="light"] .registry-visual-actions{border-top: 1px solid var(--line)}
html[data-theme="light"] .registry-visual-actions button{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-visual-actions button:hover{border-color: var(--line);color: var(--text)}
html[data-theme="light"] .registry-visual-actions .danger:hover{border-color: var(--line);background: var(--surface);color: var(--coral)}
html[data-theme="light"] .registry-empty-business{border: 1px dashed var(--line);color: var(--muted)}
html[data-theme="light"] .registry-business-compare span{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .registry-business-compare b{color: var(--text)}
html[data-theme="light"] .registry-type-group{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-type-summary{color: var(--text)}
html[data-theme="light"] .registry-type-summary:hover{background: color-mix(in srgb, var(--type-color) 6%, var(--surface))}
html[data-theme="light"] .registry-type-icon{background: color-mix(in srgb, var(--type-color) 12%, var(--surface))}
html[data-theme="light"] .registry-type-summary > div:nth-child(2) b{color: var(--muted)}
html[data-theme="light"] .registry-type-summary > strong{color: var(--text)}
html[data-theme="light"] .registry-type-summary > i{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-type-categories span{color: var(--muted)}
html[data-theme="light"] .registry-type-categories b{color: var(--muted)}
html[data-theme="light"] .registry-type-compare-values span{background: var(--surface)}
html[data-theme="light"] .registry-type-compare-values small{color: var(--muted)}
html[data-theme="light"] .registry-type-compare-values b{color: var(--text)}
html[data-theme="light"] .registry-type-detail{border-top: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-type-detail-head > div:first-child b{color: var(--muted)}
html[data-theme="light"] .registry-type-detail-head > div:last-child span{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .registry-type-detail-head > div:last-child b{color: var(--text)}
html[data-theme="light"] .registry-type-ledger-row{border-top: 1px solid var(--line)}
html[data-theme="light"] .registry-ledger-mode{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-ledger-mode.actual{background: var(--surface)}
html[data-theme="light"] .registry-ledger-mode.planned{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-type-ledger-row > div:nth-child(2) small{color: var(--muted)}
html[data-theme="light"] .registry-type-ledger-row > span:nth-child(3),html[data-theme="light"] .registry-type-ledger-row > span:nth-child(4){color: var(--muted)}
html[data-theme="light"] .registry-ledger-actions button{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-ledger-actions button:hover{color: var(--text);border-color: var(--line)}
html[data-theme="light"] .registry-ledger-actions .danger:hover{color: var(--coral);border-color: var(--line)}
html[data-theme="light"] .registry-type-empty{border-top: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .registry-compare-kpi > div span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-compare-kpi em{color: var(--muted)}
html[data-theme="light"] .movement-primary-filters label > span,html[data-theme="light"] .movement-extra-filters label > span,html[data-theme="light"] .calendar-filter-toolbar label > span{color: var(--muted)}
html[data-theme="light"] .movement-primary-filters select,html[data-theme="light"] .movement-extra-filters select,html[data-theme="light"] .movement-extra-filters input,html[data-theme="light"] .calendar-filter-toolbar select{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .movement-search{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .movement-search:focus-within{border-color: var(--line)}
html[data-theme="light"] .movement-search > span{color: var(--muted) !important}
html[data-theme="light"] .movement-search input{color: var(--text)}
html[data-theme="light"] .movement-extra-filters{border-top: 1px solid var(--line)}
html[data-theme="light"] .movement-summary-strip article{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .movement-summary-strip span{color: var(--muted)}
html[data-theme="light"] .movement-summary-strip article:first-child{border-color: var(--line)}
html[data-theme="light"] .movement-summary-strip article:nth-child(2){border-color: var(--line)}
html[data-theme="light"] .movement-ledger-head{border-bottom: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .movement-ledger-row{border-bottom: 1px solid var(--line);color: var(--text)}
html[data-theme="light"] .movement-ledger-row:hover{background: var(--surface)}
html[data-theme="light"] .movement-ledger-row time{color: var(--muted)}
html[data-theme="light"] .movement-ledger-row > span small{color: var(--muted)}
html[data-theme="light"] .movement-kind > i{background: var(--surface)}
html[data-theme="light"] .movement-kind.expense > i{background: var(--surface)}
html[data-theme="light"] .movement-kind.debt > i{background: var(--surface)}
html[data-theme="light"] .movement-kind.transfer > i{background: var(--surface)}
html[data-theme="light"] .movement-kind.saving > i{background: var(--surface)}
html[data-theme="light"] .movement-ledger-row > strong small{color: var(--muted)}
html[data-theme="light"] .movement-empty{color: var(--muted)}
html[data-theme="light"] .movement-empty b{color: var(--text)}
html[data-theme="light"] .movement-detail-panel{border-left: 1px solid var(--line);background: linear-gradient(160deg, var(--surface), var(--surface) 75%)}
html[data-theme="light"] .movement-detail-head{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .movement-detail-head small{color: var(--muted)}
html[data-theme="light"] .movement-detail-head button{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .movement-detail-amount,html[data-theme="light"] .debt-detail-balance{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .movement-detail-amount span,html[data-theme="light"] .debt-detail-balance span{color: var(--muted)}
html[data-theme="light"] .movement-detail-amount b,html[data-theme="light"] .debt-detail-balance b{color: var(--muted)}
html[data-theme="light"] .movement-detail-panel dl > div{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .movement-detail-panel dt{color: var(--muted)}
html[data-theme="light"] .movement-detail-panel dd{color: var(--text)}
html[data-theme="light"] .accounts-current-summary{border: 1px solid var(--line);background: radial-gradient(circle at 84% 30%, var(--surface), transparent 32%), linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .accounts-current-summary span{color: var(--muted)}
html[data-theme="light"] .accounts-current-summary small{color: var(--muted)}
html[data-theme="light"] .live-account .source-logo{border: 1px solid var(--line)}
html[data-theme="light"] .account-currency{border: 1px solid var(--line);color: var(--muted);background: var(--surface)}
html[data-theme="light"] .live-account .account-balance small{color: var(--muted)}
html[data-theme="light"] .live-account .ownership{border-top: 1px solid var(--line)}
html[data-theme="light"] .live-account .ownership span{color: var(--muted)}
html[data-theme="light"] .account-transfer-note > span,html[data-theme="light"] .savings-rule-note > span,html[data-theme="light"] .settings-note > span{background: var(--surface);color: var(--text)}
html[data-theme="light"] .account-transfer-note p,html[data-theme="light"] .savings-rule-note p,html[data-theme="light"] .settings-note p{color: var(--muted)}
html[data-theme="light"] .debt-summary-grid article{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .debt-summary-grid article:first-child,html[data-theme="light"] .debt-summary-grid article:nth-child(4),html[data-theme="light"] .debt-summary-grid article:last-child{border-color: var(--line)}
html[data-theme="light"] .debt-summary-grid article:nth-child(2),html[data-theme="light"] .debt-summary-grid article:nth-child(5){border-color: var(--line)}
html[data-theme="light"] .debt-summary-grid span{color: var(--muted)}
html[data-theme="light"] .debt-filter-bar{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .debt-filter-bar button{color: var(--muted)}
html[data-theme="light"] .debt-filter-bar button:hover{background: var(--surface);color: var(--text)}
html[data-theme="light"] .debt-filter-bar button.active{border-color: var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .debt-account-card.paid-period{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface) 50%)}
html[data-theme="light"] .debt-card-head > div > span{color: var(--muted)}
html[data-theme="light"] .debt-period-status{background: var(--surface);color: var(--text)}
html[data-theme="light"] .paid-period .debt-period-status{background: var(--surface);color: var(--text)}
html[data-theme="light"] .debt-main-amount span{color: var(--muted)}
html[data-theme="light"] .debt-progress,html[data-theme="light"] .saving-goal-progress{background: var(--surface)}
html[data-theme="light"] .debt-progress-copy{color: var(--muted)}
html[data-theme="light"] .debt-progress-copy b{color: var(--text)}
html[data-theme="light"] .debt-period-box{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .debt-period-box span{color: var(--muted)}
html[data-theme="light"] .debt-period-box small{color: var(--muted)}
html[data-theme="light"] .debt-account-card dl > div{background: var(--surface)}
html[data-theme="light"] .debt-account-card dt{color: var(--muted)}
html[data-theme="light"] .debt-account-card dd{color: var(--text)}
html[data-theme="light"] .debt-detail-facts > div{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .debt-detail-facts span{color: var(--muted)}
html[data-theme="light"] .debt-reconciliation-note span{color: var(--text)}
html[data-theme="light"] .debt-reconciliation-note b{color: var(--text)}
html[data-theme="light"] .debt-reconciliation-note p{color: var(--muted)}
html[data-theme="light"] .debt-payment-history > div{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .debt-payment-history .debt-opening-row{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .debt-payment-history .debt-opening-row b{color: var(--text)}
html[data-theme="light"] .debt-payment-history span,html[data-theme="light"] .debt-payment-history small,html[data-theme="light"] .debt-payment-history em{color: var(--muted)}
html[data-theme="light"] .savings-summary-grid article.total{border-color: var(--line)}
html[data-theme="light"] .savings-summary-grid article.assigned{border-color: var(--line)}
html[data-theme="light"] .savings-summary-grid article.free{border-color: var(--line)}
html[data-theme="light"] .savings-summary-grid span{color: var(--muted)}
html[data-theme="light"] .savings-summary-grid small{color: var(--muted)}
html[data-theme="light"] .savings-equation{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .savings-equation span{color: var(--muted)}
html[data-theme="light"] .saving-goal-head > span{border: 1px solid var(--line);background: var(--surface);color: var(--purple)}
html[data-theme="light"] .saving-goal-head small{color: var(--muted)}
html[data-theme="light"] .saving-goal-value span{color: var(--muted)}
html[data-theme="light"] .saving-goal-facts{color: var(--muted)}
html[data-theme="light"] .saving-goal-facts b{color: var(--text)}
html[data-theme="light"] .saving-goal-card > p{color: var(--muted)}
html[data-theme="light"] .saving-projection{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .calendar-legend{color: var(--muted)}
html[data-theme="light"] .calendar-month-insights article{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .calendar-month-insights small{color: var(--muted)}
html[data-theme="light"] .calendar-month-insights b{color: var(--text)}
html[data-theme="light"] .calendar-month-insights span{color: var(--muted)}
html[data-theme="light"] .calendar-month-insights article:first-child{border-color: var(--line)}
html[data-theme="light"] .calendar-month-insights article:nth-child(2){border-color: var(--line)}
html[data-theme="light"] .calendar-month-insights article.has-overdue{border-color: var(--line)}
html[data-theme="light"] .smart-calendar .calendar-head div{color: var(--muted)}
html[data-theme="light"] .smart-calendar .day{border-top: 1px solid var(--line);border-right: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .smart-calendar .day:not(.muted-day):hover,html[data-theme="light"] .smart-calendar .day.selected-day{background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .calendar-day-top > small{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .smart-calendar .day.today{background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .smart-calendar .day.today .day-num{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .smart-calendar .event{border: 1px solid color-mix(in srgb, var(--event-business) 22%, var(--line));background: color-mix(in srgb, var(--event-business) 9%, var(--surface))}
html[data-theme="light"] .smart-calendar .event b{color: var(--text)}
html[data-theme="light"] .smart-calendar .event small{color: var(--muted)}
html[data-theme="light"] .smart-calendar .event.status-overdue{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .smart-calendar .event.status-overdue small{color: var(--coral)}
html[data-theme="light"] .calendar-day-more{border: 1px dashed var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .calendar-day-more:hover{border-color: var(--line);color: var(--text)}
html[data-theme="light"] .calendar-day-detail-backdrop{background: var(--surface)}
html[data-theme="light"] .calendar-day-detail{border: 1px solid var(--line);background: linear-gradient(160deg, var(--surface), var(--surface) 72%)}
html[data-theme="light"] .calendar-day-detail > header{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .calendar-day-detail > header small{color: var(--muted)}
html[data-theme="light"] .calendar-day-detail > header p{color: var(--muted)}
html[data-theme="light"] .calendar-day-detail > header button{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .calendar-day-detail-totals span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .calendar-day-detail-totals small{color: var(--muted)}
html[data-theme="light"] .calendar-day-detail-totals b{color: var(--text)}
html[data-theme="light"] .calendar-day-detail-item{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .calendar-detail-icon{background: color-mix(in srgb, var(--calendar-event-color) 13%, var(--surface))}
html[data-theme="light"] .calendar-day-detail-item b{color: var(--text)}
html[data-theme="light"] .calendar-day-detail-item p{color: var(--muted)}
html[data-theme="light"] .calendar-day-detail-item em{color: var(--muted)}
html[data-theme="light"] .calendar-day-detail-item > strong{color: var(--text)}
html[data-theme="light"] .calendar-day-detail-empty{color: var(--muted)}
html[data-theme="light"] .calendar-day-detail-empty > span{color: var(--muted)}
html[data-theme="light"] .calendar-day-detail-empty b{color: var(--text)}
html[data-theme="light"] .calendar-rule-note{color: var(--muted)}
html[data-theme="light"] .analysis-toolbar{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .analysis-business-switcher > button{color: var(--muted)}
html[data-theme="light"] .analysis-business-switcher > button:hover{background: var(--surface);color: var(--text)}
html[data-theme="light"] .analysis-business-switcher > button.active{border-color: color-mix(in srgb, var(--selector-accent) 45%, var(--line));background: color-mix(in srgb, var(--selector-accent) 22%, var(--surface));color: color-mix(in srgb, var(--selector-accent) 60%, var(--text))}
html[data-theme="light"] .analysis-period-switcher button{color: var(--muted)}
html[data-theme="light"] .analysis-period-switcher button:hover{background: var(--surface);color: var(--text)}
html[data-theme="light"] .analysis-period-switcher button.active{border-color: var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .analysis-kpis article{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .analysis-kpis article:first-child{border-color: var(--line)}
html[data-theme="light"] .analysis-kpis article:nth-child(2){border-color: var(--line)}
html[data-theme="light"] .analysis-kpis span{color: var(--muted)}
html[data-theme="light"] .analysis-card-head p{color: var(--muted)}
html[data-theme="light"] .analysis-card-head > div:last-child{color: var(--muted)}
html[data-theme="light"] .analysis-bars{border-bottom: 1px solid var(--line);background: repeating-linear-gradient(to top, transparent 0, transparent 52px, var(--surface) 53px)}
html[data-theme="light"] .analysis-bars > div > b{color: var(--muted)}
html[data-theme="light"] .analysis-indicators > div{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .analysis-indicators span{color: var(--muted)}
html[data-theme="light"] .analysis-line-list span{color: var(--muted)}
html[data-theme="light"] .analysis-line-list > div > i{background: var(--surface)}
html[data-theme="light"] .analysis-view-tabs{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .analysis-view-tabs button{color: var(--muted)}
html[data-theme="light"] .analysis-view-tabs button:hover{background: var(--surface);color: var(--text)}
html[data-theme="light"] .analysis-view-tabs button.active{border-color: var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .analysis-horizon span,html[data-theme="light"] .analysis-section-copy > div > span,html[data-theme="light"] .analysis-forecast-summary article > span,html[data-theme="light"] .forecast-result > span{color: var(--muted)}
html[data-theme="light"] .analysis-horizon b{color: var(--text)}
html[data-theme="light"] .analysis-forecast-summary article{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .analysis-forecast-summary article > b{color: var(--text)}
html[data-theme="light"] .analysis-forecast-summary article > small{color: var(--muted)}
html[data-theme="light"] .analysis-forecast-summary article.forecast-base{border-color: var(--line)}
html[data-theme="light"] .analysis-forecast-summary article.forecast-base > b{color: var(--muted)}
html[data-theme="light"] .analysis-forecast-summary article.forecast-scenario{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .analysis-forecast-summary article.forecast-scenario > b{color: var(--text)}
html[data-theme="light"] .analysis-section-copy h2{color: var(--text)}
html[data-theme="light"] .analysis-section-copy > p{color: var(--muted)}
html[data-theme="light"] .analysis-forecast-control-grid label{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .analysis-forecast-control-grid label > span{color: var(--muted)}
html[data-theme="light"] .analysis-forecast-control-grid label > span b{color: var(--text)}
html[data-theme="light"] .analysis-forecast-control-grid em button{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .analysis-forecast-control-grid em button:hover{border-color: var(--line);color: var(--text)}
html[data-theme="light"] .forecast-legend{color: var(--muted)}
html[data-theme="light"] .forecast-chart-month > div:first-child b{color: var(--text)}
html[data-theme="light"] .forecast-chart-month > div:first-child small{color: var(--muted)}
html[data-theme="light"] .forecast-chart-bars > span{background: var(--surface)}
html[data-theme="light"] .forecast-chart-bars > span em{color: var(--text)}
html[data-theme="light"] .forecast-result{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .forecast-result > b{color: var(--text)}
html[data-theme="light"] .forecast-result > p{color: var(--muted)}
html[data-theme="light"] .forecast-result > div{border-top: 1px solid var(--line)}
html[data-theme="light"] .forecast-result > div small{color: var(--muted)}
html[data-theme="light"] .forecast-result > div strong{color: var(--text)}
html[data-theme="light"] .forecast-table th{color: var(--muted)}
html[data-theme="light"] .forecast-table td{border-top: 1px solid var(--line);color: var(--text)}
html[data-theme="light"] .forecast-table td:first-child b{color: var(--text)}
html[data-theme="light"] .forecast-table td:first-child small{color: var(--muted)}
html[data-theme="light"] .forecast-table td.forecast-base{color: var(--muted)}
html[data-theme="light"] .forecast-table td.forecast-scenario{color: var(--text)}
html[data-theme="light"] .analysis-forecast-note{color: var(--muted)}
html[data-theme="light"] .analysis-forecast-note > span{color: var(--muted)}
html[data-theme="light"] .analysis-forecast-note b{color: var(--muted)}
html[data-theme="light"] .analysis-forecast-goals article b{color: var(--text)}
html[data-theme="light"] .analysis-forecast-goals article small{color: var(--muted)}
html[data-theme="light"] .analysis-forecast-goals article > strong{color: var(--text)}
html[data-theme="light"] .analysis-forecast-goals article > i{background: var(--surface)}
html[data-theme="light"] .forecast-scenario-switch{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .forecast-scenario-switch button{color: var(--muted)}
html[data-theme="light"] .forecast-scenario-switch button.active{color: var(--text);background: var(--surface)}
html[data-theme="light"] .forecast-v2 .analysis-horizon small{color: var(--muted)}
html[data-theme="light"] .forecast-formula > div:not(.analysis-section-copy){border-bottom: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .forecast-formula > div b{color: var(--text)}
html[data-theme="light"] .forecast-formula > div b.income{color: var(--muted)}
html[data-theme="light"] .forecast-formula > div b.expense,html[data-theme="light"] .forecast-formula > div b.debt,html[data-theme="light"] .forecast-formula > div b.saving{color: var(--coral)}
html[data-theme="light"] .forecast-formula footer{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .forecast-formula footer span{color: var(--muted)}
html[data-theme="light"] .forecast-formula footer b{color: var(--text)}
html[data-theme="light"] .forecast-upcoming > article{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .forecast-upcoming > article > span{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .forecast-upcoming > article b{color: var(--text)}
html[data-theme="light"] .forecast-upcoming > article small{color: var(--muted)}
html[data-theme="light"] .forecast-upcoming > article strong{color: var(--text)}
html[data-theme="light"] .forecast-table td b{color: var(--text)}
html[data-theme="light"] .forecast-table td small{color: var(--muted)}
html[data-theme="light"] .forecast-status{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .forecast-status.partial{border-color: var(--line);color: var(--text)}
html[data-theme="light"] .forecast-status.realized{border-color: var(--line);color: var(--muted)}
html[data-theme="light"] .forecast-simulation-result span{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .forecast-simulation-result b{color: var(--text)}
html[data-theme="light"] .forecast-assumptions summary{color: var(--muted)}
html[data-theme="light"] .forecast-assumptions ul{color: var(--muted)}
html[data-theme="light"] .configuration-deep-view .business-settings-card{border-color: color-mix(in srgb, var(--company-accent) 26%, var(--line));background: linear-gradient(145deg, color-mix(in srgb, var(--company-accent) 7%, var(--surface)), var(--surface) 72%)}
html[data-theme="light"] .configuration-deep-view .company-theme-preview{border: 1px solid color-mix(in srgb, var(--company-accent) 45%, var(--line));background: color-mix(in srgb, var(--company-accent) 14%, var(--surface))}
html[data-theme="light"] .configuration-deep-view .company-theme-copy > small{color: var(--muted)}
html[data-theme="light"] .configuration-deep-view .business-core-meta span,html[data-theme="light"] .configuration-deep-view .theme-meta span{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .configuration-deep-view .theme-meta b{color: var(--text)}
html[data-theme="light"] .settings-account-card small{color: var(--muted)}
html[data-theme="light"] .settings-account-card p{color: var(--muted)}
html[data-theme="light"] .settings-account-card > div:nth-of-type(2) > b{color: var(--muted)}
html[data-theme="light"] .business-status.active{background: var(--surface);color: var(--text)}
html[data-theme="light"] .business-status.archived{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .currency-settings > div > small,html[data-theme="light"] .fx-example > small{color: var(--muted)}
html[data-theme="light"] .currency-settings p,html[data-theme="light"] .fx-example p{color: var(--muted)}
html[data-theme="light"] .currency-settings > label > span{color: var(--muted)}
html[data-theme="light"] .currency-settings > label > div{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .currency-settings input{color: var(--text)}
html[data-theme="light"] .currency-settings > label > div > b{color: var(--muted)}
html[data-theme="light"] .currency-settings > label > small{color: var(--muted)}
html[data-theme="light"] .fx-example{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface) 70%)}
html[data-theme="light"] .fx-example > b{color: var(--text)}
html[data-theme="light"] .remainder-timeline article{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .remainder-timeline article > small{color: var(--muted)}
html[data-theme="light"] .remainder-timeline article > div{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .remainder-timeline span{color: var(--muted)}
html[data-theme="light"] .remainder-timeline .result span,html[data-theme="light"] .remainder-timeline .result b{color: var(--purple)}
html[data-theme="light"] .remainder-rule,html[data-theme="light"] .modal-rule-note{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .preference-list > label{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .preference-list span{color: var(--muted)}
html[data-theme="light"] .mova-form-grid label{color: var(--muted)}
html[data-theme="light"] .mova-form-grid input,html[data-theme="light"] .mova-form-grid select{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .mova-form-grid input:focus,html[data-theme="light"] .mova-form-grid select:focus{border-color: var(--line)}
html[data-theme="light"] .mova-form-grid .mova-check{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .sidebar-toggle{color: var(--muted)}
html[data-theme="light"] .history-view .history-period-metrics > div:nth-child(3),html[data-theme="light"] .history-view .history-period-metrics .remaining{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .movement-detail-panel{border-top: 1px solid var(--line)}
html[data-theme="light"] .nav-label{border-left: 2px solid var(--line);color: var(--muted)}
html[data-theme="light"] .smart-calendar .event{border-color: color-mix(in srgb, var(--event-type) 25%, var(--line));background: color-mix(in srgb, var(--event-type) 10%, var(--surface))}
html[data-theme="light"] .registry-preset-options{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-preset-options button{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-preset-options button:hover{border-color: var(--line);color: var(--text);background: var(--surface)}
html[data-theme="light"] .registry-ledger-actions .realize{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .movement-ledger-head{background: var(--surface)}
html[data-theme="light"] .card{background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] :where(input,html[data-theme="light"] select,html[data-theme="light"] textarea)::placeholder{color: var(--muted)}
html[data-theme="light"] .sidebar{border-right-color: var(--line);background: linear-gradient(180deg, var(--surface), var(--surface))}
html[data-theme="light"] .nav-label{color: var(--muted)}
html[data-theme="light"] .sidebar .nav-item.active,html[data-theme="light"] .sidebar .nav-item.active:hover{background: linear-gradient(135deg, var(--surface), var(--surface));color: var(--muted)}
html[data-theme="light"] .nav-subitem.active{background: linear-gradient(90deg, var(--surface), var(--surface))}
html[data-theme="light"] .profile-copy small{color: var(--muted)}
html[data-theme="light"] .movement-primary-filters label > span,html[data-theme="light"] .movement-extra-filters label > span,html[data-theme="light"] .movement-date-range label > span,html[data-theme="light"] .calendar-filter-toolbar label > span,html[data-theme="light"] .quick-register-form label > span,html[data-theme="light"] .registry-ai-copy small,html[data-theme="light"] .registry-ai-drop > span,html[data-theme="light"] .registry-ai-description > span,html[data-theme="light"] .mova-form-grid label,html[data-theme="light"] .currency-settings > label > span{color: var(--muted)}
html[data-theme="light"] .movement-primary-filters select,html[data-theme="light"] .movement-extra-filters select,html[data-theme="light"] .movement-extra-filters input,html[data-theme="light"] .movement-date-range input,html[data-theme="light"] .calendar-filter-toolbar select,html[data-theme="light"] .quick-register-form :is(input,html[data-theme="light"] select),html[data-theme="light"] .mova-form-grid :is(input,html[data-theme="light"] select){border-color: var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .movement-search{border-color: var(--line)}
html[data-theme="light"] .movement-search small{color: var(--muted)}
html[data-theme="light"] .quick-register-head p,html[data-theme="light"] .registry-ai-copy p{color: var(--muted)}
html[data-theme="light"] .movement-summary-strip span,html[data-theme="light"] .debt-summary-grid span,html[data-theme="light"] .analysis-kpis span,html[data-theme="light"] .savings-summary-grid span{color: var(--muted)}
html[data-theme="light"] .movement-ledger-head{color: var(--muted)}
html[data-theme="light"] .movement-ledger-row time{color: var(--muted)}
html[data-theme="light"] .movement-ledger-row > span small{color: var(--muted)}
html[data-theme="light"] .registry-type-ledger-row > div:nth-child(2) small,html[data-theme="light"] .registry-type-ledger-row > span:nth-child(3),html[data-theme="light"] .registry-type-ledger-row > span:nth-child(4){color: var(--muted)}
html[data-theme="light"] .debt-main-amount span,html[data-theme="light"] .debt-progress-copy,html[data-theme="light"] .debt-period-box small{color: var(--muted)}
html[data-theme="light"] .saving-goal-facts,html[data-theme="light"] .saving-goal-card > p,html[data-theme="light"] .saving-projection{color: var(--muted)}
html[data-theme="light"] .account-identity span,html[data-theme="light"] .live-account .muted{color: var(--muted)}
html[data-theme="light"] .live-account .ownership span{color: var(--muted)}
html[data-theme="light"] .smart-calendar .calendar-head div{color: var(--muted)}
html[data-theme="light"] .smart-calendar .day{color: var(--muted)}
html[data-theme="light"] .calendar-legend,html[data-theme="light"] .calendar-rule-note{color: var(--muted)}
html[data-theme="light"] .analysis-card-head p,html[data-theme="light"] .analysis-card-head > div:last-child,html[data-theme="light"] .analysis-bars > div > b,html[data-theme="light"] .analysis-line-list span{color: var(--muted)}
html[data-theme="light"] .analysis-indicators span{color: var(--muted)}
html[data-theme="light"] .element-quick-actions small,html[data-theme="light"] .catalog-card-head p,html[data-theme="light"] .settings-account-card p,html[data-theme="light"] .currency-settings p,html[data-theme="light"] .fx-example p{color: var(--muted)}
html[data-theme="light"] .history-kpi small,html[data-theme="light"] .history-table-head,html[data-theme="light"] .history-detail-head small,html[data-theme="light"] .history-detail-side > div > small{color: var(--muted)}
html[data-theme="light"] .history-month-name small{color: var(--muted)}
html[data-theme="light"] .fv-history-list-tools{border-top: 1px solid var(--line)}
html[data-theme="light"] .fv-history-preview{background: linear-gradient(180deg, var(--surface), var(--surface))}
html[data-theme="light"] .fv-history-detail-heading{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .fv-history-detail-heading small{color: var(--muted)}
html[data-theme="light"] .fv-history-detail-heading b{color: var(--text)}
html[data-theme="light"] .fv-history-detail-heading > span{color: var(--muted)}
html[data-theme="light"] .fv-history-preview .history-ledger-row > strong.positive{color: var(--text)}
html[data-theme="light"] .fv-history-preview .history-ledger-row > strong.negative{color: var(--coral)}
html[data-theme="light"] .fv-history-preview .history-ledger-row > strong.neutral{color: var(--text)}
html[data-theme="light"] .movement-empty,html[data-theme="light"] .registry-type-empty,html[data-theme="light"] .range-empty{color: var(--muted)}
html[data-theme="light"] .movement-empty b,html[data-theme="light"] .range-empty b{color: var(--text)}
html[data-theme="light"] .modal{background: linear-gradient(155deg, var(--surface), var(--surface))}
html[data-theme="light"] .registry-duplicate-button{border-color: var(--line);color: var(--text);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .planning-repeat-banner{border-color: var(--line);background: radial-gradient(circle at 10% 50%, var(--surface), transparent 33%), linear-gradient(135deg, var(--surface), var(--surface) 72%)}
html[data-theme="light"] .planning-repeat-icon{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .planning-repeat-banner small{color: var(--purple)}
html[data-theme="light"] .planning-repeat-banner p{color: var(--muted)}
html[data-theme="light"] .planning-repeat-banner button{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-entry-repeat{border: 1px solid var(--line);background: linear-gradient(135deg, var(--surface), var(--surface) 72%)}
html[data-theme="light"] .registry-entry-repeat-toggle{color: var(--text)}
html[data-theme="light"] .registry-entry-repeat-toggle:hover{background: var(--surface)}
html[data-theme="light"] .repeat-entry-icon{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-entry-repeat-toggle small{color: var(--muted)}
html[data-theme="light"] .registry-entry-repeat-toggle em{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-entry-repeat-toggle i{color: var(--muted)}
html[data-theme="light"] .registry-entry-repeat-panel{border-top: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .repeat-entry-panel-head small{color: var(--muted)}
html[data-theme="light"] .repeat-entry-panel-head button{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .repeat-entry-panel-head button:hover{border-color: var(--line);color: var(--text)}
html[data-theme="light"] .repeat-entry-months span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .repeat-entry-months b{color: var(--muted)}
html[data-theme="light"] .repeat-entry-months small{color: var(--muted)}
html[data-theme="light"] .repeat-entry-months input:checked + span{background: var(--surface)}
html[data-theme="light"] .repeat-entry-months input:checked + span b{color: var(--text)}
html[data-theme="light"] .repeat-entry-months input:checked + span small{color: var(--muted)}
html[data-theme="light"] .registry-entry-repeat-panel > p{color: var(--muted)}
html[data-theme="light"] .duplicate-eyebrow,html[data-theme="light"] .annual-section-head small,html[data-theme="light"] .annual-controls small{color: var(--purple)}
html[data-theme="light"] .duplicate-source-summary{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .duplicate-year-row > label{color: var(--muted)}
html[data-theme="light"] .duplicate-year-row select{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .duplicate-month-grid span{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .duplicate-month-grid input:checked + span{background: var(--surface);color: var(--text)}
html[data-theme="light"] .duplicate-type-options{border: 1px solid var(--line)}
html[data-theme="light"] .duplicate-type-options legend{color: var(--muted)}
html[data-theme="light"] .duplicate-type-options label{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .duplicate-opening-option{color: var(--text)}
html[data-theme="light"] .duplicate-opening-option small{color: var(--muted)}
html[data-theme="light"] .duplicate-rule-note{border-left: 2px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .duplicate-rule-note b{color: var(--muted)}
html[data-theme="light"] .annual-year-control{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .annual-year-control button{color: var(--muted)}
html[data-theme="light"] .annual-year-control small{color: var(--muted)}
html[data-theme="light"] .fv-calendar-month-nav > button{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .fv-calendar-month-nav > button:hover{border-color: var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .annual-mode-tabs button{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .annual-mode-tabs button.active{border-color: var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .annual-controls > label span{color: var(--muted)}
html[data-theme="light"] .annual-controls select{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .annual-kpi small{color: var(--muted)}
html[data-theme="light"] .annual-kpi > span{color: var(--muted)}
html[data-theme="light"] .annual-kpi.income{border-color: var(--line)}
html[data-theme="light"] .annual-kpi.expense{border-color: var(--line)}
html[data-theme="light"] .annual-kpi.expense > strong{color: var(--coral)}
html[data-theme="light"] .annual-kpi.saving{border-color: var(--line)}
html[data-theme="light"] .annual-kpi.saving > strong{color: var(--purple)}
html[data-theme="light"] .annual-kpi.remaining{border-color: var(--line)}
html[data-theme="light"] .annual-section-head > span{color: var(--muted)}
html[data-theme="light"] .annual-chart{border-bottom: 1px solid var(--line);background: repeating-linear-gradient(to top, transparent 0, transparent 47px, var(--surface) 48px)}
html[data-theme="light"] .annual-chart-month{color: var(--muted)}
html[data-theme="light"] .annual-chart-month:hover{background: var(--surface)}
html[data-theme="light"] .annual-chart-key{color: var(--muted)}
html[data-theme="light"] .annual-table-head{color: var(--muted)}
html[data-theme="light"] .annual-table-row{border-top: 1px solid var(--line);color: var(--text)}
html[data-theme="light"] .annual-table-row:hover{background: var(--surface)}
html[data-theme="light"] .annual-table-row small{color: var(--muted)}
html[data-theme="light"] .annual-table-row i{color: var(--muted)}
html[data-theme="light"] .annual-month-card{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface));color: var(--text)}
html[data-theme="light"] .annual-month-card:hover{border-color: var(--line)}
html[data-theme="light"] .annual-month-card.has-data.positive-month{border-color: var(--line)}
html[data-theme="light"] .annual-month-card.has-data.negative-month{border-color: var(--line)}
html[data-theme="light"] .annual-month-card header{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .annual-month-card header > span{background: var(--surface);color: var(--purple)}
html[data-theme="light"] .annual-month-card header small{color: var(--muted)}
html[data-theme="light"] .annual-month-card header i{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .annual-month-net > span{color: var(--muted)}
html[data-theme="light"] .annual-month-metrics > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .annual-month-metrics small{color: var(--muted)}
html[data-theme="light"] .annual-month-metrics > span > small:last-child{color: var(--muted)}
html[data-theme="light"] .annual-month-metrics .income strong{color: var(--text)}
html[data-theme="light"] .annual-month-metrics .expense strong{color: var(--coral)}
html[data-theme="light"] .annual-month-metrics .debt strong{color: var(--text)}
html[data-theme="light"] .annual-month-metrics .saving strong{color: var(--purple)}
html[data-theme="light"] #page[data-dashboard-theme="helion"] .helion-income-clean .donut-legend > span,html[data-theme="light"] #page[data-dashboard-theme="helion"] .helion-income-clean .donut-legend > b{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] #page[data-dashboard-theme="helion"] .helion-income-clean .donut-legend > span{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] #page[data-dashboard-theme="helion"] .helion-income-clean .donut-legend > b{border: 1px solid var(--line);color: var(--text)}
html[data-theme="light"] .fv-virtuality-dashboard .fv-virtuality-kpis .simple-kpi:nth-child(1){border-color: var(--line)}
html[data-theme="light"] .fv-virtuality-dashboard .fv-virtuality-kpis .simple-kpi:nth-child(1) .simple-value{color: var(--text)}
html[data-theme="light"] .fv-virtuality-dashboard .fv-virtuality-kpis .simple-kpi:nth-child(2){border-color: color-mix(in srgb, var(--dashboard-accent) 45%, var(--line))}
html[data-theme="light"] .fv-virtuality-dashboard .fv-virtuality-kpis .simple-kpi:nth-child(3){border-color: var(--line)}
html[data-theme="light"] .fv-virtuality-dashboard .fv-virtuality-kpis .simple-kpi:nth-child(3) .simple-value{color: var(--coral)}
html[data-theme="light"] .fv-virtuality-dashboard .fv-virtuality-kpis .simple-kpi:nth-child(4){border-color: var(--line)}
html[data-theme="light"] .fv-virtuality-dashboard .fv-virtuality-kpis .simple-kpi:nth-child(4) .simple-value{color: var(--text)}
html[data-theme="light"] .fv-virtuality-total{border-color: color-mix(in srgb, var(--dashboard-accent) 38%, var(--line));background: radial-gradient(circle at 12% 50%, color-mix(in srgb, var(--dashboard-accent) 12%, transparent), transparent 38%), linear-gradient(135deg, var(--surface), var(--surface))}
html[data-theme="light"] .fv-virtuality-total p{color: var(--muted)}
html[data-theme="light"] .virtuality-head-actions > small{color: var(--muted)}
html[data-theme="light"] .fv-other-count small{color: var(--muted)}
html[data-theme="light"] .savings-location-card > header{border-bottom: 1px solid var(--line);background: linear-gradient(135deg, var(--surface), var(--surface))}
html[data-theme="light"] .savings-location-card > header > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .savings-location-card header small{color: var(--muted)}
html[data-theme="light"] .savings-location-row{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .savings-location-row i{color: var(--muted)}
html[data-theme="light"] .savings-location-row strong{color: var(--text)}
html[data-theme="light"] .savings-location-empty{border: 1px dashed var(--line);color: var(--muted)}
html[data-theme="light"] .savings-location-empty > span{color: var(--muted)}
html[data-theme="light"] .savings-location-empty b{color: var(--text)}
html[data-theme="light"] .savings-location-empty small{color: var(--muted)}
html[data-theme="light"] .demo-note[data-state="saved"]{color: var(--text)}
html[data-theme="light"] .demo-note[data-state="saving"],html[data-theme="light"] .demo-note[data-state="loading"]{color: var(--text)}
html[data-theme="light"] .demo-note[data-state="error"],html[data-theme="light"] .demo-note[data-state="setup"]{color: var(--coral)}
html[data-theme="light"] .login-card .demo-note[data-cloud-status]{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .login-card .demo-note[data-state="saved"],html[data-theme="light"] .login-card .demo-note[data-state="resolved"]{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .login-card .demo-note[data-state="pending"]{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .login-card .demo-note[data-state="offline"]{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .login-card .demo-note[data-state="temporary-error"]{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .login-card .demo-note[data-state="error"],html[data-theme="light"] .login-card .demo-note[data-state="pending-error"],html[data-theme="light"] .login-card .demo-note[data-state="conflict"],html[data-theme="light"] .login-card .demo-note[data-state="setup"]{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .cloud-sync-status{color: var(--muted)}
html[data-theme="light"] .cloud-sync-status[data-state="saved"],html[data-theme="light"] .cloud-sync-status[data-state="resolved"]{color: var(--green)}
html[data-theme="light"] .cloud-sync-status[data-state="pending"]{color: var(--text)}
html[data-theme="light"] .cloud-sync-status[data-state="offline"]{color: var(--muted)}
html[data-theme="light"] .cloud-sync-status[data-state="temporary-error"]{color: var(--coral)}
html[data-theme="light"] .cloud-sync-status[data-state="saving"],html[data-theme="light"] .cloud-sync-status[data-state="loading"]{color: var(--green)}
html[data-theme="light"] .cloud-sync-status[data-state="error"],html[data-theme="light"] .cloud-sync-status[data-state="pending-error"],html[data-theme="light"] .cloud-sync-status[data-state="conflict"],html[data-theme="light"] .cloud-sync-status[data-state="setup"]{color: var(--coral)}
html[data-theme="light"] .sidebar.collapsed .cloud-sync-status{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .sidebar.collapsed .cloud-sync-status::after{border: 2px solid var(--line)}
html[data-theme="light"] .upgraded-registry .registry-kpi.debt,html[data-theme="light"] .registry-visualizer .registry-kpi.debt{border-color: var(--line);color: var(--text);background: linear-gradient(145deg, var(--surface), var(--surface) 70%)}
html[data-theme="light"] .upgraded-registry .registry-kpi.debt strong,html[data-theme="light"] .registry-visualizer .registry-kpi.debt strong{color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-kpi.saving,html[data-theme="light"] .registry-visualizer .registry-kpi.saving{border-color: var(--line);color: var(--purple);background: linear-gradient(145deg, var(--surface), var(--surface) 70%)}
html[data-theme="light"] .upgraded-registry .registry-kpi.saving strong,html[data-theme="light"] .registry-visualizer .registry-kpi.saving strong{color: var(--purple)}
html[data-theme="light"] .annual-kpi.debt{border-color: var(--line)}
html[data-theme="light"] .annual-kpi.debt > strong{color: var(--text)}
html[data-theme="light"] .settings-model-card .settings-model-mark{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface));color: var(--coral)}
html[data-theme="light"] .settings-model-status > b{color: var(--muted)}
html[data-theme="light"] .fv-helion-models > .simple-section-head p{color: var(--muted)}
html[data-theme="light"] .fv-helion-model-card{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface) 70%)}
html[data-theme="light"] .fv-helion-model-card header > span,html[data-theme="light"] .fv-helion-model-empty > span{border: 1px solid var(--line);background: var(--surface);color: var(--coral)}
html[data-theme="light"] .fv-helion-model-card header small{color: var(--muted)}
html[data-theme="light"] .fv-helion-model-card header h3{color: var(--text)}
html[data-theme="light"] .fv-helion-model-card header p{color: var(--muted)}
html[data-theme="light"] .fv-helion-model-metrics > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .fv-helion-model-metrics small{color: var(--muted)}
html[data-theme="light"] .fv-helion-model-metrics b{color: var(--text)}
html[data-theme="light"] .fv-helion-model-empty b{color: var(--text)}
html[data-theme="light"] .fv-helion-model-empty p{color: var(--muted)}
html[data-theme="light"] .settings-model-economics > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .settings-model-economics small{color: var(--muted)}
html[data-theme="light"] .settings-model-economics b{color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-conversion-preview .registry-helion-rule-note{border-top: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .registry-automatic-badge{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .nav-notification-count{color: var(--text)}
html[data-theme="light"] .notification-sync-note{border: 1px solid var(--line)}
html[data-theme="light"] .notification-sync-note > span{color: var(--coral)}
html[data-theme="light"] .notification-sync-note b{color: var(--text)}
html[data-theme="light"] .notification-sync-note small{color: var(--muted)}
html[data-theme="light"] .notification-summary article{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .notification-summary article.owner{background: linear-gradient(145deg, rgba(255,73,198,.11), rgba(168,124,245,.045) 65%, var(--surface))}
html[data-theme="light"] .notification-summary small,html[data-theme="light"] .notification-section-title small{color: var(--muted)}
html[data-theme="light"] .notification-summary b{color: var(--text)}
html[data-theme="light"] .notification-summary article:first-child b{color: var(--purple)}
html[data-theme="light"] .notification-summary article.owner b{color: var(--purple)}
html[data-theme="light"] .notification-summary span{color: var(--muted)}
html[data-theme="light"] .notification-section-title h2{color: var(--text)}
html[data-theme="light"] .notification-section-title p{color: var(--muted)}
html[data-theme="light"] .withdrawal-notification-card{background: linear-gradient(145deg, var(--surface), var(--surface) 58%)}
html[data-theme="light"] .withdrawal-notification-icon{color: var(--purple)}
html[data-theme="light"] .withdrawal-notification-card header small{color: var(--purple)}
html[data-theme="light"] .withdrawal-notification-card header h2{color: var(--text)}
html[data-theme="light"] .withdrawal-notification-card header p{color: var(--muted)}
html[data-theme="light"] .notification-status{color: var(--text)}
html[data-theme="light"] .withdrawal-notification-money > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .withdrawal-notification-money small{color: var(--muted)}
html[data-theme="light"] .withdrawal-notification-money b{color: var(--text)}
html[data-theme="light"] .withdrawal-notification-money .owner-share b{color: var(--text)}
html[data-theme="light"] .withdrawal-notification-money em{color: var(--muted)}
html[data-theme="light"] .withdrawal-notification-money > i{color: var(--muted)}
html[data-theme="light"] .withdrawal-destination-form label > span{color: var(--muted)}
html[data-theme="light"] .withdrawal-destination-form select{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .withdrawal-destination-form label small{color: var(--muted)}
html[data-theme="light"] .withdrawal-rule{border-top: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .withdrawal-no-account{border: 1px dashed var(--line)}
html[data-theme="light"] .withdrawal-no-account span{color: var(--muted)}
html[data-theme="light"] .notification-empty > span{color: var(--text)}
html[data-theme="light"] .notification-empty h2{color: var(--text)}
html[data-theme="light"] .notification-empty p{color: var(--muted)}
html[data-theme="light"] .notification-history .simple-section-head > span{color: var(--muted)}
html[data-theme="light"] .notification-history-row{border-top: 1px solid var(--line)}
html[data-theme="light"] .notification-history-check{color: var(--text)}
html[data-theme="light"] .notification-history-row b{color: var(--text)}
html[data-theme="light"] .notification-history-row small{color: var(--muted)}
html[data-theme="light"] .notification-history-row strong{color: var(--text)}
html[data-theme="light"] .helion-platform-section > .simple-section-head p{color: var(--muted)}
html[data-theme="light"] .helion-platform-sync-status{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .helion-platform-totals article{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .helion-platform-totals small{color: var(--muted)}
html[data-theme="light"] .helion-platform-totals b{color: var(--text)}
html[data-theme="light"] .helion-platform-totals span{color: var(--muted)}
html[data-theme="light"] .helion-platform-totals article:first-child{background: linear-gradient(145deg, rgba(94,229,162,.075), var(--surface) 72%)}
html[data-theme="light"] .helion-platform-totals article:first-child b{color: var(--text)}
html[data-theme="light"] .helion-platform-totals article:nth-child(2) b{color: var(--text)}
html[data-theme="light"] .helion-platform-totals article.transit b{color: var(--muted)}
html[data-theme="light"] .helion-platform-model{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface) 70%)}
html[data-theme="light"] .helion-platform-model > header > span{color: var(--coral)}
html[data-theme="light"] .helion-platform-model header small{color: var(--muted)}
html[data-theme="light"] .helion-platform-model header h3{color: var(--text)}
html[data-theme="light"] .helion-platform-model header > b{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .helion-platform-model-values > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .helion-platform-model-values small{color: var(--muted)}
html[data-theme="light"] .helion-platform-model-values b{color: var(--text)}
html[data-theme="light"] .helion-platform-model-values em{color: var(--muted)}
html[data-theme="light"] .helion-platform-model-values .available b{color: var(--text)}
html[data-theme="light"] .helion-platform-model-values .pending b{color: var(--text)}
html[data-theme="light"] .helion-platform-model-values .transit b{color: var(--muted)}
html[data-theme="light"] .helion-platform-empty > span{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .helion-platform-empty b{color: var(--text)}
html[data-theme="light"] .helion-platform-empty p{color: var(--muted)}
html[data-theme="light"] .registry-type-ledger-row.withdrawal strong.neutral,html[data-theme="light"] .spending-row strong.neutral,html[data-theme="light"] .list-row .row-amount strong.neutral{color: var(--muted)}
html[data-theme="light"] .notification-model-group{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .notification-model-group > header{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .notification-model-group > header > div > span{color: var(--coral)}
html[data-theme="light"] .notification-model-group header small{color: var(--muted)}
html[data-theme="light"] .notification-model-group header h3{color: var(--text)}
html[data-theme="light"] .notification-model-group > header > strong{color: var(--muted)}
html[data-theme="light"] .notification-model-group .withdrawal-notification-card{border-color: var(--line)}
html[data-theme="light"] .notification-history-model{border: 1px solid var(--line)}
html[data-theme="light"] .notification-history-model > header{background: var(--surface)}
html[data-theme="light"] .notification-history-model > header b{color: var(--text)}
html[data-theme="light"] .notification-history-model > header span{color: var(--muted)}
html[data-theme="light"] .notification-history-row > strong{color: var(--muted)}
html[data-theme="light"] .notification-history-row > strong small{color: var(--muted)}
html[data-theme="light"] .helion-import-panel label > span{color: var(--muted)}
html[data-theme="light"] .helion-import-panel textarea{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .helion-import-panel textarea:focus{border-color: var(--line)}
html[data-theme="light"] .helion-import-panel label > small{color: var(--muted)}
html[data-theme="light"] .helion-import-rule{border: 1px solid var(--line)}
html[data-theme="light"] .helion-import-rule > span{color: var(--text)}
html[data-theme="light"] .helion-import-rule p{color: var(--muted)}
html[data-theme="light"] .helion-import-rule b{color: var(--text)}
html[data-theme="light"] .registry-account-balance{border: 1px solid var(--line)}
html[data-theme="light"] .registry-account-balance > span{color: var(--text)}
html[data-theme="light"] .registry-account-balance b{color: var(--text)}
html[data-theme="light"] .registry-account-balance small{color: var(--muted)}
html[data-theme="light"] .registry-account-balance[data-state="warning"]{border-color: var(--line)}
html[data-theme="light"] .registry-account-balance[data-state="warning"] > span{color: var(--coral)}
html[data-theme="light"] .registry-account-balance[data-state="warning"] b{color: var(--text)}
html[data-theme="light"] .registry-account-balance[data-state="warning"] small{color: var(--muted)}
html[data-theme="light"] .fv-accounts-view [data-fv-open-account-transfer]{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface));color: var(--text)}
html[data-theme="light"] .fv-accounts-view [data-fv-open-account-transfer]:hover{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface));color: var(--text)}
html[data-theme="light"] .fv-accounts-view .live-account{border-color: var(--line);background:
    radial-gradient(circle at 94% 4%, rgba(94, 215, 230, .055), transparent 32%),
    linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .fv-accounts-view .live-account > .modal-actions .secondary{border-color: var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .fv-accounts-view .live-account > .modal-actions .secondary:hover{border-color: var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]),html[data-theme="light"] #modalContent:has([data-fv-transfer-source]){border-color: var(--line);background:
    radial-gradient(circle at 92% -5%, rgba(94, 215, 230, .075), transparent 28%),
    linear-gradient(155deg, var(--surface), var(--surface) 64%)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) > .modal-head,html[data-theme="light"] #modalContent:has([data-fv-transfer-source]) > .modal-head{border-bottom-color: var(--line)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) .business-modal-eyebrow,html[data-theme="light"] #modalContent:has([data-fv-transfer-source]) .business-modal-eyebrow{color: var(--text)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) .modal-head h2,html[data-theme="light"] #modalContent:has([data-fv-transfer-source]) .modal-head h2{color: var(--text)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) .modal-head p,html[data-theme="light"] #modalContent:has([data-fv-transfer-source]) .modal-head p{color: var(--muted)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) .mova-form-grid label,html[data-theme="light"] #modalContent:has([data-fv-transfer-source]) .mova-form-grid label{color: var(--muted)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) .mova-form-grid input,html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) .mova-form-grid select,html[data-theme="light"] #modalContent:has([data-fv-transfer-source]) .mova-form-grid input,html[data-theme="light"] #modalContent:has([data-fv-transfer-source]) .mova-form-grid select{border-color: var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) .mova-form-grid input:disabled{border-color: var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] #modalContent:has([data-fv-account-adjustment-target]) > .modal-actions,html[data-theme="light"] #modalContent:has([data-fv-transfer-source]) > .modal-actions{border-top-color: var(--line)}
html[data-theme="light"] [data-fv-transfer-quote]{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface));color: var(--muted)}
html[data-theme="light"] [data-fv-transfer-quote] b{color: var(--text)}
html[data-theme="light"] [data-fv-transfer-quote][data-valid="true"]{border-color: var(--line);background: linear-gradient(145deg, rgba(94, 229, 162, .07), var(--surface) 70%);color: var(--muted)}
html[data-theme="light"] [data-fv-transfer-quote][data-valid="true"] b{color: var(--text)}
html[data-theme="light"] [data-fv-transfer-quote][data-valid="false"]{border-color: var(--line);background: linear-gradient(145deg, rgba(233, 201, 103, .055), var(--surface) 72%);color: var(--muted)}
html[data-theme="light"] .upgraded-registry .transfer-fee-field > em{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .transfer-calculation{border: 1px solid var(--line);background:
    radial-gradient(circle at 92% 12%, rgba(94, 215, 230, .055), transparent 28%),
    linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .upgraded-registry .transfer-calculation > div:not(.transfer-preview-empty){border: 1px solid var(--line)}
html[data-theme="light"] .upgraded-registry .transfer-calculation > i{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .transfer-calculation small{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .transfer-calculation b{color: var(--text)}
html[data-theme="light"] .upgraded-registry .transfer-calculation em{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .transfer-calculation .result{border-color: var(--line)}
html[data-theme="light"] .upgraded-registry .transfer-calculation .result small{color: var(--green)}
html[data-theme="light"] .upgraded-registry .transfer-calculation .result b{color: var(--text)}
html[data-theme="light"] .upgraded-registry .transfer-preview-empty b{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .transfer-preview-empty small{color: var(--muted)}
html[data-theme="light"] .savings-close-section-title small{color: var(--text)}
html[data-theme="light"] .savings-close-notification-card{background: linear-gradient(145deg, rgba(94, 229, 162, .075), rgba(168, 124, 245, .035) 58%, var(--surface))}
html[data-theme="light"] .savings-close-icon{color: var(--text)}
html[data-theme="light"] .savings-close-notification-card header small{color: var(--text)}
html[data-theme="light"] .savings-close-notification-card header h2{color: var(--text)}
html[data-theme="light"] .savings-close-notification-card header p{color: var(--muted)}
html[data-theme="light"] .savings-close-balance small{color: var(--muted)}
html[data-theme="light"] .savings-close-balance b{color: var(--text)}
html[data-theme="light"] .savings-close-balance em{color: var(--muted)}
html[data-theme="light"] .savings-close-form > label > span{color: var(--muted)}
html[data-theme="light"] .savings-close-form select,html[data-theme="light"] .savings-close-amount{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .savings-close-amount i,html[data-theme="light"] .savings-close-amount b{color: var(--muted)}
html[data-theme="light"] .savings-close-amount input{color: var(--text)}
html[data-theme="light"] .savings-close-form label > small{color: var(--muted)}
html[data-theme="light"] .savings-close-actions{border-top: 1px solid var(--line)}
html[data-theme="light"] .savings-close-no-account{border: 1px dashed var(--line)}
html[data-theme="light"] .savings-close-no-account b{color: var(--text)}
html[data-theme="light"] .savings-close-no-account span{color: var(--muted)}
html[data-theme="light"] .savings-close-history-row strong{color: var(--text)}
html[data-theme="light"] .preference-section-head{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .preference-section-head small{color: var(--text)}
html[data-theme="light"] .preference-section-head h2{color: var(--text)}
html[data-theme="light"] .preference-section-head p{color: var(--muted)}
html[data-theme="light"] .sidebar-global-refresh{border: 1px solid var(--line);background: linear-gradient(135deg, var(--surface), var(--surface));color: var(--text)}
html[data-theme="light"] .sidebar-global-refresh:hover:not(:disabled){border-color: var(--line);background: linear-gradient(135deg, var(--surface), var(--surface))}
html[data-theme="light"] .sidebar-global-refresh:disabled{color: var(--muted)}
html[data-theme="light"] .sidebar-refresh-icon{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .helion-refresh-button{border-color: color-mix(in srgb, var(--dashboard-accent) 42%, var(--line));color: color-mix(in srgb, var(--dashboard-accent) 78%, var(--text))}
html[data-theme="light"] .helion-refresh-button:hover:not(:disabled){background: color-mix(in srgb, var(--dashboard-accent) 10%, var(--surface))}
html[data-theme="light"] .models-settings-view .fixed-economic-field{border-color: var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .helion-cost-report > .simple-section-head h2{color: var(--text)}
html[data-theme="light"] .helion-cost-report > .simple-section-head p{color: var(--muted)}
html[data-theme="light"] .helion-cost-period-action > label > span{color: var(--muted)}
html[data-theme="light"] .helion-venuz-batch-button{border-color: color-mix(in srgb, var(--dashboard-accent) 45%, var(--line));color: color-mix(in srgb, var(--dashboard-accent) 80%, var(--text))}
html[data-theme="light"] .helion-cost-head-tools > label > span{color: var(--muted)}
html[data-theme="light"] .helion-cost-head-tools select{border: 1px solid var(--line);background-color: var(--surface);color: var(--text)}
html[data-theme="light"] .helion-cost-head-tools select:focus{border-color: color-mix(in srgb, var(--dashboard-accent) 55%, var(--line))}
html[data-theme="light"] .helion-cost-totals > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .helion-cost-totals > span.credit{border-color: color-mix(in srgb, var(--green) 35%, var(--line));background: color-mix(in srgb, var(--green) 6%, var(--surface))}
html[data-theme="light"] .venuz-payment-summary span:nth-child(2) b{color: var(--text)}
html[data-theme="light"] .helion-cost-totals small{color: var(--muted)}
html[data-theme="light"] .helion-cost-totals b{color: var(--text)}
html[data-theme="light"] .helion-cost-totals > span:last-child b{color: var(--text)}
html[data-theme="light"] .helion-cost-type-summary{border: 1px solid var(--line);background: linear-gradient(145deg, rgba(255, 255, 255, .025), var(--surface) 76%)}
html[data-theme="light"] .helion-cost-type-summary > header small{color: var(--muted)}
html[data-theme="light"] .helion-cost-type-summary > header h3{color: var(--text)}
html[data-theme="light"] .helion-cost-type-summary > header p{color: var(--muted)}
html[data-theme="light"] .helion-cost-type-summary > header > span b{color: var(--text)}
html[data-theme="light"] .helion-cost-type-summary-grid > article{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .helion-cost-type-summary-grid article > div small{color: var(--muted)}
html[data-theme="light"] .helion-cost-type-summary-grid strong{color: var(--text)}
html[data-theme="light"] .helion-cost-type-summary-grid dl > div{background: var(--surface)}
html[data-theme="light"] .helion-cost-type-summary-grid dt{color: var(--muted)}
html[data-theme="light"] .helion-cost-type-summary-grid dd{color: var(--text)}
html[data-theme="light"] .helion-cost-type-summary-grid dl > div:last-child dd{color: var(--text)}
html[data-theme="light"] .helion-cost-type-summary-grid article > p{color: var(--muted)}
html[data-theme="light"] .helion-cost-model{border-color: var(--line);background: linear-gradient(145deg, rgba(255, 73, 198, .035), var(--surface) 70%)}
html[data-theme="light"] .helion-cost-model > header{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .helion-cost-model > header small{color: var(--muted)}
html[data-theme="light"] .helion-cost-model > header h3{color: var(--text)}
html[data-theme="light"] .helion-cost-model > header > div:last-child span{color: var(--muted)}
html[data-theme="light"] .helion-cost-model > header > div:last-child strong{color: var(--text)}
html[data-theme="light"] .helion-cost-model > header > div:last-child small{color: var(--muted)}
html[data-theme="light"] .helion-cost-line{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .helion-cost-line > div > b{color: var(--text)}
html[data-theme="light"] .helion-cost-line > div > small{color: var(--muted)}
html[data-theme="light"] .helion-cost-line > div > em{border: 1px solid var(--line);color: var(--text)}
html[data-theme="light"] .helion-cost-line[data-payment-state="pagado"] > div > em{border-color: var(--line);color: var(--text)}
html[data-theme="light"] .helion-cost-line[data-payment-state="sin-plan"] > div > em{border-color: var(--line);color: var(--muted)}
html[data-theme="light"] .helion-cost-register{color: color-mix(in srgb, var(--dashboard-accent) 76%, var(--text))}
html[data-theme="light"] .helion-cost-register:hover{color: var(--text)}
html[data-theme="light"] .helion-cost-line dl > div{background: var(--surface)}
html[data-theme="light"] .helion-cost-line dt{color: var(--muted)}
html[data-theme="light"] .helion-cost-line dd{color: var(--text)}
html[data-theme="light"] .helion-cost-line dd.pending{color: var(--text)}
html[data-theme="light"] .helion-cost-line dd.settled{color: var(--text)}
html[data-theme="light"] .helion-cost-line > p{color: var(--muted)}
html[data-theme="light"] .helion-cost-model > footer > span{color: var(--muted)}
html[data-theme="light"] .helion-cost-model > footer small{color: var(--muted)}
html[data-theme="light"] .helion-cost-model > footer b{color: var(--text)}
html[data-theme="light"] .helion-cost-model > footer .pending b{color: var(--text)}
html[data-theme="light"] .helion-other-paid{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .helion-other-paid > span{background: var(--surface)}
html[data-theme="light"] .helion-other-paid b{color: var(--text)}
html[data-theme="light"] .helion-other-paid small{color: var(--muted)}
html[data-theme="light"] .helion-other-paid > strong{color: var(--text)}
html[data-theme="light"] .helion-cost-rule > span{color: var(--text)}
html[data-theme="light"] .helion-cost-rule p{color: var(--muted)}
html[data-theme="light"] .helion-cost-rule b{color: var(--text)}
html[data-theme="light"] .helion-cost-empty > span{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .helion-cost-empty b{color: var(--text)}
html[data-theme="light"] .helion-cost-empty p{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-model-allocation{border: 1px solid var(--line)}
html[data-theme="light"] .upgraded-registry .helion-allocation-head span,html[data-theme="light"] .upgraded-registry .helion-allocation-method > span{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-allocation-head small{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-allocation-head button{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .upgraded-registry .helion-allocation-head button:hover{border-color: var(--line);color: var(--text)}
html[data-theme="light"] .upgraded-registry .helion-model-choices > label{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .upgraded-registry .helion-model-choices > label:has(input:checked){border-color: var(--line)}
html[data-theme="light"] .upgraded-registry .helion-model-choices span{color: var(--text)}
html[data-theme="light"] .upgraded-registry .helion-model-choices p{color: var(--coral)}
html[data-theme="light"] .upgraded-registry .helion-allocation-values > label > span{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-allocation-values > label > div{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .upgraded-registry .helion-allocation-values em{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-allocation-summary{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-model-allocation[data-state="valid"] .helion-allocation-summary{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-model-allocation[data-state="invalid"] .helion-allocation-summary{color: var(--coral)}
html[data-theme="light"] .upgraded-registry .helion-cost-fields{border: 1px solid var(--line)}
html[data-theme="light"] .upgraded-registry .helion-cost-fields label > span{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-economic-note{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .upgraded-registry .helion-economic-note::before{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .helion-economic-note b{color: var(--text)}
html[data-theme="light"] .upgraded-registry .helion-economic-note span{color: var(--muted)}
html[data-theme="light"] .helion-reality-strip > div{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .helion-reality-strip small{color: var(--muted)}
html[data-theme="light"] .helion-reality-strip b{color: var(--text)}
html[data-theme="light"] .helion-reality-strip span{color: var(--muted)}
html[data-theme="light"] .helion-reality-strip .paid b{color: var(--coral)}
html[data-theme="light"] .helion-reality-strip .pending b{color: var(--text)}
html[data-theme="light"] .helion-reality-strip .cash{background: linear-gradient(145deg, rgba(94,229,162,.055), var(--surface) 75%)}
html[data-theme="light"] .helion-reality-strip .cash b{color: var(--text)}
html[data-theme="light"] .helion-section-kicker{color: color-mix(in srgb, var(--dashboard-accent) 76%, var(--text))}
html[data-theme="light"] .helion-cost-totals > span.paid b{color: var(--text)}
html[data-theme="light"] .helion-plan-report > .simple-section-head h2{color: var(--text)}
html[data-theme="light"] .helion-plan-report > .simple-section-head p{color: var(--muted)}
html[data-theme="light"] .helion-plan-totals > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .helion-plan-totals small{color: var(--muted)}
html[data-theme="light"] .helion-plan-totals b{color: var(--text)}
html[data-theme="light"] .helion-plan-totals > span:nth-child(2) b{color: var(--text)}
html[data-theme="light"] .helion-plan-totals > span:last-child b{color: var(--text)}
html[data-theme="light"] .helion-plan-model{border-color: var(--line);background: linear-gradient(145deg, rgba(233,201,103,.035), var(--surface) 70%)}
html[data-theme="light"] .helion-plan-model > header{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .helion-plan-model header small{color: var(--muted)}
html[data-theme="light"] .helion-plan-model header h3{color: var(--text)}
html[data-theme="light"] .helion-plan-model > header > div:last-child span{color: var(--muted)}
html[data-theme="light"] .helion-plan-model > header > div:last-child strong{color: var(--text)}
html[data-theme="light"] .helion-plan-model > header > div:last-child small{color: var(--muted)}
html[data-theme="light"] .helion-plan-basis{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .helion-plan-basis.actual{color: var(--text)}
html[data-theme="light"] .helion-plan-cost-list > div{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .helion-plan-cost-list .other > span{background: var(--surface)}
html[data-theme="light"] .helion-plan-cost-list b{color: var(--text)}
html[data-theme="light"] .helion-plan-cost-list small{color: var(--muted)}
html[data-theme="light"] .helion-plan-cost-list strong{color: var(--text)}
html[data-theme="light"] .helion-plan-cost-list .missing strong{color: var(--muted)}
html[data-theme="light"] .helion-plan-cost-list button{color: var(--coral)}
html[data-theme="light"] .helion-plan-model footer small{color: var(--muted)}
html[data-theme="light"] .helion-plan-model footer b{color: var(--text)}
html[data-theme="light"] .helion-plan-rule > span{color: var(--text)}
html[data-theme="light"] .helion-plan-rule b{color: var(--text)}
html[data-theme="light"] .helion-plan-rule p{color: var(--muted)}
html[data-theme="light"] .account-balance-kpi .kpi-secondary-line{color: var(--muted)}
html[data-theme="light"] .account-balance-kpi .kpi-secondary-line b{color: var(--text)}
html[data-theme="light"] .account-balance-kpi .kpi-secondary-line.onlyfans{color: var(--text)}
html[data-theme="light"] .account-balance-kpi .kpi-secondary-line.onlyfans b{color: var(--text)}
html[data-theme="light"] .actual-flow-split > div{border: 1px solid var(--line)}
html[data-theme="light"] .actual-flow-split span{color: var(--muted)}
html[data-theme="light"] .actual-flow-split strong{color: var(--text)}
html[data-theme="light"] .actual-flow-split [data-dashboard-flow="income"] strong{color: var(--text)}
html[data-theme="light"] .actual-flow-split [data-dashboard-flow="expense"] strong{color: var(--coral)}
html[data-theme="light"] .future-money-reserve p.money-cushion{border-top: 1px dashed var(--line)}
html[data-theme="light"] .withdrawal-notification-card.transit{background: linear-gradient(145deg, rgba(94, 215, 230, .055), var(--surface) 58%)}
html[data-theme="light"] .withdrawal-notification-card.transit .notification-status{color: var(--text)}
html[data-theme="light"] .registry-ai-review-badge{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .registry-ai-dictation{border: 1px solid var(--line);background: var(--surface);color: var(--muted)}
html[data-theme="light"] .registry-ai-audio-preview span{color: var(--muted)}
html[data-theme="light"] .registry-ai-audio-preview button{color: var(--coral)}
html[data-theme="light"] .sidebar-notification-bell{border: 1px solid var(--line);background: linear-gradient(135deg, var(--surface), var(--surface));color: var(--muted)}
html[data-theme="light"] .sidebar-notification-bell > b{border: 2px solid var(--line);color: var(--muted)}
html[data-theme="light"] .sidebar-notification-bell.has-alerts{color: var(--purple)}
html[data-theme="light"] .virtuality-receivable-action{border: 1px solid color-mix(in srgb, var(--dashboard-accent) 35%, var(--line));background: color-mix(in srgb, var(--dashboard-accent) 7%, var(--surface));color: color-mix(in srgb, var(--dashboard-accent) 72%, var(--text))}
html[data-theme="light"] .quick-settlement-summary > :is(span,html[data-theme="light"] label){border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .quick-settlement-summary small{color: var(--muted)}
html[data-theme="light"] .quick-settlement-summary b{color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-ai-capture{background:
    radial-gradient(circle at 8% 0%, rgba(166, 126, 255, .13), transparent 29%),
    radial-gradient(circle at 94% 100%, rgba(91, 216, 229, .07), transparent 32%),
    linear-gradient(145deg, var(--surface), var(--surface) 68%)}
html[data-theme="light"] .upgraded-registry .registry-ai-icon{background: linear-gradient(145deg, #ab78f7, var(--surface));color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-ai-copy small{color: var(--purple)}
html[data-theme="light"] .upgraded-registry .registry-ai-copy h2{color: var(--text)}
html[data-theme="light"] .upgraded-registry .registry-ai-copy p{color: var(--muted)}
html[data-theme="light"] .upgraded-registry .registry-ai-review-badge{color: var(--muted)}
html[data-theme="light"] .registry-ai-tools-title{color: var(--muted)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-drop em{color: var(--muted)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-description > span{color: var(--muted)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-description textarea{color: var(--text)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-description textarea::placeholder{color: var(--muted)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-action{background: linear-gradient(135deg, #a86ff0, var(--surface));color: var(--text)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-dictation{color: var(--muted)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-dictation:hover{color: var(--text)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-dictation.listening{color: var(--coral)}
html[data-theme="light"] .registry-ai-workspace .registry-ai-dictation-hint{color: var(--muted)}
html[data-theme="light"] .auth-boot{background:
    radial-gradient(circle at 50% 45%, rgba(148, 101, 225, .11), transparent 30%),
    var(--surface);color: var(--text)}
html[data-theme="light"] .auth-boot-mark{background: linear-gradient(135deg, #c49aff, var(--surface))}
html[data-theme="light"] .auth-boot span{color: var(--muted)}
html[data-theme="light"] .session-persistence-note{color: var(--muted)}
html[data-theme="light"] .profile:hover{background: var(--surface)}
html[data-theme="light"] .profile-crown{color: var(--muted)}
html[data-theme="light"] .profile-role{color: var(--muted)}
html[data-theme="light"] .profile-logout{color: var(--muted)}
html[data-theme="light"] .profile-logout:hover{border-color: var(--line);background: var(--surface);color: var(--coral)}
html[data-theme="light"] .sidebar-refresh-status{color: var(--muted)}
html[data-theme="light"] .sidebar-refresh-status .sync-source i{background: var(--surface)}
html[data-theme="light"] .sidebar-refresh-status .sync-source b{color: var(--muted)}
html[data-theme="light"] .sidebar-refresh-status .sync-source em{color: var(--muted)}
html[data-theme="light"] .account-total-dual .available-usd small{color: var(--muted)}
html[data-theme="light"] .account-total-dual .available-usd b{color: var(--text)}
html[data-theme="light"] .account-total-dual .available-usd span{color: var(--muted)}
html[data-theme="light"] .debt-provider-context{color: var(--muted)}
html[data-theme="light"] .debt-provider-context b{color: var(--text)}
html[data-theme="light"] .calendar-focus-switch{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .calendar-focus-switch button{color: var(--muted)}
html[data-theme="light"] .calendar-focus-switch button.active{background: var(--surface);color: var(--text)}
html[data-theme="light"] .calendar-month-insights.obligations article:nth-child(2) b{color: var(--text)}
html[data-theme="light"] .payment-notification-group > header small{color: var(--muted)}
html[data-theme="light"] .payment-notification-group > header b{color: var(--muted)}
html[data-theme="light"] .payment-notification-card.overdue{background: linear-gradient(145deg, rgba(255,116,116,.07), var(--surface) 52%)}
html[data-theme="light"] .payment-notification-card.due_today{background: linear-gradient(145deg, rgba(240,202,104,.065), var(--surface) 52%)}
html[data-theme="light"] .payment-notification-icon{background: var(--surface);color: var(--purple)}
html[data-theme="light"] .payment-notification-card small{color: var(--muted)}
html[data-theme="light"] .payment-notification-card p{color: var(--muted)}
html[data-theme="light"] .generic-notification-card.active{background: linear-gradient(145deg, rgba(168,124,245,.065), var(--surface) 55%)}
html[data-theme="light"] .generic-notification-icon{background: var(--surface);color: var(--purple)}
html[data-theme="light"] .generic-notification-card small{color: var(--muted)}
html[data-theme="light"] .generic-notification-card p{color: var(--muted)}
html[data-theme="light"] .quick-settlement-amount input{color: var(--text)}
html[data-theme="light"] .quick-settlement-amount input:focus{color: var(--text)}
html[data-theme="light"] .quick-settlement-amount em{color: var(--purple)}
html[data-theme="light"] .quick-settlement-amount i{color: var(--muted)}
html[data-theme="light"] .quick-settlement-error{color: var(--coral)}
html[data-theme="light"] .modal-actions > .modal-close{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .modal-actions > .modal-close:hover{border-color: var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .simple-kpi .remainder-ending-note{color: var(--muted)}
html[data-theme="light"] .simple-kpi .remainder-ending-note b{color: var(--text)}
html[data-theme="light"] .registry-ai-capture .registry-ai-draft{border: 1px solid var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .registry-ai-draft-head small,html[data-theme="light"] .registry-ai-draft-grid small,html[data-theme="light"] .registry-draft-receivables > small,html[data-theme="light"] .registry-pending-head small{color: var(--muted)}
html[data-theme="light"] .registry-ai-draft-head h3{color: var(--text)}
html[data-theme="light"] .registry-ai-draft-head > span{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .registry-ai-draft-head > span.income{color: var(--text)}
html[data-theme="light"] .registry-ai-draft-head > span.expense,html[data-theme="light"] .registry-ai-draft-head > span.debt{color: var(--coral)}
html[data-theme="light"] .registry-ai-draft-grid > div{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-ai-draft-grid b{color: var(--text)}
html[data-theme="light"] .registry-draft-evidence{border: 1px dashed var(--line);color: var(--muted)}
html[data-theme="light"] .registry-draft-receivables > span{color: var(--text)}
html[data-theme="light"] .registry-draft-receivables strong{color: var(--text)}
html[data-theme="light"] .registry-draft-receivable-components{color: var(--muted)}
html[data-theme="light"] .registry-draft-receivables p{color: var(--muted)}
html[data-theme="light"] .registry-ai-draft-warnings p{color: var(--muted)}
html[data-theme="light"] .registry-ai-draft-warnings span{color: var(--text)}
html[data-theme="light"] .registry-ai-dictation.listening{color: var(--purple)}
html[data-theme="light"] .registry-ai-dictation-hint{color: var(--muted)}
html[data-theme="light"] .registry-draft-transcript{color: var(--muted)}
html[data-theme="light"] .registry-draft-transcript b{color: var(--muted)}
html[data-theme="light"] .registry-ai-plan-head small,html[data-theme="light"] .registry-ai-plan-edit-card > div:first-child small,html[data-theme="light"] .registry-ai-plan-assumptions small,html[data-theme="light"] .registry-ai-plan-edit-grid span,html[data-theme="light"] .registry-ai-plan-no-account span{color: var(--muted)}
html[data-theme="light"] .registry-ai-plan-head h3{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-head > strong{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-related{color: var(--muted)}
html[data-theme="light"] .registry-ai-plan-row{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-ai-plan-type{border: 1px solid var(--line);color: var(--text)}
html[data-theme="light"] .registry-ai-plan-type.income{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-type.expense,html[data-theme="light"] .registry-ai-plan-type.debt{color: var(--coral)}
html[data-theme="light"] .registry-ai-plan-type.saving{color: var(--purple)}
html[data-theme="light"] .registry-ai-plan-type.transfer{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-copy b{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-copy small{color: var(--muted)}
html[data-theme="light"] .registry-ai-plan-row > strong{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-value small{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-assumptions,html[data-theme="light"] .registry-ai-plan-evidence,html[data-theme="light"] .registry-ai-plan-notice,html[data-theme="light"] .registry-ai-plan-question,html[data-theme="light"] .registry-ai-plan-message{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .registry-ai-plan-assumptions p{color: var(--muted)}
html[data-theme="light"] .registry-ai-plan-evidence{color: var(--muted)}
html[data-theme="light"] .registry-ai-plan-notice,html[data-theme="light"] .registry-ai-plan-question{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-foot{color: var(--muted)}
html[data-theme="light"] .registry-ai-plan-edit-card{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-ai-plan-edit-card > div:first-child b{color: var(--text)}
html[data-theme="light"] .registry-ai-plan-edit-grid input,html[data-theme="light"] .registry-ai-plan-edit-grid select,html[data-theme="light"] .registry-ai-plan-no-account b{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .registry-ai-plan-no-account b{color: var(--muted)}
html[data-theme="light"] .mova-ai-settings-mark{color: var(--muted)}
html[data-theme="light"] .mova-ai-settings-head small{color: var(--purple)}
html[data-theme="light"] .mova-ai-settings-head p{color: var(--muted)}
html[data-theme="light"] .mova-ai-status{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .mova-ai-status.ready{color: var(--text)}
html[data-theme="light"] .mova-ai-status.loading{color: var(--text)}
html[data-theme="light"] .mova-ai-status.warning{color: var(--text)}
html[data-theme="light"] .mova-ai-settings-flow span{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .mova-ai-settings-flow b{color: var(--muted)}
html[data-theme="light"] .mova-ai-settings-flow i{color: var(--muted)}
html[data-theme="light"] .mova-ai-settings-foot b{color: var(--text)}
html[data-theme="light"] .mova-ai-settings-foot small{color: var(--muted)}
html[data-theme="light"] .registry-manual-disclosure{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-manual-disclosure > summary > span{border: 1px solid var(--line);color: var(--text)}
html[data-theme="light"] .registry-manual-disclosure > summary b{color: var(--text)}
html[data-theme="light"] .registry-manual-disclosure > summary small{color: var(--muted)}
html[data-theme="light"] .registry-manual-disclosure > summary em{color: var(--muted)}
html[data-theme="light"] .registry-manual-disclosure[open] > summary{border-bottom: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-pending-head h2{color: var(--text)}
html[data-theme="light"] .registry-pending-head p{color: var(--muted)}
html[data-theme="light"] .registry-pending-head > span{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .registry-pending-item{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-pending-item > span{color: var(--coral)}
html[data-theme="light"] .registry-pending-item.income > span{color: var(--text)}
html[data-theme="light"] .registry-pending-item small{color: var(--muted)}
html[data-theme="light"] .registry-pending-item b{color: var(--text)}
html[data-theme="light"] .registry-pending-item em{color: var(--muted)}
html[data-theme="light"] .registry-pending-item > strong{color: var(--text)}
html[data-theme="light"] .registry-pending-item > button{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .registry-pending-item > button:hover{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .general-dashboard-page .dashboard-switcher button.active,html[data-theme="light"] .general-dashboard-page .dashboard-mode button.active,html[data-theme="light"] .general-dashboard-page .segmented button.active{background: linear-gradient(135deg, var(--surface), var(--surface)) !important;color: var(--muted) !important}
html[data-theme="light"] .general-dashboard-page .data-cutoff span{background: var(--surface) !important}
html[data-theme="light"] .section-title-row h2,html[data-theme="light"] .simple-section-head h2,html[data-theme="light"] .history-section-head h2,html[data-theme="light"] .analysis-card-head h2,html[data-theme="light"] .analysis-indicators h2,html[data-theme="light"] .analysis-secondary-grid h2{color: var(--text)}
html[data-theme="light"] .simple-kpi{background:
    radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--kpi-tone) 13%, transparent), transparent 36%),
    linear-gradient(145deg, color-mix(in srgb, var(--kpi-tone) 6%, var(--kpi-surface)), var(--surface) 76%) !important}
html[data-theme="light"] .simple-kpi .kpi-label{color: color-mix(in srgb, var(--kpi-tone) 76%, var(--muted))}
html[data-theme="light"] .simple-kpi p,html[data-theme="light"] .simple-kpi > small,html[data-theme="light"] .simple-kpi .remainder-ending-note{color: color-mix(in srgb, var(--kpi-tone) 24%, var(--muted))}
html[data-theme="light"] .registry-kpi{background:
    radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--kpi-tone) 12%, transparent), transparent 38%),
    linear-gradient(145deg, color-mix(in srgb, var(--kpi-tone) 8%, var(--kpi-surface)), var(--surface) 76%) !important}
html[data-theme="light"] .registry-kpi small{color: color-mix(in srgb, var(--kpi-tone) 78%, var(--muted)) !important}
html[data-theme="light"] .registry-kpi > span{color: color-mix(in srgb, var(--kpi-tone) 24%, var(--muted)) !important}
html[data-theme="light"] .registry-type-group{background:
    linear-gradient(145deg, color-mix(in srgb, var(--type-color) 8%, var(--surface)), var(--surface) 70%)}
html[data-theme="light"] .registry-type-summary > div:nth-child(2) b{color: var(--muted)}
html[data-theme="light"] .movement-summary-strip article,html[data-theme="light"] .debt-summary-grid article,html[data-theme="light"] .savings-summary-grid article,html[data-theme="light"] .analysis-kpis article,html[data-theme="light"] .calendar-month-insights article,html[data-theme="light"] .history-kpi{background:
    radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--summary-tone) 11%, transparent), transparent 38%),
    linear-gradient(145deg, color-mix(in srgb, var(--summary-tone) 7%, var(--summary-surface)), var(--surface) 76%) !important}
html[data-theme="light"] .history-quick-ranges button.active,html[data-theme="light"] .history-range-presets button.active{border-color: var(--line);background: linear-gradient(135deg, var(--surface), var(--surface));color: var(--muted)}
html[data-theme="light"] .movement-summary-strip span,html[data-theme="light"] .debt-summary-grid span,html[data-theme="light"] .savings-summary-grid span,html[data-theme="light"] .analysis-kpis span,html[data-theme="light"] .calendar-month-insights small,html[data-theme="light"] .history-kpi small{color: color-mix(in srgb, var(--summary-tone) 72%, var(--muted)) !important}
html[data-theme="light"] .savings-summary-grid small,html[data-theme="light"] .calendar-month-insights span{color: color-mix(in srgb, var(--summary-tone) 22%, var(--muted))}
html[data-theme="light"] .debt-account-card{background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--visual-debt) 6%, transparent), transparent 34%),
    linear-gradient(145deg, var(--surface), var(--surface) 76%)}
html[data-theme="light"] .saving-goal-card{background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--visual-saving) 9%, transparent), transparent 38%),
    linear-gradient(145deg, var(--surface), var(--surface) 76%)}
html[data-theme="light"] .movement-ledger-row:hover,html[data-theme="light"] .registry-type-ledger-row:hover,html[data-theme="light"] .history-ledger-row:hover,html[data-theme="light"] .savings-location-row:hover{background: var(--surface)}
html[data-theme="light"] .dashboard-switcher,html[data-theme="light"] .dashboard-mode,html[data-theme="light"] .history-filter,html[data-theme="light"] .settings-tabs,html[data-theme="light"] .registry-visual-toolbar,html[data-theme="light"] .analysis-toolbar,html[data-theme="light"] .debt-filter-bar{background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .movement-ledger-row > span small,html[data-theme="light"] .registry-type-ledger-row > div:nth-child(2) small,html[data-theme="light"] .history-ledger-row > div small,html[data-theme="light"] .movement-ledger-row time{color: var(--muted)}
html[data-theme="light"] #page[data-dashboard-theme="helion"] .page-head h1,html[data-theme="light"] #page[data-dashboard-theme="virtuality"] .page-head h1,html[data-theme="light"] #page[data-dashboard-theme="otros"] .page-head h1,html[data-theme="light"] #page[data-dashboard-theme="personal"] .page-head h1{color: color-mix(in srgb, var(--dashboard-accent) 66%, var(--text))}
html[data-theme="light"] .fv-helion-model-card header p,html[data-theme="light"] .helion-platform-totals span,html[data-theme="light"] .helion-platform-model-values em,html[data-theme="light"] .helion-reality-strip span{color: var(--muted)}
html[data-theme="light"] .helion-reality-strip .paid{background: linear-gradient(145deg, rgba(255,133,128,.07), var(--surface) 75%)}
html[data-theme="light"] .helion-reality-strip .pending{background: linear-gradient(145deg, rgba(232,200,95,.07), var(--surface) 75%)}
html[data-theme="light"] .helion-platform-totals article:nth-child(2){background: linear-gradient(145deg, rgba(232,200,95,.07), var(--surface) 75%)}
html[data-theme="light"] .helion-platform-totals article.transit{background: linear-gradient(145deg, rgba(98,217,234,.07), var(--surface) 75%)}
html[data-theme="light"] .helion-platform-totals article:last-child{background: linear-gradient(145deg, rgba(238,241,242,.045), var(--surface) 75%)}
html[data-theme="light"] .virtuality-head-actions > small{border: 1px solid color-mix(in srgb, var(--dashboard-accent) 18%, var(--line));background: color-mix(in srgb, var(--dashboard-accent) 5%, var(--surface));color: var(--muted)}
html[data-theme="light"] .accounts-current-summary{background:
    radial-gradient(circle at 84% 30%, rgba(255,255,255,.075), transparent 34%),
    linear-gradient(145deg, var(--surface), var(--surface) 76%)}
html[data-theme="light"] .accounts-current-summary span{color: var(--text)}
html[data-theme="light"] .accounts-current-summary small{color: var(--muted)}
html[data-theme="light"] .accounts-opening-note p{color: var(--muted)}
html[data-theme="light"] .account-brand-logo{border: 1px solid var(--line);background: var(--surface) !important}
html[data-theme="light"] .account-brand-logo.is-binance{background: var(--surface) !important}
html[data-theme="light"] .account-brand-logo.fallback{background: var(--surface) !important}
html[data-theme="light"] .account-brand-logo.is-switch{background: var(--surface) !important}
html[data-theme="light"] .account-brand-logo.debt-generic-icon{color: var(--text);background: var(--surface) !important}
html[data-theme="light"] .account-brand-logo.debt-generic-icon.is-personal{color: var(--purple);background: linear-gradient(145deg, var(--surface), var(--surface)) !important}
html[data-theme="light"] .account-brand-logo.debt-generic-icon.is-loan{color: var(--text);background: linear-gradient(145deg, var(--surface), var(--surface)) !important}
html[data-theme="light"] .account-brand-logo.debt-generic-icon.is-other{color: var(--text);background: linear-gradient(145deg, var(--surface), var(--surface)) !important}
html[data-theme="light"] .calendar-legend span{background: color-mix(in srgb, var(--legend-tone) 7%, var(--surface));color: color-mix(in srgb, var(--legend-tone) 62%, var(--text))}
html[data-theme="light"] .real-registry .registry-current-note{background: linear-gradient(100deg, rgba(98,230,168,.065), var(--surface) 62%)}
html[data-theme="light"] .movement-empty,html[data-theme="light"] .range-empty,html[data-theme="light"] .registry-type-empty{border-color: var(--line);background: linear-gradient(145deg, var(--surface), var(--surface))}
html[data-theme="light"] .dashboard-remainder-reconciliation{background: linear-gradient(115deg, var(--surface), var(--surface) 62%, rgba(93,215,230,.035))}
html[data-theme="light"] .dashboard-remainder-reconciliation small{color: var(--muted)}
html[data-theme="light"] .dashboard-remainder-reconciliation strong{color: var(--text)}
html[data-theme="light"] .dashboard-remainder-reconciliation .remainder-part > span{color: var(--muted)}
html[data-theme="light"] .dashboard-remainder-reconciliation .remainder-operator{color: var(--muted)}
html[data-theme="light"] .helion-view-tabs button.active{color:var(--text)}
html[data-theme="light"] .account-brand-logo.is-rappi{background: linear-gradient(145deg, var(--surface), var(--surface)) !important}
html[data-theme="light"] .debt-detail-title > div > span{color: var(--muted)}
html[data-theme="light"] .revolving-debt-card{background:
    radial-gradient(circle at 92% 2%, rgba(0, 231, 179, .09), transparent 33%),
    linear-gradient(145deg, var(--surface), var(--surface) 72%)}
html[data-theme="light"] .revolving-debt-card .debt-period-status{color: var(--text)}
html[data-theme="light"] .revolving-primary span,html[data-theme="light"] .revolving-metrics small,html[data-theme="light"] .credit-card-hero span,html[data-theme="light"] .credit-payment-options span,html[data-theme="light"] .credit-line-summary span,html[data-theme="light"] .debt-plan-head > div > small{color: var(--muted)}
html[data-theme="light"] .revolving-primary strong{color: var(--text)}
html[data-theme="light"] .revolving-primary b{color: var(--muted)}
html[data-theme="light"] .revolving-minimum b{color: var(--text)}
html[data-theme="light"] .revolving-card-detail{background:
    radial-gradient(circle at 96% 0, rgba(0, 231, 179, .065), transparent 30%),
    linear-gradient(155deg, var(--surface), var(--surface) 70%)}
html[data-theme="light"] .credit-card-hero strong{color: var(--text)}
html[data-theme="light"] .credit-card-hero > div:first-child strong{color: var(--text)}
html[data-theme="light"] .credit-card-hero b,html[data-theme="light"] .credit-card-hero small{color: var(--muted)}
html[data-theme="light"] .credit-payment-options .recommended b{color: var(--purple)}
html[data-theme="light"] .credit-payment-options .no-interest b{color: var(--text)}
html[data-theme="light"] .credit-payment-options small{color: var(--muted)}
html[data-theme="light"] .credit-line-summary{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .credit-line-summary > i{background: var(--surface)}
html[data-theme="light"] .credit-line-summary.unknown > i{background: repeating-linear-gradient(90deg, var(--surface) 0 8px, var(--surface) 8px 15px)}
html[data-theme="light"] .credit-ownership span{color: var(--muted)}
html[data-theme="light"] .credit-ownership b{color: var(--text)}
html[data-theme="light"] .credit-cycle-context small{color: var(--muted)}
html[data-theme="light"] .credit-cycle-context b{color: var(--text)}
html[data-theme="light"] .credit-cycle-context span{color: var(--muted)}
html[data-theme="light"] .credit-evidence-transactions > header > span{color: var(--muted)}
html[data-theme="light"] .credit-evidence-transactions article span{color: var(--muted)}
html[data-theme="light"] .credit-evidence-transactions article b{color: var(--text)}
html[data-theme="light"] .credit-evidence-transactions article strong{color: var(--text)}
html[data-theme="light"] .credit-evidence-transactions article > small{color: var(--muted)}
html[data-theme="light"] .debt-plan-head > strong{color: var(--purple)}
html[data-theme="light"] .debt-plan-head > strong small{color: var(--muted)}
html[data-theme="light"] .debt-plan-facts > span{color: var(--muted)}
html[data-theme="light"] .debt-plan-facts b{color: var(--text)}
html[data-theme="light"] .debt-installment > span{color: var(--purple)}
html[data-theme="light"] .debt-installment > div small,html[data-theme="light"] .debt-installment > small{color: var(--muted)}
html[data-theme="light"] .debt-installment > strong{color: var(--text)}
html[data-theme="light"] .debt-installment > strong em{color: var(--text)}
html[data-theme="light"] .debt-plan-rule{color: var(--muted)}
html[data-theme="light"] .credit-liability-guide{background: linear-gradient(110deg, rgba(0,231,179,.055), var(--surface) 62%)}
html[data-theme="light"] .credit-liability-icon{color: var(--text)}
html[data-theme="light"] #modalContent:has([data-functional-debt-save]),html[data-theme="light"] #modalContent:has([data-card-statement-dialog]){border-color: var(--line);background:
    radial-gradient(circle at 94% 0, rgba(0,231,179,.05), transparent 29%),
    linear-gradient(155deg, var(--surface), var(--surface) 66%)}
html[data-theme="light"] #modalContent:has([data-functional-debt-save]) > .modal-head,html[data-theme="light"] #modalContent:has([data-card-statement-dialog]) > .modal-head{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .modal-head .card-statement-error{color: var(--text)}
html[data-theme="light"] .debt-editor-section{border: 1px solid var(--line)}
html[data-theme="light"] .debt-editor-heading > span{color: var(--text)}
html[data-theme="light"] .debt-editor-heading b{color: var(--text)}
html[data-theme="light"] .debt-editor-heading small{color: var(--muted)}
html[data-theme="light"] .debt-security-note,html[data-theme="light"] .debt-installment-schedule small{color: var(--muted)}
html[data-theme="light"] .debt-plan-toggle{color: var(--muted)}
html[data-theme="light"] .debt-installment-schedule textarea{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .debt-editor-actions{border-top: 1px solid var(--line)}
html[data-theme="light"] .grouped-loan-card{background: radial-gradient(circle at 94% 2%, rgba(77,182,172,.1), transparent 34%), linear-gradient(145deg,var(--surface),var(--surface) 72%)}
html[data-theme="light"] .grouped-loan-primary span,html[data-theme="light"] .grouped-loan-card-facts small,html[data-theme="light"] .grouped-loan-hero span,html[data-theme="light"] .grouped-loan-plan small,html[data-theme="light"] .grouped-loan-month small{color:var(--muted)}
html[data-theme="light"] .grouped-loan-primary strong,html[data-theme="light"] .grouped-loan-hero strong{color:var(--text)}
html[data-theme="light"] .grouped-loan-primary b,html[data-theme="light"] .grouped-loan-hero b,html[data-theme="light"] .grouped-loan-hero small{color:var(--muted)}
html[data-theme="light"] .grouped-loan-detail{background:radial-gradient(circle at 96% 0,rgba(77,182,172,.075),transparent 30%),linear-gradient(155deg,var(--surface),var(--surface) 70%)}
html[data-theme="light"] .grouped-loan-plan span{color:var(--muted)}
html[data-theme="light"] .grouped-loan-plan>div:last-child strong{color:var(--text)}
html[data-theme="light"] .grouped-plan-progress i{background:var(--surface)}
html[data-theme="light"] .grouped-plan-settled{color:var(--text)}
html[data-theme="light"] .grouped-loan-month header strong{color:var(--text)}
html[data-theme="light"] .grouped-loan-empty{color:var(--muted)}
html[data-theme="light"] .credit-use-card-summary span,html[data-theme="light"] .credit-balance-breakdown span,html[data-theme="light"] .credit-statement-calendar small,html[data-theme="light"] .credit-use-position span,html[data-theme="light"] .credit-use-existing > div > small,html[data-theme="light"] .credit-use-form-head small{color: var(--muted)}
html[data-theme="light"] .credit-use-card-summary b{color: var(--muted)}
html[data-theme="light"] .credit-use-card-summary small{color: var(--muted)}
html[data-theme="light"] .credit-use-card-summary.over-limit b,html[data-theme="light"] .credit-use-card-summary.over-limit small{color: var(--coral)}
html[data-theme="light"] .credit-use-card-summary.unverified small{color: var(--muted)}
html[data-theme="light"] .credit-detail-actions span{color: var(--muted)}
html[data-theme="light"] .credit-balance-breakdown h3{color: var(--text)}
html[data-theme="light"] .credit-balance-breakdown > header > span{color: var(--muted)}
html[data-theme="light"] .credit-balance-breakdown article b{color: var(--text)}
html[data-theme="light"] .credit-balance-breakdown article:first-child b{color: var(--coral)}
html[data-theme="light"] .credit-balance-breakdown article:nth-child(2) b{color: var(--muted)}
html[data-theme="light"] .credit-balance-breakdown article:last-child b{color: var(--text)}
html[data-theme="light"] .credit-balance-breakdown article small{color: var(--muted)}
html[data-theme="light"] .credit-statement-month h4{color: var(--text)}
html[data-theme="light"] .credit-statement-month header strong{color: var(--text)}
html[data-theme="light"] .credit-statement-month > div span{color: var(--text)}
html[data-theme="light"] .credit-statement-month > div b{color: var(--muted)}
html[data-theme="light"] .credit-statement-month > div small{color: var(--muted)}
html[data-theme="light"] .credit-statement-month.paid > div span,html[data-theme="light"] .credit-statement-month.applied > div span{color: var(--text)}
html[data-theme="light"] .credit-statement-month.current > div span{color: var(--muted)}
html[data-theme="light"] #modalContent:has(.credit-use-planner){background: radial-gradient(circle at 95% 0, rgba(88,205,227,.1), transparent 30%), var(--surface)}
html[data-theme="light"] .credit-use-planner .debt-detail-title p{color: var(--muted)}
html[data-theme="light"] .credit-use-position b{color: var(--text)}
html[data-theme="light"] .credit-use-position article:nth-child(2) b,html[data-theme="light"] .credit-use-position article:nth-child(4) b{color: var(--muted)}
html[data-theme="light"] .credit-use-safety > span{color: var(--muted)}
html[data-theme="light"] .credit-use-safety b{color: var(--text)}
html[data-theme="light"] .credit-use-safety p{color: var(--muted)}
html[data-theme="light"] .credit-use-form-head > strong{color: var(--muted)}
html[data-theme="light"] .credit-use-kind-note{color: var(--muted)}
html[data-theme="light"] .credit-use-warning b{color: var(--text)}
html[data-theme="light"] .credit-use-warning span{color: var(--muted)}
html[data-theme="light"] .credit-use-warning.warning b{color: var(--text)}
html[data-theme="light"] .credit-use-warning.warning span{color: var(--muted)}
html[data-theme="light"] .credit-use-warning.danger b{color: var(--coral)}
html[data-theme="light"] .credit-use-warning.danger span{color: var(--muted)}
html[data-theme="light"] .credit-use-warning.unknown b{color: var(--text)}
html[data-theme="light"] .credit-use-warning.unknown span{color: var(--muted)}
html[data-theme="light"] .credit-use-row > div:first-child b{color: var(--text)}
html[data-theme="light"] .credit-use-row > div:first-child span{color: var(--muted)}
html[data-theme="light"] .credit-use-row > strong{color: var(--muted)}
html[data-theme="light"] .credit-use-empty{color: var(--muted)}
html[data-theme="light"] .settings-credit-plan-summary{color: var(--muted)}
html[data-theme="light"] .settings-card-actions .credit-plan-config-button{color: var(--text)}
html[data-theme="light"] .movement-evidence{border-top: 1px solid var(--line)}
html[data-theme="light"] .movement-evidence-head small{color: var(--muted)}
html[data-theme="light"] .movement-evidence-head h3{color: var(--text)}
html[data-theme="light"] .movement-evidence-head > span{color: var(--muted)}
html[data-theme="light"] .movement-evidence-files > button{color: var(--text)}
html[data-theme="light"] .movement-evidence-files i{color: var(--muted)}
html[data-theme="light"] .movement-evidence-files small{color: var(--muted)}
html[data-theme="light"] .movement-evidence-files em{color: var(--text)}
html[data-theme="light"] .movement-evidence-preview img{background: var(--surface)}
html[data-theme="light"] .movement-evidence-preview a{color: var(--muted)}
html[data-theme="light"] .movement-evidence-loading,html[data-theme="light"] .movement-evidence-error{color: var(--muted)}
html[data-theme="light"] .movement-evidence-error{color: var(--coral)}
html[data-theme="light"] .settings-card-actions .account-balance-action{color: var(--text)}
html[data-theme="light"] .settings-card-actions .account-balance-action:hover{color: var(--text)}
html[data-theme="light"] #modalContent.account-reconciliation-modal{border-color: var(--line);background:
    radial-gradient(circle at 8% 0, rgba(164,126,255,.07), transparent 28%),
    linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .account-reconciliation-steps span{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-steps i{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .account-reconciliation-steps b{background: var(--surface)}
html[data-theme="light"] .account-reconciliation-steps span.active{color: var(--text)}
html[data-theme="light"] .account-reconciliation-steps span.active i{color: var(--text)}
html[data-theme="light"] .account-reconciliation-steps span.complete{color: var(--text)}
html[data-theme="light"] .account-reconciliation-steps span.complete i{color: var(--text)}
html[data-theme="light"] .account-reconciliation-intro > span{color: var(--text)}
html[data-theme="light"] .account-reconciliation-intro h3{color: var(--text)}
html[data-theme="light"] .account-reconciliation-intro p{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-context label > span,html[data-theme="light"] .account-reconciliation-note > span,html[data-theme="light"] .account-reconciliation-real > span{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-context input,html[data-theme="light"] .account-reconciliation-note input,html[data-theme="light"] .account-reconciliation-real input{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .registry-ledger-actions-help{color: var(--muted)}
html[data-theme="light"] .registry-ledger-actions-help b{color: var(--muted)}
html[data-theme="light"] .registry-ledger-category{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .registry-ledger-category-head{border-bottom: 1px solid var(--line);background: linear-gradient(90deg, color-mix(in srgb, var(--type-color) 9%, var(--surface)), var(--surface) 55%)}
html[data-theme="light"] .registry-ledger-category-head span{color: var(--text)}
html[data-theme="light"] .registry-ledger-category-head small{color: var(--muted)}
html[data-theme="light"] .panorama-quick-context > span{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .panorama-quick-context small{color: var(--muted)}
html[data-theme="light"] .panorama-quick-context b{color: var(--text)}
html[data-theme="light"] .panorama-quick-field-hint{color: var(--purple)}
html[data-theme="light"] .account-reconciliation-row{border: 1px solid var(--line)}
html[data-theme="light"] .account-reconciliation-account small,html[data-theme="light"] .account-reconciliation-registered small,html[data-theme="light"] .account-reconciliation-result small,html[data-theme="light"] .account-reconciliation-preview-row small{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-account b{color: var(--text)}
html[data-theme="light"] .account-reconciliation-account span{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-registered b{color: var(--text)}
html[data-theme="light"] .account-reconciliation-real em{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-result b.match,html[data-theme="light"] .account-reconciliation-proposal.match{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-result b.expense,html[data-theme="light"] .account-reconciliation-proposal.expense{color: var(--coral)}
html[data-theme="light"] .account-reconciliation-result b.income,html[data-theme="light"] .account-reconciliation-proposal.income{color: var(--text)}
html[data-theme="light"] .account-reconciliation-result b.invalid,html[data-theme="light"] .account-reconciliation-proposal.invalid{color: var(--text)}
html[data-theme="light"] .account-reconciliation-footnote{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-alert > span{color: var(--text)}
html[data-theme="light"] .account-reconciliation-alert p{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-alert.error > span{color: var(--coral)}
html[data-theme="light"] .account-reconciliation-alert.error p{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-alert.stale > span{color: var(--text)}
html[data-theme="light"] .account-reconciliation-alert.stale p{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-section-head small{color: var(--purple)}
html[data-theme="light"] .account-reconciliation-section-head h3{color: var(--text)}
html[data-theme="light"] .account-reconciliation-section-head > p{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-preview-row{border: 1px solid var(--line)}
html[data-theme="light"] .account-reconciliation-preview-row > div > b{color: var(--text)}
html[data-theme="light"] .account-reconciliation-preview-row > div > span{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-preview-row > i{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-preview-row > div.expense b,html[data-theme="light"] .account-reconciliation-preview-row > div.expense span{color: var(--coral)}
html[data-theme="light"] .account-reconciliation-preview-row > div.income b,html[data-theme="light"] .account-reconciliation-preview-row > div.income span{color: var(--text)}
html[data-theme="light"] .account-reconciliation-suggestion{border: 1px solid var(--line)}
html[data-theme="light"] .account-reconciliation-suggestion:hover{border-color: var(--line)}
html[data-theme="light"] .account-reconciliation-suggestion-check{border: 1px solid var(--line)}
html[data-theme="light"] .account-reconciliation-suggestion.selected .account-reconciliation-suggestion-check{color: var(--text)}
html[data-theme="light"] .account-reconciliation-suggestion small{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-suggestion b{color: var(--text)}
html[data-theme="light"] .account-reconciliation-suggestion em{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-totals article{border: 1px solid var(--line)}
html[data-theme="light"] .account-reconciliation-totals article > small{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-totals article span{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-totals article i{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-totals article b{color: var(--text)}
html[data-theme="light"] .account-reconciliation-totals article p{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-totals article p.income{color: var(--text)}
html[data-theme="light"] .account-reconciliation-totals article p.expense{color: var(--coral)}
html[data-theme="light"] .account-reconciliation-empty{border: 1px dashed var(--line)}
html[data-theme="light"] .account-reconciliation-empty > span{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-empty.success > span{color: var(--text)}
html[data-theme="light"] .account-reconciliation-empty h3{color: var(--text)}
html[data-theme="light"] .account-reconciliation-empty p{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-success > span{color: var(--text)}
html[data-theme="light"] .account-reconciliation-success > small{color: var(--green)}
html[data-theme="light"] .account-reconciliation-success h3{color: var(--text)}
html[data-theme="light"] .account-reconciliation-success > p{color: var(--muted)}
html[data-theme="light"] .account-reconciliation-success > div span{border: 1px solid var(--line);color: var(--muted)}
html[data-theme="light"] .account-reconciliation-success > div b{color: var(--text)}
html[data-theme="light"] .fv-origin-filter > span{color: var(--muted)}
html[data-theme="light"] .fv-origin-filter select{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .reconciliation-movement-actions small{color: var(--purple)}
html[data-theme="light"] .reconciliation-movement-actions b{color: var(--text)}
html[data-theme="light"] .reconciliation-movement-actions p{color: var(--muted)}
html[data-theme="light"] .reconciliation-readonly-summary > div{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .reconciliation-readonly-summary span{color: var(--muted)}
html[data-theme="light"] .reconciliation-readonly-summary b{color: var(--text)}
html[data-theme="light"] .sidebar .nav-label{color: var(--muted)}
html[data-theme="light"] .sidebar .nav-item.active,html[data-theme="light"] .sidebar .nav-item.active:hover{color: var(--text)}
html[data-theme="light"] .sidebar .nav-item.active .nav-icon{color: var(--text)}
html[data-theme="light"] .sidebar .nav-submenu.active > .nav-parent,html[data-theme="light"] .sidebar .nav-submenu.active > .nav-parent:hover{color: var(--text)}
html[data-theme="light"] .sidebar .nav-submenu.active > .nav-parent .nav-icon{color: var(--purple)}
html[data-theme="light"] .sidebar .nav-subitems{border-left-color: var(--line)}
html[data-theme="light"] .sidebar .nav-subitem{color: var(--muted)}
html[data-theme="light"] .sidebar .nav-subitem.active,html[data-theme="light"] .sidebar .nav-subitem.active:hover{color: var(--text)}
html[data-theme="light"] .sidebar .side-foot{border-top-color: var(--line)}
html[data-theme="light"] .sidebar-global-refresh,html[data-theme="light"] .sidebar-notification-bell{background: linear-gradient(135deg, var(--surface), var(--surface))}
html[data-theme="light"] .sidebar-notification-bell.active{color: var(--text)}
html[data-theme="light"] .sidebar-refresh-status{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .sidebar-refresh-status .sync-source b{color: var(--muted)}
html[data-theme="light"] .sidebar-refresh-status:hover,html[data-theme="light"] .sidebar-refresh-status:focus-visible{border-color: var(--line);background: var(--surface)}
html[data-theme="light"] .sidebar-refresh-status:hover .sync-source b,html[data-theme="light"] .sidebar-refresh-status:focus-visible .sync-source b{color: var(--muted)}
html[data-theme="light"] .sidebar-refresh-status:hover .sync-source em,html[data-theme="light"] .sidebar-refresh-status:focus-visible .sync-source em{color: var(--muted)}
html[data-theme="light"] .sidebar .profile{border: 1px solid var(--line)}
html[data-theme="light"] .commitment-kpi:hover,html[data-theme="light"] .commitment-kpi:focus-visible,html[data-theme="light"] .receivable-kpi:hover,html[data-theme="light"] .receivable-kpi:focus-visible{border-color: var(--line)}
html[data-theme="light"] .commitment-kpi-copy{color: var(--muted)}
html[data-theme="light"] .commitment-kpi em,html[data-theme="light"] .receivable-kpi em{color: var(--coral)}
html[data-theme="light"] .receivable-kpi em{color: var(--text)}
html[data-theme="light"] .commitment-variable-note{border-top: 1px dashed var(--line);color: var(--muted) !important}
html[data-theme="light"] .commitment-variable-note.opening{color: var(--muted) !important}
html[data-theme="light"] .commitment-inline-detail{border-top: 1px solid var(--line);color: var(--coral)}
html[data-theme="light"] .future-money-reserve .commitment-empty-line{color: var(--muted)}
html[data-theme="light"] .commitment-detail-total{border: 1px solid var(--line)}
html[data-theme="light"] .commitment-detail-total > div:first-child span,html[data-theme="light"] .commitment-detail-total > div:first-child small{color: var(--muted)}
html[data-theme="light"] .commitment-detail-total > div:first-child strong{color: var(--coral)}
html[data-theme="light"] .commitment-detail-native span,html[data-theme="light"] .commitment-detail-sources span{color: var(--muted)}
html[data-theme="light"] .commitment-detail-native b,html[data-theme="light"] .commitment-detail-sources b{color: var(--text)}
html[data-theme="light"] .commitment-detail-sources > div{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .commitment-detail-row{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .commitment-detail-main small{color: var(--muted)}
html[data-theme="light"] .commitment-detail-main div > em{color: var(--muted)}
html[data-theme="light"] .commitment-source-chip{background: var(--surface);color: var(--purple)}
html[data-theme="light"] .commitment-detail-state span{background: var(--surface);color: var(--text)}
html[data-theme="light"] .commitment-detail-state span.vencido,html[data-theme="light"] .commitment-detail-state span.trasladado{background: var(--surface);color: var(--coral)}
html[data-theme="light"] .commitment-detail-state span.confirmado{background: var(--surface);color: var(--text)}
html[data-theme="light"] .commitment-detail-state em{color: var(--muted)}
html[data-theme="light"] .commitment-detail-amount strong{color: var(--text)}
html[data-theme="light"] .commitment-detail-amount small{color: var(--muted)}
html[data-theme="light"] .commitment-rate-disclosure span{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .commitment-rate-disclosure span.missing{background: var(--surface);color: var(--coral)}
html[data-theme="light"] .commitment-detail-formula{color: var(--muted)}
html[data-theme="light"] .commitment-class-overview article{border: 1px solid var(--line)}
html[data-theme="light"] .commitment-class-overview article:last-child{border-color: var(--line)}
html[data-theme="light"] .commitment-class-overview strong{color: var(--text)}
html[data-theme="light"] .commitment-class-overview span{color: var(--muted)}
html[data-theme="light"] .commitment-detail-row.variable{border-left-color: var(--line)}
html[data-theme="light"] .commitment-detail-row.opening_review{border-left-color: var(--line)}
html[data-theme="light"] .receivable-detail-group{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .receivable-detail-group > header{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .receivable-detail-row{border-bottom: 1px solid var(--line)}
html[data-theme="light"] .receivable-detail-row > div small{color: var(--muted)}
html[data-theme="light"] .receivable-detail-row > em{color: var(--muted)}
html[data-theme="light"] .asset-position-row{border-top:1px solid var(--border,var(--line))}
html[data-theme="light"] .asset-position-row small,html[data-theme="light"] .accounts-platform-position>.simple-section-head small{color:var(--muted,var(--muted))}
html[data-theme="light"] .asset-position-totals>div{border:1px solid var(--border,var(--line))}
html[data-theme="light"] .asset-position-totals span{color:var(--muted,var(--muted))}
html[data-theme="light"] .platform-flow-chips > div{border: 1px solid var(--line)}
html[data-theme="light"] #modalContent:has([data-helion-rule-preview],html[data-theme="light"] [data-helion-rule-confirm]) .mova-form-grid > fieldset{border: 1px solid var(--border, var(--line))}
html[data-theme="light"] #modalContent:has([data-helion-rule-preview],html[data-theme="light"] [data-helion-rule-confirm]) .modal-actions{background: var(--surface, var(--surface))}
html[data-theme="light"] .dashboard-platform-activity .subtle-button{border: 1px solid var(--line);color: var(--text)}
html[data-theme="light"] .forecast-trend-models>article{border:1px solid var(--border,var(--line))}
html[data-theme="light"] .forecast-trend-models dt{color:var(--muted,var(--muted))}
html[data-theme="light"] .affordability-scenarios button.active{color:var(--text)}
html[data-theme="light"] .affordability-payment .affordability-linked{color:var(--text)}
html[data-theme="light"] .debt-position-overview article{border:1px solid var(--line,var(--line))}
html[data-theme="light"] .debt-position-overview span,html[data-theme="light"] .debt-side-heading>div>span,html[data-theme="light"] .debt-receivable-row header small,html[data-theme="light"] .debt-compensation-side header span,html[data-theme="light"] .debt-compensation-result>span{color:var(--muted,var(--muted))}
html[data-theme="light"] .debt-position-overview article.owed>span{color:var(--coral)}
html[data-theme="light"] .debt-position-overview article.receivable>span{color:var(--text)}
html[data-theme="light"] .debt-position-overview article.net>span{color:var(--purple)}
html[data-theme="light"] .debt-position-overview small{color:var(--muted,var(--muted))}
html[data-theme="light"] .debt-side-section{border:1px solid var(--line,var(--line))}
html[data-theme="light"] .debt-side-heading>div>span{color:var(--coral)}
html[data-theme="light"] .debt-receivable-section .debt-side-heading>div>span{color:var(--text)}
html[data-theme="light"] .debt-side-heading p{color:var(--muted,var(--muted))}
html[data-theme="light"] .debt-side-heading>strong{color:var(--coral)}
html[data-theme="light"] .debt-receivable-section .debt-side-heading>strong{color:var(--text)}
html[data-theme="light"] .debt-receivable-row{border:1px solid var(--line)}
html[data-theme="light"] .debt-receivable-row>header>span{background:var(--surface);color:var(--text)}
html[data-theme="light"] .debt-receivable-row>p{color:var(--text)}
html[data-theme="light"] .debt-receivable-row dl>div{border:1px solid var(--line)}
html[data-theme="light"] .debt-receivable-row dt{color:var(--muted,var(--muted))}
html[data-theme="light"] .debt-receivable-row>footer small{color:var(--muted,var(--muted))}
html[data-theme="light"] .debt-receivable-row .subtle-button{border:1px solid var(--line)}
html[data-theme="light"] .mutual-debt-note{border:1px solid var(--line)}
html[data-theme="light"] .mutual-debt-note span{color:var(--muted)}
html[data-theme="light"] .mutual-debt-note p{color:var(--muted)}
html[data-theme="light"] .debt-receivable-empty{border:1px dashed var(--line)}
html[data-theme="light"] .debt-receivable-empty p{color:var(--muted,var(--muted))}
html[data-theme="light"] .helion-cost-type-summary .helion-cost-usd{color: var(--muted, var(--muted))}
html[data-theme="light"] .debt-planned-receivables{border-top:1px solid var(--line)}
html[data-theme="light"] .debt-planned-receivables>summary{color:var(--muted)}
html[data-theme="light"] .debt-planned-receivables>p{color:var(--muted,var(--muted))}
html[data-theme="light"] .debt-planned-receivables>div>div{border:1px solid var(--line)}
html[data-theme="light"] .debt-planned-receivables small{color:var(--muted,var(--muted))}
html[data-theme="light"] .debt-planned-receivables strong{color:var(--text)}
html[data-theme="light"] .debt-compensation-side{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .debt-compensation-side.receivable{border-color:var(--line)}
html[data-theme="light"] .debt-compensation-side>header{border-bottom:1px solid var(--line)}
html[data-theme="light"] .debt-compensation-side>header strong{color:var(--coral)}
html[data-theme="light"] .debt-compensation-side.receivable>header strong{color:var(--text)}
html[data-theme="light"] .debt-compensation-result{border:1px solid var(--line)}
html[data-theme="light"] .debt-compensation-result strong{color:var(--purple)}
html[data-theme="light"] .debt-compensation-result p{color:var(--muted)}
html[data-theme="light"] .month-start-banner{border:1px solid color-mix(in srgb,var(--purple,#a16ee8) 44%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--purple,#a16ee8) 13%,var(--surface)),var(--surface) 58%,color-mix(in srgb,var(--green,#5ee5a2) 7%,var(--surface)))}
html[data-theme="light"] .month-start-banner-icon,html[data-theme="light"] .month-start-row-icon{color:var(--purple);background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .month-start-banner small,html[data-theme="light"] .month-start-eyebrow{color:var(--purple)}
html[data-theme="light"] .month-start-banner b{color:var(--text)}
html[data-theme="light"] .month-start-banner p{color:var(--muted)}
html[data-theme="light"] .month-start-primary{background:linear-gradient(135deg,#a16ee8,var(--surface));color:var(--text)}
html[data-theme="light"] .month-start-secondary{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .month-start-secondary:hover:not(:disabled){border-color:var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-start-backdrop{background:var(--surface)}
html[data-theme="light"] .month-start-dialog{border:1px solid var(--line);background:linear-gradient(150deg,var(--surface),var(--surface) 70%);color:var(--text)}
html[data-theme="light"] .month-start-dialog>header{border-bottom:1px solid var(--line);background:linear-gradient(110deg,var(--surface),var(--surface))}
html[data-theme="light"] .month-start-dialog>header p{color:var(--muted)}
html[data-theme="light"] .month-start-icon-button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .month-start-icon-button:hover{color:var(--text);background:var(--surface)}
html[data-theme="light"] .month-start-stepper{border-bottom:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-stepper li{color:var(--muted)}
html[data-theme="light"] .month-start-stepper li:not(:last-child):after{background:var(--surface)}
html[data-theme="light"] .month-start-step-marker{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-stepper li.is-current,html[data-theme="light"] .month-start-stepper li.is-complete{color:var(--muted)}
html[data-theme="light"] .month-start-stepper li.is-current .month-start-step-marker,html[data-theme="light"] .month-start-stepper li.is-complete .month-start-step-marker{background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-start-stepper li.is-complete:not(:last-child):after{background:var(--surface)}
html[data-theme="light"] .month-start-message{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-start-section-heading p,html[data-theme="light"] .month-start-transfer-section>p{color:var(--muted)}
html[data-theme="light"] .month-start-account{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-account>div small,html[data-theme="light"] .month-start-choice small,html[data-theme="light"] .month-start-transfer small{color:var(--muted)}
html[data-theme="light"] .month-start-account label span,html[data-theme="light"] .month-start-date span,html[data-theme="light"] .month-start-correction-account>label:last-child span,html[data-theme="light"] .month-start-reason>span,html[data-theme="light"] .month-start-history-controls label span{color:var(--muted)}
html[data-theme="light"] .month-start-account input,html[data-theme="light"] .month-start-date input,html[data-theme="light"] .month-start-history-controls input,html[data-theme="light"] .month-start-correction-account input,html[data-theme="light"] .month-start-reason input,html[data-theme="light"] .month-start-reason textarea{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-start-account>em{color:var(--muted)}
html[data-theme="light"] .month-start-plan{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-plan>p{border-top:1px solid var(--line);color:var(--muted)}
html[data-theme="light"] .month-start-excluded{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .month-start-automatic{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-automatic h4{color:var(--text)}
html[data-theme="light"] .month-start-automatic b{color:var(--text)}
html[data-theme="light"] .month-start-automatic small{color:var(--muted)}
html[data-theme="light"] .month-start-automatic strong{color:var(--text)}
html[data-theme="light"] .month-start-automatic-head p{color:var(--muted)}
html[data-theme="light"] .month-start-automatic-item{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-automatic-item.is-included{border-color:var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-obligation-kind.is-firm{background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-start-obligation-kind.is-variable{background:var(--surface);color:var(--muted)}
html[data-theme="light"] .month-start-automatic-choice label{border:1px solid var(--line);color:var(--muted)}
html[data-theme="light"] .month-start-automatic-item>p{color:var(--muted)}
html[data-theme="light"] .month-start-automatic-total{border-top:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-automatic.is-blocked{border-color:var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-automatic.is-blocked h4{color:var(--coral)}
html[data-theme="light"] .month-start-automatic.is-blocked>p,html[data-theme="light"] .month-start-automatic.is-blocked li{color:var(--muted)}
html[data-theme="light"] .month-start-debt-editor{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-debt-editor legend{color:var(--text)}
html[data-theme="light"] .month-start-debt-fields label{color:var(--text)}
html[data-theme="light"] .month-start-debt-fields input,html[data-theme="light"] .month-start-debt-fields select{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-start-debt-editor p{color:var(--muted)}
html[data-theme="light"] .month-start-review-grid article{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-review-grid article>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .month-start-review-grid small{color:var(--muted)}
html[data-theme="light"] .month-start-transfer-section{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-transfer{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-transfer>span:nth-of-type(1){background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-start-proposed{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-proposed>p{color:var(--muted)}
html[data-theme="light"] .month-start-proposed-list article{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-proposed-list article>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .month-start-proposed-list small{color:var(--muted)}
html[data-theme="light"] .month-start-proposed-list em{color:var(--muted)}
html[data-theme="light"] .month-start-proposed-list strong{color:var(--text)}
html[data-theme="light"] .month-start-confirmations label{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .month-start-empty{border:1px dashed var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .month-start-loading{color:var(--muted)}
html[data-theme="light"] .month-start-spinner{border:2px solid var(--line)}
html[data-theme="light"] .month-start-actions{border-top:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-history-summary>div{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-history-summary small{color:var(--muted)}
html[data-theme="light"] .month-start-revisions>article{border-bottom:1px solid var(--line)}
html[data-theme="light"] .month-start-revisions>article>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .month-start-revisions small{color:var(--muted)}
html[data-theme="light"] .month-start-revisions p{color:var(--muted)}
html[data-theme="light"] .month-start-revisions strong{color:var(--text)}
html[data-theme="light"] .month-start-correction-entry{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-correction-entry p{color:var(--muted)}
html[data-theme="light"] .month-start-correction-account{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-sources,html[data-theme="light"] .month-start-savings{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .month-start-sources p,html[data-theme="light"] .month-start-savings p{color:var(--muted)}
html[data-theme="light"] .month-start-savings input[readonly]{color:var(--muted);background:var(--surface)}
html[data-theme="light"] .mova-ai-chat-launcher{background:linear-gradient(145deg,var(--surface),var(--surface) 55%,var(--surface));color:var(--text)}
html[data-theme="light"] .mova-ai-chat-launcher:before{background:linear-gradient(120deg,var(--surface),transparent 42%)}
html[data-theme="light"] .mova-ai-launcher-icon{border:1px solid var(--line)}
html[data-theme="light"] .mova-ai-launcher-copy b{color:var(--text)}
html[data-theme="light"] .mova-ai-chat.is-open .mova-ai-launcher-icon.close-icon{background:var(--surface)}
html[data-theme="light"] .mova-ai-chat-panel{border:1px solid var(--line);background:linear-gradient(155deg,var(--surface) 0,var(--surface) 32%,var(--surface) 100%)}
html[data-theme="light"] .mova-ai-chat-head{border-bottom:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .mova-ai-chat-avatar,html[data-theme="light"] .mova-ai-message-avatar{color:var(--text)}
html[data-theme="light"] .mova-ai-chat-identity small{color:var(--muted)}
html[data-theme="light"] .mova-ai-chat-close{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .mova-ai-chat-close:hover{color:var(--text);border-color:var(--line);background:var(--surface)}
html[data-theme="light"] .mova-ai-chat-history::-webkit-scrollbar-thumb{background:var(--surface)}
html[data-theme="light"] .mova-ai-message-body{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface));color:var(--text)}
html[data-theme="light"] .mova-ai-message.user .mova-ai-message-body{background:linear-gradient(145deg,var(--surface),var(--surface));color:var(--text)}
html[data-theme="light"] .mova-ai-message-body small{color:var(--muted)}
html[data-theme="light"] .mova-ai-message.user .mova-ai-message-body small{color:var(--muted)}
html[data-theme="light"] .mova-ai-quick-prompts button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .mova-ai-quick-prompts button:hover{border-color:var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-quick-prompts svg{color:var(--muted)}
html[data-theme="light"] .mova-ai-typing{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .mova-ai-typing span{background:var(--surface)}
html[data-theme="light"] .mova-ai-proposal{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface) 60%)}
html[data-theme="light"] .mova-ai-proposal-head>span{background:var(--surface);color:var(--purple)}
html[data-theme="light"] .mova-ai-proposal-head small{color:var(--purple)}
html[data-theme="light"] .mova-ai-proposal-head h3{color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-description{color:var(--muted)}
html[data-theme="light"] .mova-ai-proposal-entry{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .mova-ai-proposal-entry-head small{color:var(--muted)}
html[data-theme="light"] .mova-ai-proposal-entry-head h4{color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-entry-head>strong{color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-mode.actual{background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-mode.planned{background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-details{border-top:1px solid var(--line)}
html[data-theme="light"] .mova-ai-proposal-details dt{color:var(--muted)}
html[data-theme="light"] .mova-ai-proposal-details dd{color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-rows{border:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .mova-ai-proposal-row{border-bottom:1px solid var(--line);color:var(--muted)}
html[data-theme="light"] .mova-ai-proposal-row strong{color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-row.expense strong{color:var(--coral)}
html[data-theme="light"] .mova-ai-proposal-cancel{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .mova-ai-proposal-cancel:hover{color:var(--text);background:var(--surface)}
html[data-theme="light"] .mova-ai-proposal-change{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-change:hover{background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-confirm{color:var(--text)}
html[data-theme="light"] .mova-ai-proposal-status{color:var(--muted)}
html[data-theme="light"] .mova-ai-proposal.is-busy .mova-ai-proposal-status{color:var(--muted)}
html[data-theme="light"] .mova-ai-proposal.is-editing .mova-ai-proposal-status{color:var(--text)}
html[data-theme="light"] .mova-ai-proposal.is-confirmed{background:linear-gradient(145deg,var(--surface),var(--surface) 60%)}
html[data-theme="light"] .mova-ai-proposal.is-cancelled .mova-ai-proposal-status{color:var(--muted)}
html[data-theme="light"] .mova-ai-proposal.is-error{border-color:var(--line)}
html[data-theme="light"] .mova-ai-proposal.is-error .mova-ai-proposal-status{color:var(--coral)}
html[data-theme="light"] .mova-ai-chat-attachments{border-top:1px solid var(--line);background:var(--surface)}
html[data-theme="light"] .mova-ai-request-status{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-request-status button{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-request-status button:hover{background:var(--surface)}
html[data-theme="light"] .mova-ai-attachment{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .mova-ai-attachment button{color:var(--muted)}
html[data-theme="light"] .mova-ai-chat-composer{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface))}
html[data-theme="light"] .mova-ai-chat-composer:focus-within{border-color:var(--line)}
html[data-theme="light"] .mova-ai-chat-input textarea{color:var(--text)}
html[data-theme="light"] .mova-ai-chat-input textarea::placeholder{color:var(--muted)}
html[data-theme="light"] .mova-ai-tool-button{color:var(--muted)}
html[data-theme="light"] .mova-ai-tool-button:hover{border-color:var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-tool-button.is-recording{background:var(--surface);color:var(--coral)}
html[data-theme="light"] .mova-ai-chat-send{color:var(--text)}
html[data-theme="light"] .mova-ai-chat-send:disabled{border-color:var(--line);background:var(--surface);color:var(--muted)}
html[data-theme="light"] .mova-ai-chat-foot{color:var(--muted)}
html[data-theme="light"] .mova-ai-chat-foot svg{color:var(--green)}
html[data-theme="light"] .mova-ai-edit-item legend{color:var(--text)}
html[data-theme="light"] .mova-ai-edit-field{color:var(--muted)}
html[data-theme="light"] .mova-ai-edit-field input,html[data-theme="light"] .mova-ai-edit-field select{border:1px solid var(--line);background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-edit-button{background:var(--surface);color:var(--text)}
html[data-theme="light"] .mova-ai-edit-hint,html[data-theme="light"] .mova-ai-intent-readonly,html[data-theme="light"] .mova-ai-edit-warning{color:var(--text)}
html[data-theme="light"] .mova-ai-edit-warning{color:var(--text)}
html[data-theme="light"] .mova-mobile-drawer-close{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .mobile-drawer-backdrop{background: var(--surface)}
html[data-theme="light"] .topbar,html[data-theme="light"] .topbar.context-topbar-hidden,html[data-theme="light"] .topbar.registry-topbar-hidden{background: color-mix(in srgb, var(--surface) 90%, transparent)}
html[data-theme="light"] .modal-head{background: color-mix(in srgb, var(--surface) 94%, transparent)}
html[data-theme="light"] .mova-mobile-bottom-nav{border: 1px solid var(--line);background: var(--surface);background: color-mix(in srgb, var(--surface) 93%, transparent)}
html[data-theme="light"] .mova-mobile-bottom-nav button{color: var(--muted)}
html[data-theme="light"] .mova-mobile-bottom-nav button.active{background: var(--surface);color: var(--muted)}
html[data-theme="light"] .mova-mobile-register-sheet{border: 1px solid var(--line);background: var(--surface)}
html[data-theme="light"] .mova-mobile-register-sheet > span{color: var(--muted)}
html[data-theme="light"] .mova-mobile-register-sheet button{border: 1px solid var(--line);background: var(--surface);color: var(--text)}
html[data-theme="light"] .sync-conflict-list li{border: 1px solid var(--line, var(--line))}
html[data-theme="light"] .sync-conflict-list b{color: var(--text, var(--text))}
html[data-theme="light"] .sync-conflict-list span{color: var(--muted, var(--muted))}
html[data-theme="light"] .simple-kpi{background:var(--surface);color:var(--text);box-shadow:0 5px 24px #4F268807}html[data-theme="light"] .simple-kpi .simple-value{color:var(--text)}html[data-theme="light"] .simple-kpi.positive .simple-value{color:var(--green)}html[data-theme="light"] .simple-kpi.negative .simple-value{color:var(--coral)}html[data-theme="light"] .nav-item.active{color:var(--purple);background:var(--surface2)}html[data-theme="light"] .helion-platform-section{background:var(--surface)}
/* Final component surfaces preserve financial meaning in both themes. */
html[data-theme="dark"] body #page article.simple-kpi{background:#1B1530!important;border:1px solid #40305C!important}
html[data-theme="dark"] body #page article.simple-kpi.featured{background:linear-gradient(145deg,#211934,#382353)!important;border-color:#68508F!important}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .mova-mobile-topbar,html[data-theme="dark"] .mova-mobile-bottom-nav{background:#130F24!important;border-color:#3B3258!important}
html[data-theme="dark"] .nav-item.active,html[data-theme="dark"] .mova-mobile-bottom-nav button.active{background:#3B275F!important;color:#F1E8FF!important}
html[data-theme="dark"] .mova-dashboard-mode-switch button.active,html[data-theme="dark"] .dashboard-business-switcher button.active{background:#603B9C!important;color:#FFF!important}
html[data-theme="dark"] .niwwi-guide,html[data-theme="dark"] .niwwi-preferences{background:#1B1530!important;border-color:#3B3258!important}
.niwwi-reference-detail{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.niwwi-reference-detail p{max-width:64ch;line-height:1.65}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Niwwi's illustrated sky stays behind the content and never intercepts controls. */
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:0;width:470px;height:260px;background-repeat:no-repeat;background-size:contain}
body::before{right:-65px;top:-45px;opacity:.48;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 270'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='.8' y2='1'%3E%3Cstop stop-color='%23E9DDFE'/%3E%3Cstop offset='1' stop-color='%23FFC7DC'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url%28%23a%29' d='M140 0H480V200C437 201 420 174 415 144C394 155 357 147 350 122C319 137 282 128 275 94C240 113 202 91 203 63C167 77 135 41 140 0Z'/%3E%3Cg fill='%238B5CF6'%3E%3Cpath d='M107 60q0 17 17 19q-17 2-17 19q-2-17-18-19q16-2 18-19M231 181q0 12 12 14q-12 2-12 14q-2-12-14-14q12-2 14-14M385 219q0 8 8 10q-8 2-8 10q-2-8-10-10q8-2 10-10'/%3E%3Ccircle cx='160' cy='132' r='2'/%3E%3Ccircle cx='315' cy='200' r='2'/%3E%3C/g%3E%3C/svg%3E")}
body::after{left:170px;bottom:-100px;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 270'%3E%3Cpath fill='%23C4B5FD' d='M0 270V162c0-43 61-64 86-26c-7-65 78-103 115-47c37-35 96-7 99 37c42-19 84 9 84 45c48-8 80 27 82 54v45Z'/%3E%3Cpath fill='%23E9DDFE' d='M0 270v-60c39-39 81-16 87 9c17-62 95-72 126-24c31-31 88-27 101 23c41-29 101-9 103 52Z'/%3E%3Cpath fill='%23FFC7DC' d='M0 270v-15c28-51 97-38 109 15Z'/%3E%3C/svg%3E")}
.app-shell,.main,#page{position:relative}
.app-shell{z-index:1}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 85% 0,#30205280,transparent 46%),radial-gradient(ellipse at 5% 85%,#29184370,transparent 50%),#0F0B1F}
html[data-theme="dark"] body::before{opacity:.6;filter:saturate(1.2) brightness(.68)}
html[data-theme="dark"] body::after{opacity:.36;filter:saturate(1.5) brightness(.7)}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#1C1334,#120E22 55%,#241735)}
html[data-theme="dark"] .nav-item.active{background:linear-gradient(100deg,#4C2F78,#29203E)!important;border-color:#7755AC!important;box-shadow:inset 3px 0 #C4B5FD,0 4px 18px #0002!important}
html[data-theme="dark"] body #page article.simple-kpi.featured{background:radial-gradient(ellipse at 95% 0,#7244B74D,transparent 68%),linear-gradient(125deg,#251938,#382550)!important;box-shadow:inset 0 1px #DCC8FF26,0 12px 36px #07020E30}
html[data-theme="dark"] .page-head h1{color:#F1E6FF;text-shadow:0 2px 24px #AB6DFF30}
html[data-theme="dark"] .primary{background:linear-gradient(125deg,#9660FF,#6932E5)!important;border-color:#AF83FF!important;box-shadow:inset 0 1px #FFFFFF44,0 4px 16px #6B36D02B}
html[data-theme="dark"] .mova-ai-chat-launcher{background:linear-gradient(135deg,#3D235E,#21172F)!important;border-color:#9C6BD3!important;box-shadow:0 5px 24px #9A53CF2B!important}
/* Retain the financial meanings: green income, rose expenses, gold debt, violet saving. */
html[data-theme] body #page .registry-kpi{--niwwi-kpi:var(--text);border:1px solid color-mix(in srgb,var(--niwwi-kpi) 22%,var(--line))!important;background:linear-gradient(140deg,color-mix(in srgb,var(--niwwi-kpi) 8%,var(--surface)),var(--surface) 78%)!important;box-shadow:0 5px 20px #4F268807!important;border-radius:18px;min-width:0}
html[data-theme] body #page .registry-kpi.income{--niwwi-kpi:var(--green)}
html[data-theme] body #page .registry-kpi.expense{--niwwi-kpi:var(--coral)}
html[data-theme] body #page .registry-kpi.debt{--niwwi-kpi:var(--yellow)}
html[data-theme] body #page .registry-kpi.saving{--niwwi-kpi:var(--purple)}
html[data-theme] body #page .registry-kpi strong{color:var(--niwwi-kpi)!important;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
html[data-theme] body #page .registry-kpi small{color:color-mix(in srgb,var(--niwwi-kpi) 85%,var(--text))!important}
html[data-theme] body #page .registry-kpi>span{color:var(--muted)!important}
html[data-theme] body #page .registry-kpi::after{filter:none;width:42px;height:4px;right:18px;bottom:0;opacity:.5;border-radius:6px;background:var(--niwwi-kpi)}
html[data-theme="dark"] body #page .registry-kpi{background:linear-gradient(135deg,color-mix(in srgb,var(--niwwi-kpi) 13%,#221931),#1B152E 85%)!important;box-shadow:inset 0 1px #FFFFFF0A,0 8px 24px #0002!important}
@media(max-width:760px){body::before{width:300px;height:175px;right:-50px;top:-35px;opacity:.32}body::after{width:330px;height:190px;left:-100px;bottom:-90px}html[data-theme] body #page .registry-kpi{border-radius:15px}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none}}
.affordability-payment>label{min-width:0}.affordability-payment>div>b{overflow-wrap:anywhere}
@media(min-width:1101px){.affordability-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.affordability-payment{grid-template-columns:minmax(0,1fr) auto 132px}}
html[data-theme="light"] .simple-kpi{background:#FFF!important;border:1px solid var(--line)!important;box-shadow:0 5px 24px #4F268807!important}
html[data-theme="light"] .simple-kpi.featured{background:linear-gradient(145deg,#FFFFFF,#F0E8FF)!important;border-color:#D8C8F5!important}
html[data-theme="light"] .simple-kpi .simple-value,html[data-theme="light"] .simple-kpi .kpi-label,html[data-theme="light"] .simple-kpi .kpi-secondary-line{color:var(--text)!important}
html[data-theme="light"] .simple-kpi small,html[data-theme="light"] .simple-kpi p,html[data-theme="light"] .simple-kpi .kpi-secondary-line>span{color:var(--muted)!important}
html[data-theme="light"] .simple-kpi.negative .simple-value{color:var(--coral)!important}
html[data-theme="light"] [data-dashboard-flow="income"] strong{color:var(--green)!important}
html[data-theme="light"] [data-dashboard-flow="expense"] strong{color:var(--coral)!important}
html[data-theme="light"] .niwwi-avatar[data-avatar="luli"]{background:#FBF7FF url('assets/icons/niwwi-avatar-luli-480.webp') 52% 20%/235% no-repeat!important;background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-luli-160.webp') 1x,url('assets/icons/niwwi-avatar-luli-320.webp') 2x,url('assets/icons/niwwi-avatar-luli-480.webp') 3x)!important;background-image:image-set(url('assets/icons/niwwi-avatar-luli-160.webp') 1x,url('assets/icons/niwwi-avatar-luli-320.webp') 2x,url('assets/icons/niwwi-avatar-luli-480.webp') 3x)!important}
html[data-theme="light"] .niwwi-avatar[data-avatar="mimi"]{background:#FBF7FF url('assets/icons/niwwi-avatar-mimi-480.webp') 53% 23%/235% no-repeat!important;background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-mimi-160.webp') 1x,url('assets/icons/niwwi-avatar-mimi-320.webp') 2x,url('assets/icons/niwwi-avatar-mimi-480.webp') 3x)!important;background-image:image-set(url('assets/icons/niwwi-avatar-mimi-160.webp') 1x,url('assets/icons/niwwi-avatar-mimi-320.webp') 2x,url('assets/icons/niwwi-avatar-mimi-480.webp') 3x)!important}
html[data-theme="light"] .niwwi-avatar[data-avatar="pipo"]{background:#FBF7FF url('assets/icons/niwwi-avatar-pipo-480.webp') 51% 26%/235% no-repeat!important;background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-pipo-160.webp') 1x,url('assets/icons/niwwi-avatar-pipo-320.webp') 2x,url('assets/icons/niwwi-avatar-pipo-480.webp') 3x)!important;background-image:image-set(url('assets/icons/niwwi-avatar-pipo-160.webp') 1x,url('assets/icons/niwwi-avatar-pipo-320.webp') 2x,url('assets/icons/niwwi-avatar-pipo-480.webp') 3x)!important}
html[data-theme="light"] .niwwi-avatar[data-avatar="nori"]{background:#FBF7FF url('assets/icons/niwwi-avatar-nori-480.webp') 51% 24%/235% no-repeat!important;background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-nori-160.webp') 1x,url('assets/icons/niwwi-avatar-nori-320.webp') 2x,url('assets/icons/niwwi-avatar-nori-480.webp') 3x)!important;background-image:image-set(url('assets/icons/niwwi-avatar-nori-160.webp') 1x,url('assets/icons/niwwi-avatar-nori-320.webp') 2x,url('assets/icons/niwwi-avatar-nori-480.webp') 3x)!important}
html[data-theme="light"] .niwwi-avatar[data-avatar="nuba"]{background:#FBF7FF url('assets/icons/niwwi-avatar-nuba-480.webp') 51% 22%/235% no-repeat!important;background-image:-webkit-image-set(url('assets/icons/niwwi-avatar-nuba-160.webp') 1x,url('assets/icons/niwwi-avatar-nuba-320.webp') 2x,url('assets/icons/niwwi-avatar-nuba-480.webp') 3x)!important;background-image:image-set(url('assets/icons/niwwi-avatar-nuba-160.webp') 1x,url('assets/icons/niwwi-avatar-nuba-320.webp') 2x,url('assets/icons/niwwi-avatar-nuba-480.webp') 3x)!important}

html[data-theme="light"] body #page article.simple-kpi{background:#FFF!important;border:1px solid var(--line)!important}html[data-theme="light"] body #page article.simple-kpi.featured{background:linear-gradient(145deg,#FFF,#F0E8FF)!important}html[data-theme="light"] body #page article.simple-kpi .kpi-label,html[data-theme="light"] body #page article.simple-kpi .simple-value{color:var(--text)!important}html[data-theme="light"] body #page article.simple-kpi small,html[data-theme="light"] body #page article.simple-kpi p{color:var(--muted)!important}

/* Evening palette: lavender clouds, a small moon and scattered four-point stars. */
html[data-theme="dark"] body::before{opacity:.75;filter:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 270'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='.6' y2='1'%3E%3Cstop stop-color='%236D43AC'/%3E%3Cstop offset='1' stop-color='%2338245D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url%28%23a%29' d='M140 0H480V200C437 201 420 174 415 144C394 155 357 147 350 122C319 137 282 128 275 94C240 113 202 91 203 63C167 77 135 41 140 0Z'/%3E%3Cg fill='%23C4A5FF'%3E%3Cpath d='M107 60q0 17 17 19q-17 2-17 19q-2-17-18-19q16-2 18-19M231 181q0 12 12 14q-12 2-12 14q-2-12-14-14q12-2 14-14M385 219q0 8 8 10q-8 2-8 10q-2-8-10-10q8-2 10-10'/%3E%3Ccircle cx='160' cy='132' r='2'/%3E%3Ccircle cx='315' cy='200' r='2'/%3E%3C/g%3E%3C/svg%3E")}
html[data-theme="dark"] body::after{filter:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 270'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='0' y2='1'%3E%3Cstop stop-color='%238B5CF6'/%3E%3Cstop offset='1' stop-color='%23342359'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url%28%23a%29' d='M0 270V162c0-43 61-64 86-26c-7-65 78-103 115-47c37-35 96-7 99 37c42-19 84 9 84 45c48-8 80 27 82 54v45Z'/%3E%3Cpath fill='%234C3277' d='M0 270v-60c39-39 81-16 87 9c17-62 95-72 126-24c31-31 88-27 101 23c41-29 101-9 103 52Z'/%3E%3C/svg%3E")}
html[data-theme="dark"] #page .page-head{border-radius:24px;border:1px solid #71509850;padding:22px 24px;background:radial-gradient(ellipse at 60% 0,#8B5CF620,transparent 60%),linear-gradient(110deg,#241A38E8,#2D1F43A8);position:relative;isolation:isolate}
html[data-theme="dark"] #page .page-head::before{content:"";z-index:-1;position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 130'%3E%3Cpath fill='%23C4A5FF' d='M148 18a22 22 0 1 0 23 31c-25 4-35-15-23-31'/%3E%3Cpath fill='%23A779ED' d='M54 29q0 10 10 12q-10 2-10 12q-2-10-12-12q10-2 12-12M206 86q0 7 7 9q-7 2-7 9q-2-7-9-9q7-2 9-9'/%3E%3Cpath fill='%23FCA5C7' d='M100 99c-20-10-10-25 0-14c10-11 20 4 0 14'/%3E%3Cg fill='%23E9DDFE' opacity='.6'%3E%3Ccircle cx='235' cy='30' r='1.5'/%3E%3Ccircle cx='35' cy='108' r='2'/%3E%3Ccircle cx='192' cy='17' r='1.5'/%3E%3C/g%3E%3C/svg%3E") 62% center/240px 104px no-repeat;opacity:.8}
html[data-theme="dark"] body #page .simple-kpi{background:linear-gradient(140deg,#29203A,#1B152E)!important;border-color:#4C3A63!important}
html[data-theme="dark"] body #page .simple-kpi.featured{background:radial-gradient(ellipse at 95% 0,#7244B74D,transparent 68%),linear-gradient(125deg,#251938,#382550)!important}
html[data-theme="dark"] body #page .simple-kpi.negative{background:linear-gradient(140deg,#392334,#20162E)!important;border-color:#664052!important}
html[data-theme="dark"] body #page .simple-kpi.positive{background:linear-gradient(140deg,#2D2D36,#1B152E)!important}
@media(max-width:760px){html[data-theme="dark"] #page .page-head{padding:17px 16px;border-radius:20px}html[data-theme="dark"] #page .page-head::before{background-position:95% top;background-size:145px 74px;opacity:.36}}

/* Niwwi on iPhone: retain the financial views, with a compact touch layout. */
@media (max-width: 760px) {
  html[data-theme] #page button,
  html[data-theme] #modalContent button {
    min-height: 44px;
    min-width: 44px;
  }
  html[data-theme] #page summary {min-height: 44px;padding-block: 12px;box-sizing: border-box;line-height: 1.45}
  html[data-theme] #page :is(.analysis-tabs, .history-period-presets, .history-filter, .forecast-scenarios, .debt-filter-bar) button {
    padding-inline: 14px;
    font-size: 13px;
  }
  html[data-theme] #page :is(.page-head h1, .registry-page-head h1) {
    font-size: clamp(27px, 7.5vw, 32px);
    font-weight: 750;
    line-height: 1.16;
  }
  html[data-theme] #page :is(.page-head p, .registry-page-head p) {font-size: 13px;line-height: 1.5}
  html[data-theme] #page :is(.registry-summary, .unified-summary) {gap: 10px}
  html[data-theme] #page .registry-kpi {padding: 16px 14px;min-height: 116px}
  html[data-theme] #page .registry-kpi strong {
    font-size: clamp(20px, 5.6vw, 25px);
    font-weight: 750;
    line-height: 1.15;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
  }
  html[data-theme] #page .registry-kpi small {font-size: 10px!important;letter-spacing: .075em;line-height: 1.45}
  html[data-theme] #page .registry-kpi :is(p, span) {font-size: 11px;line-height: 1.4}
  html[data-theme] #page :is(label > span, .field-label),
  html[data-theme] #modalContent :is(label > span, .field-label) {font-size: 13px!important;line-height: 1.4}
  html[data-theme] #page :is(.registry-ai-copy, .registry-ai-workspace) {min-width: 0}
  html[data-theme] #page .registry-ai-workspace {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  html[data-theme] #page .registry-ai-description {margin: 0;gap: 9px}
  html[data-theme] #page .registry-ai-description textarea {
    min-height: 126px;
    padding: 14px;
    background: var(--surface2);
    border: 1px solid var(--line);
    border-radius: 16px;
    color: var(--text);
  }
  html[data-theme] #page .registry-ai-action {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    gap: 10px;
    border-radius: 24px;
    background: linear-gradient(120deg, #8B5CF6, #6C42F6);
    color: white;
    font-size: 15px;
    font-weight: 700;
  }
  html[data-theme] #page .niwwi-mobile-evidence {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface2);
  }
  .niwwi-mobile-evidence > summary {
    min-height: 48px;
    padding: 14px;
    cursor: pointer;
    color: var(--purple);
    font-size: 14px;
    font-weight: 650;
  }
  html[data-theme] #page .registry-ai-source {
    padding: 12px;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
  }
  html[data-theme] #page .registry-ai-photo-actions {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}
  html[data-theme] #page .registry-ai-drop {min-width: 0;min-height: 88px;padding: 12px;background: var(--surface);border: 1px solid var(--line);border-radius: 13px}
  html[data-theme] #page .registry-ai-drop em {min-height: 44px;font-size: 13px;line-height: 1.4;background: transparent;color: var(--text)}
  html[data-theme] #page .registry-ai-dictation {background: var(--surface);border: 1px solid var(--line);color: var(--purple);border-radius: 12px}
  html[data-theme] #page .registry-ai-dictation-hint {font-size: 12px;line-height: 1.5;color: var(--muted)}
  html[data-theme] #page .registry-ai-review-badge {font-size: 11px;line-height: 1.4;white-space: normal}

  /* The month fits on screen; each day opens the existing full detail. */
  html[data-theme] #page .smart-calendar {padding: 8px;overflow-x: visible;scroll-snap-type: none}
  html[data-theme] #page .smart-calendar :is(.calendar-head, .calendar-grid) {
    min-width: 0!important;
    width: 100%;
    grid-template-columns: repeat(7,minmax(0,1fr));
    gap: 2px;
  }
  html[data-theme] #page .smart-calendar .calendar-grid {grid-auto-rows: minmax(60px,auto)}
  html[data-theme] #page .smart-calendar .calendar-head > div {padding: 10px 0;font-size: 10px;letter-spacing: 0;text-align: center}
  html[data-theme] #page .smart-calendar .day {min-width: 0;height: 60px;min-height: 60px;padding: 8px 2px;border: 1px solid transparent;border-radius: 12px;position: relative}
  html[data-theme] #page .smart-calendar .calendar-day-top {display: grid;justify-items: center;gap: 4px}
  html[data-theme] #page .smart-calendar .day-num {font-size: 16px;font-weight: 650;line-height: 1.2;color: var(--text)}
  html[data-theme] #page .smart-calendar .calendar-day-top small {font-size: 10px;line-height: 14px;min-width: 16px;text-align: center;border-radius: 8px;background: var(--surface2);color: var(--purple)}
  html[data-theme] #page .smart-calendar .calendar-day-events {display: none}
  html[data-theme] #page .smart-calendar .day.today {background: var(--surface2);border-color: var(--purple)}
  html[data-theme] #page .smart-calendar .day.muted-day {opacity: .4}
  html[data-theme] #page .smart-calendar .day:focus-visible {outline: 2px solid var(--purple);outline-offset: -2px}
  html[data-theme] #page .smart-calendar::after {content: 'Toca un día para ver sus movimientos';display: block;padding: 14px 8px 5px;font-size: 12px;line-height: 1.4;text-align: center;color: var(--muted)}

  html[data-theme] .mova-mobile-bottom-nav {border-color: var(--line);box-shadow: 0 6px 28px #3B1F6B26, 0 1px 0 #FFFFFF20 inset;background: var(--surface)}
  html[data-theme] .mova-mobile-bottom-nav button {font-size: 11px;line-height: 1.25;font-weight: 650;color: var(--muted)}
  html[data-theme="light"] .mova-mobile-bottom-nav button.active {background: #EDE5FF;color: #5A2DD6}
  html[data-theme] .mova-mobile-bottom-nav button:focus-visible {outline: 2px solid var(--purple)}
  html[data-theme] .mova-mobile-bottom-nav [data-mobile-register] > span:first-child {border-radius: 10px;background: #6C42F6;color: white;width: 28px;height: 28px}
  html[data-theme] .mova-mobile-register-sheet {background: var(--surface);border-color: var(--line);box-shadow: 0 8px 36px #3B1F6B25}
  html[data-theme] .mova-mobile-register-sheet > button {min-height: 50px;font-size: 14px;background: var(--surface2);color: var(--text);border-color: var(--line)}
  html[data-theme] .mova-mobile-register-sheet > [data-mobile-register-close] {position: absolute;top: 5px;right: 7px;min-width: 44px;min-height: 44px;width: 44px;background: transparent;border: 0;padding: 10px}
  .mova-mobile-register-sheet > span {padding: 8px 44px 10px 3px;font-size: 14px;line-height: 1.35}
  html[data-theme] .niwwi-preferences fieldset > label {min-height: 44px;padding: 8px 10px;border-radius: 12px;background: var(--surface2);gap: 10px}
  html[data-theme] #page .niwwi-preferences input[type="radio"] {width: 20px;height: 20px;accent-color: var(--purple)}
  html[data-theme] #page :is(input[type="checkbox"], input[type="radio"]) {accent-color: var(--purple)}
  html[data-theme] #page .niwwi-preferences {padding: 18px 16px}
  html[data-theme] #page .niwwi-preferences fieldset {gap: 8px;padding: 12px}
  html[data-theme] #page .niwwi-avatar-options {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));width: 100%;gap: 6px}
  html[data-theme] #page .niwwi-avatar-options button {min-width: 0;padding: 10px 4px}
  html[data-theme] #page .niwwi-avatar-options .niwwi-avatar {width: 52px;height: 52px}
  html[data-theme] #page .config-item {flex-wrap: wrap}
  html[data-theme] #page .text-button {padding: 10px;border-radius: 10px}
  html[data-theme] #page .text-button:focus-visible {outline: 2px solid var(--purple)}
  html[data-theme] .topbar {background: var(--surface);border-bottom: 1px solid var(--line)}
  html[data-theme] .topbar .mobile-title {font-size: 18px;font-weight: 750;color: var(--purple)}
  html[data-theme] .mova-mobile-drawer-close {background: var(--surface2);color: var(--purple);border-color: var(--line)}
  html[data-theme="light"] .mobile-drawer-backdrop {background: #24113D55}
  html[data-theme] body.mova-keyboard-open .mova-ai-chat-panel {padding-bottom: 8px}
}
@media (min-width: 360px) and (max-width: 760px) {
  html[data-theme] #page :is(.registry-summary, .unified-summary, .history-kpis, .debt-summary-grid) {grid-template-columns: repeat(2,minmax(0,1fr))!important}
  html[data-theme] #page :is(.registry-summary, .unified-summary, .history-kpis, .debt-summary-grid) > :last-child:nth-child(odd) {grid-column: 1/-1!important}
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .mova-mobile-bottom-nav, .mova-mobile-register-sheet {transition: none}
}

@media (max-width: 760px) {
  html[data-theme] #login {position: relative}
  html[data-theme] #login :is(h2,input,button) {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif}
  html[data-theme] #login h2 {font-size: clamp(27px,7vw,32px);font-weight: 700;line-height: 1.2}
  html[data-theme] #login .input-wrap button {min-width: 44px;min-height: 44px;flex: 0 0 44px;margin-right: -10px}
  html[data-theme] #login .muted {color: var(--muted)}
  html[data-theme] body.mova-mobile-phone,
  html[data-theme] body.mova-mobile-phone #app :is(h1,h2,h3,h4,b,strong,button,input,textarea,select) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  }
  html[data-theme] #page button {font-size: 13px;line-height: 1.4}
  html[data-theme] #page button small {font-size: 10px!important;line-height: 1.4}
  html[data-theme] #page .registry-ai-action {display: flex;align-items: center;justify-content: center;font-size: 15px}
  html[data-theme] #page .registry-type-summary {grid-template-columns: minmax(0,1fr) 18px;gap: 8px;align-items: start;padding: 14px 10px;min-height: 116px}
  html[data-theme] #page .registry-type-summary > .registry-type-icon {display: none}
  html[data-theme] #page .registry-type-summary > div {grid-column: 1;grid-row: 1;min-width: 0}
  html[data-theme] #page .registry-type-summary > div small {display: block;white-space: normal;text-overflow: clip;overflow: visible;line-height: 1.4;font-size: 10px!important}
  html[data-theme] #page .registry-type-summary > div b {display: block;font-size: 11px;line-height: 1.5;color: var(--muted)}
  html[data-theme] #page .registry-type-summary > strong {grid-column: 1/-1;grid-row: 2;text-align: left;font-size: 18px;line-height: 1.2;white-space: normal;overflow-wrap: anywhere}
  html[data-theme] #page .registry-type-summary > i {grid-column: 2;grid-row: 1;justify-self: end}
  html[data-theme] #page .registry-type-preview {font-size: 11px;line-height: 1.4;overflow: hidden}
  html[data-theme] #page .registry-type-preview > * {min-width: 0;max-width: 100%}
  html[data-theme="light"] #page {
    --visual-neutral: var(--text);
    --visual-income: var(--green);
    --visual-expense: var(--coral);
    --visual-debt: var(--yellow);
    --visual-saving: var(--purple);
    --visual-transfer: var(--cyan);
    --finance-red: var(--coral);
    --finance-green: var(--green);
  }
  html[data-theme="light"] #page :is(.movement-summary-strip article,.debt-summary-grid article,.savings-summary-grid article,.analysis-kpis article,.calendar-month-insights article,.history-kpi) {
    background: linear-gradient(140deg,color-mix(in srgb,var(--summary-tone,var(--purple)) 7%,var(--surface)),var(--surface) 80%)!important;
    box-shadow: 0 3px 16px #4F268807;
  }
  html[data-theme="light"] #page :is(.movement-summary-strip article,.debt-summary-grid article,.savings-summary-grid article,.analysis-kpis article,.calendar-month-insights article,.history-kpi) :is(small,span,p) {color: var(--muted)!important}
  html[data-theme] #page .calendar-month-insights {gap: 10px}
  html[data-theme] #page .calendar-month-insights article {min-width: 0;padding: 14px}
  html[data-theme] #page .calendar-month-insights b {font-size: clamp(20px,5.3vw,25px);overflow-wrap: anywhere}
}

/* Readable financial cards, with the soft color and sky details of Niwwi. */
html[data-theme] #page .simple-section-head h2 {color:var(--text);font-size:22px;line-height:1.25;letter-spacing:-.035em}
html[data-theme] #page .money-overview-kpis {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:stretch}
html[data-theme] #page .money-overview-kpis > .simple-kpi {--niwwi-tone:var(--purple);grid-column:span 2;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;min-width:0;height:auto;min-height:190px!important;padding:22px!important;border:1px solid color-mix(in srgb,var(--niwwi-tone) 24%,var(--line));border-radius:24px;text-align:left;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--niwwi-tone) 12%,transparent),transparent 64%),var(--surface);box-shadow:0 8px 28px #0904170a;color:var(--text)}
html[data-theme] #page .money-overview-kpis > .simple-kpi:nth-last-child(-n+2) {grid-column:span 3}
html[data-theme] #page .money-overview-kpis > .simple-kpi::before {content:"";position:absolute;right:18px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--niwwi-tone);opacity:.6;pointer-events:none}
html[data-theme] #page .money-overview-kpis > .simple-kpi::after {display:none}
html[data-theme] #page .money-overview-kpis > .simple-kpi.neutral {--niwwi-tone:var(--cyan)}
html[data-theme] #page .money-overview-kpis > .simple-kpi.debt {--niwwi-tone:var(--yellow)}
html[data-theme] #page .money-overview-kpis > .simple-kpi.negative {--niwwi-tone:var(--coral)}
html[data-theme] #page .money-overview-kpis > .simple-kpi.positive {--niwwi-tone:var(--green)}
html[data-theme] #page .money-overview-kpis .kpi-label {padding-right:16px;min-height:0;color:var(--niwwi-tone);font-size:11px;line-height:1.5;font-weight:750;letter-spacing:.075em}
html[data-theme] #page .money-overview-kpis .simple-value {flex:none;display:block;min-height:0;margin:2px 0 6px!important;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;color:var(--niwwi-tone);font-size:clamp(25px,2.5vw,32px);line-height:1.2;letter-spacing:-.045em;font-weight:750;font-variant-numeric:tabular-nums}
html[data-theme] #page .money-overview-kpis :is(.simple-kpi > small,.simple-kpi > p,.commitment-kpi-copy) {margin:0;color:var(--muted);font-size:11px;line-height:1.55}
html[data-theme] #page .money-overview-kpis .simple-kpi > small {margin-top:auto}
html[data-theme] #page .money-overview-kpis .simple-kpi > em {display:flex;align-items:center;gap:8px;color:var(--niwwi-tone);font-size:12px;font-style:normal;font-weight:650}
html[data-theme] #page .money-overview-kpis .simple-kpi > em svg {width:15px;height:15px}
html[data-theme] #page .money-overview-kpis .account-balance-kpi {background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--purple) 20%,transparent),transparent 78%),var(--surface2)}
html[data-theme] #page .money-overview-kpis .account-balance-kpi .simple-value {color:var(--text)}
html[data-theme] #page .money-overview-kpis .kpi-secondary-line {gap:12px;padding:6px 0;margin:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);font-size:9px;line-height:1.45;letter-spacing:.025em}
html[data-theme] #page .money-overview-kpis .kpi-secondary-line b {font-size:12px;white-space:nowrap;color:var(--text)}
html[data-theme] #page .money-overview-kpis .kpi-secondary-line.onlyfans {color:var(--cyan)}
html[data-theme] #page .money-overview-kpis .actual-flow-split {gap:10px;margin:2px 0 6px;grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-theme] #page .money-overview-kpis .actual-flow-split > div {padding:14px 10px;border-radius:16px;background:color-mix(in srgb,var(--surface) 70%,transparent);border-color:var(--line)}
html[data-theme] #page .money-overview-kpis .actual-flow-split span {color:var(--muted);font-size:9px;line-height:1.45;letter-spacing:.025em}
html[data-theme] #page .money-overview-kpis .actual-flow-split strong {font-size:20px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
html[data-theme] #page .money-overview-kpis [data-dashboard-flow="income"] {border-color:color-mix(in srgb,var(--green) 28%,var(--line))}
html[data-theme] #page .money-overview-kpis [data-dashboard-flow="income"] strong {color:var(--green)}
html[data-theme] #page .money-overview-kpis [data-dashboard-flow="expense"] {border-color:color-mix(in srgb,var(--coral) 28%,var(--line))}
html[data-theme] #page .money-overview-kpis [data-dashboard-flow="expense"] strong {color:var(--coral)}
html[data-theme] #page .dashboard-platform-activity {position:relative;isolation:isolate;padding:26px;border-radius:28px;border:1px solid color-mix(in srgb,var(--purple) 22%,var(--line));background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--purple) 9%,transparent),transparent 60%),var(--surface);box-shadow:0 12px 40px #0904170b}
html[data-theme] #page .dashboard-platform-activity > .simple-section-head {align-items:center;gap:18px;margin-bottom:22px}
.niwwi-section-title {display:flex;align-items:center;gap:15px;min-width:0}
.niwwi-section-icon {flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:19px;color:var(--purple);background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 18%,var(--surface)),color-mix(in srgb,var(--pink) 12%,var(--surface)));border:1px solid color-mix(in srgb,var(--purple) 22%,var(--line));box-shadow:inset 0 1px 0 #ffffff1a}
.niwwi-section-icon svg {width:26px;height:26px}
.niwwi-section-eyebrow {display:block;margin-bottom:5px;color:var(--purple);font-size:10px;line-height:1.3;letter-spacing:.14em;font-weight:750}
html[data-theme] #page .niwwi-section-title h2 {margin:0 0 5px;font-size:27px;letter-spacing:-.04em}
html[data-theme] #page .niwwi-section-title p {margin:0;color:var(--muted);font-size:12px;line-height:1.55}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals {gap:16px}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals > article {--metric-tone:var(--green);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:195px;padding:22px;border:1px solid color-mix(in srgb,var(--metric-tone) 27%,var(--line));border-radius:22px;background:radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--metric-tone) 12%,transparent),transparent 70%),var(--surface2);box-shadow:inset 0 1px 0 #ffffff0d}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals > article:nth-child(2) {--metric-tone:var(--yellow)}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals > article::before {content:"";position:absolute;right:14px;top:12px;width:122px;height:72px;z-index:-1;opacity:.28;pointer-events:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 82'%3E%3Cpath fill='%23B59BEF' d='M23 72a17 17 0 0 1-3-34 24 24 0 0 1 45-13 20 20 0 0 1 32 18 15 15 0 0 1-1 29Z'/%3E%3Cpath fill='%23FCA5C7' d='M116 8q1 11 12 12-11 1-12 12-1-11-12-12 11-1 12-12M126 47q1 6 7 7-6 1-7 7-1-6-7-7 6-1 7-7'/%3E%3C/svg%3E")}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals .niwwi-metric-icon {display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;color:var(--metric-tone);background:color-mix(in srgb,var(--metric-tone) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--metric-tone) 24%,transparent)}
.niwwi-metric-icon svg {width:20px;height:20px}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals small {color:var(--muted);font-size:10px;line-height:1.5;letter-spacing:.055em;font-weight:700;max-width:90%}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals b {color:var(--metric-tone);font-size:clamp(25px,2.8vw,32px);font-weight:750;line-height:1.2;letter-spacing:-.04em;overflow:visible;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals span:not(.niwwi-metric-icon) {color:var(--muted);font-size:12px;line-height:1.5}
html[data-theme] #page .dashboard-platform-activity .helion-platform-totals span:empty {display:none}
html[data-theme] #page .platform-flow-chips {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
html[data-theme] #page .platform-flow-chips > div {position:relative;padding:16px 16px 16px 22px;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);gap:7px}
html[data-theme] #page .platform-flow-chips > div::before {content:"";position:absolute;left:10px;top:18px;bottom:18px;width:3px;border-radius:4px;background:var(--purple);opacity:.6}
html[data-theme] #page .platform-flow-chips [data-platform-flow="available"]::before {background:var(--green)}
html[data-theme] #page .platform-flow-chips [data-platform-flow="transit"]::before {background:var(--cyan)}
html[data-theme] #page .platform-flow-chips :is(span,small) {color:var(--muted);font-size:11px;line-height:1.5}
html[data-theme] #page .platform-flow-chips b {font-size:17px;line-height:1.3;color:var(--text);white-space:normal;overflow-wrap:anywhere}
html[data-theme] #page .dashboard-platform-activity :is(.subtle-button,summary) {min-height:44px;border-radius:14px;color:var(--text);font-size:12px;font-weight:650}
html[data-theme] #page .dashboard-platform-activity .subtle-button {padding:10px 14px;border:1px solid var(--line);background:var(--surface2)}
html[data-theme] #page .dashboard-platform-activity .platform-disclosures {gap:14px;margin:16px 0}
html[data-theme] #page .dashboard-platform-activity .platform-disclosures summary {padding:12px 0;border-bottom:1px solid var(--line)}
.niwwi-spendable-detail {margin-top:auto;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.niwwi-spendable-detail summary {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;cursor:pointer;list-style:none;font-size:12px;font-weight:650;color:var(--text)}
.niwwi-spendable-detail summary::-webkit-details-marker {display:none}
.niwwi-spendable-detail summary svg {width:16px;height:16px;flex:none}
.niwwi-spendable-detail[open] summary svg {transform:rotate(180deg)}
.niwwi-spendable-detail p {margin:8px 0 12px;line-height:1.6;font-size:12px;color:var(--muted)}
.niwwi-spendable-detail dl {margin:14px 0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.niwwi-spendable-detail dl > div {display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;font-size:11px;line-height:1.5}
.niwwi-spendable-detail dd {margin:0;text-align:right;color:var(--text);font-weight:650;white-space:nowrap}
.niwwi-spendable-detail .niwwi-spendable-status {padding:12px;border-radius:14px;background:var(--surface2);color:var(--text)}
html[data-theme] #page :is(.niwwi-section-title h2,.money-overview-kpis .simple-value,.dashboard-platform-activity .helion-platform-totals b) {font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700}
html[data-theme] #page :is(.money-overview-kpis button,.niwwi-spendable-detail summary,.dashboard-platform-activity summary,.dashboard-platform-activity button):focus-visible {outline:2px solid var(--purple);outline-offset:4px}
@media (hover:hover) {
  html[data-theme] #page .money-overview-kpis > button:hover {border-color:var(--niwwi-tone);box-shadow:0 8px 24px color-mix(in srgb,var(--niwwi-tone) 12%,transparent)}
}
@media (min-width:1550px) {
  html[data-theme] #page .money-overview-kpis {grid-template-columns:1.15fr 1.1fr 1fr 1fr 1fr}
  html[data-theme] #page .money-overview-kpis > .simple-kpi,html[data-theme] #page .money-overview-kpis > .simple-kpi:nth-last-child(-n+2) {grid-column:span 1}
}
@media (max-width:760px) {
  html[data-theme] #page .money-overview-kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html[data-theme] #page .money-overview-kpis > .simple-kpi,html[data-theme] #page .money-overview-kpis > .simple-kpi:nth-last-child(-n+2) {grid-column:span 1;min-height:170px!important;padding:16px!important;border-radius:20px}
  html[data-theme] #page .money-overview-kpis > .account-balance-kpi,html[data-theme] #page .money-overview-kpis > .commitment-kpi,html[data-theme] #page .money-overview-kpis > .niwwi-spendable-kpi {grid-column:1/-1}
  html[data-theme] #page .money-overview-kpis .kpi-label {font-size:10px;letter-spacing:.035em}
  html[data-theme] #page .money-overview-kpis .simple-value {font-size:25px}
  html[data-theme] #page .money-overview-kpis .actual-flow-split {grid-template-columns:1fr;gap:7px}
  html[data-theme] #page .money-overview-kpis .actual-flow-split > div {padding:10px}
  html[data-theme] #page .money-overview-kpis .actual-flow-split strong {font-size:19px}
  html[data-theme] #page .dashboard-platform-activity {padding:18px 16px;border-radius:24px}
  html[data-theme] #page .dashboard-platform-activity > .simple-section-head {align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:16px}
  .niwwi-section-title {gap:12px}
  .niwwi-section-icon {width:46px;height:46px;border-radius:16px}
  html[data-theme] #page .niwwi-section-title h2 {font-size:25px}
  html[data-theme] #page .dashboard-platform-activity .helion-platform-totals {grid-template-columns:minmax(0,1fr);gap:12px}
  html[data-theme] #page .dashboard-platform-activity .helion-platform-totals > article {min-height:0;padding:18px;gap:10px}
  html[data-theme] #page .dashboard-platform-activity .helion-platform-totals small {max-width:100%}
  html[data-theme] #page .platform-flow-chips {grid-template-columns:1fr;gap:8px}
  html[data-theme] #page .platform-flow-chips > div {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:14px 14px 14px 22px}
  html[data-theme] #page .platform-flow-chips > div small {grid-column:1/-1}
  html[data-theme] #page .platform-flow-chips > div small:empty {display:none}
  html[data-theme] #page .dashboard-platform-activity .platform-disclosures {grid-template-columns:1fr;gap:6px}
}
@media (max-width:359px) {
  html[data-theme] #page .money-overview-kpis {grid-template-columns:minmax(0,1fr)}
  html[data-theme] #page .money-overview-kpis > .simple-kpi {grid-column:1/-1!important;min-height:0!important}
}

/* Small illustrated actions: native disclosures and their existing behavior. */
html[data-theme] #page .dashboard-platform-activity .platform-disclosures {align-items:start;gap:14px;margin:20px 0 18px}
html[data-theme] #page .dashboard-platform-activity .platform-disclosures > details {min-width:0;border:0;background:transparent}
html[data-theme] #page .dashboard-platform-activity .platform-disclosures summary {display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;list-style:none;border:1px solid transparent;border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--purple) 9%,var(--surface)),color-mix(in srgb,var(--pink) 7%,var(--surface))) padding-box,linear-gradient(120deg,color-mix(in srgb,var(--purple) 42%,var(--line)),color-mix(in srgb,var(--pink) 42%,var(--line))) border-box;box-shadow:inset 0 1px 0 #ffffff16,0 4px 16px #59349309;color:var(--text);font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;font-weight:650;line-height:1.4;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}
html[data-theme] #page .dashboard-platform-activity .platform-disclosures summary::-webkit-details-marker {display:none}
.niwwi-action-icon {order:-1;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--purple) 25%,var(--line));border-radius:13px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--purple) 15%,var(--surface)));color:var(--purple);box-shadow:inset 0 1px 0 #ffffff24}
.niwwi-action-icon svg {width:20px;height:20px}
.niwwi-model-flower {font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:23px;line-height:1;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--pink) 15%,var(--surface)));border-color:color-mix(in srgb,var(--pink) 30%,var(--line))}
.niwwi-action-chevron {display:flex;align-items:center;margin-left:auto;color:var(--purple);flex:none}
.niwwi-action-chevron svg {width:17px;height:17px;transition:transform .18s ease}
.platform-disclosures details[open] .niwwi-action-chevron svg {transform:rotate(180deg)}
html[data-theme] #page .dashboard-platform-activity .platform-disclosures details[open] > summary {box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 12%,transparent),inset 0 1px 0 #ffffff1c}
html[data-theme] #page .dashboard-platform-activity .platform-disclosures details[open] > :not(summary) {margin-top:16px}
html[data-theme] #page .dashboard-platform-activity .niwwi-shimmer-button {position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;max-width:100%;padding:10px 20px 10px 10px;overflow:hidden;border:1px solid #ba8ef080;border-radius:999px;background:linear-gradient(115deg,#6940DC 0%,#7942CE 56%,#AA418F 100%);box-shadow:inset 0 1px 0 #ffffff48,inset 0 -1px 0 #2b126042,0 7px 22px #8854d42c;color:#fff;font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:650;line-height:1.4;text-shadow:0 1px 1px #3b1f6b33;transition:box-shadow .18s ease,transform .18s ease}
html[data-theme] #page .dashboard-platform-activity .niwwi-shimmer-button::before {content:"";position:absolute;z-index:-1;inset:-90% auto -90% -60%;width:45%;pointer-events:none;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff18,transparent);transition:left .55s ease}
html[data-theme] #page .dashboard-platform-activity .niwwi-shimmer-button > svg {width:17px;height:17px;flex:none;color:inherit}
.niwwi-action-sparkles {display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff40;background:linear-gradient(145deg,#ffffff24,#ffffff08);box-shadow:inset 0 1px 0 #ffffff40;color:#fff}
.niwwi-action-sparkles svg {width:22px;height:22px}
html[data-theme] #page .dashboard-platform-activity > .simple-section-head > .subtle-button {border-radius:999px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--purple) 10%,var(--surface)));border-color:color-mix(in srgb,var(--purple) 32%,var(--line));box-shadow:inset 0 1px 0 #ffffff1c;color:var(--purple)}
@media (hover:hover) {
  html[data-theme] #page .dashboard-platform-activity .platform-disclosures summary:hover {transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--purple) 13%,transparent),inset 0 1px 0 #ffffff30}
  html[data-theme] #page .dashboard-platform-activity .niwwi-shimmer-button:hover {transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff70,0 9px 26px #a665df4a}
  html[data-theme] #page .dashboard-platform-activity .niwwi-shimmer-button:hover::before {left:130%}
}
html[data-theme] #page .dashboard-platform-activity .niwwi-shimmer-button:active {transform:translateY(0);box-shadow:inset 0 1px 5px #32134c33,0 3px 12px #8854d426}
@media (max-width:760px) {
  html[data-theme] #page .dashboard-platform-activity .platform-disclosures {gap:10px;margin-top:18px}
  html[data-theme] #page .dashboard-platform-activity .platform-disclosures summary {padding:12px 14px;min-height:64px;font-size:13px}
  html[data-theme] #page .dashboard-platform-activity .niwwi-shimmer-button {width:100%;min-height:54px}
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] #page .dashboard-platform-activity :is(.platform-disclosures summary,.niwwi-shimmer-button,.niwwi-shimmer-button::before,.niwwi-action-chevron svg) {transition:none}
  html[data-theme] #page .dashboard-platform-activity :is(.platform-disclosures summary:hover,.niwwi-shimmer-button:hover) {transform:none}
  html[data-theme] #page .dashboard-platform-activity .niwwi-shimmer-button::before {display:none}
}

/* Shared Niwwi design: every route uses the same typography, sky and controls. */
:root {
  --niwwi-heading-font:Manrope,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --niwwi-action-gradient:linear-gradient(115deg,#6940DC 0%,#7942CE 56%,#AA418F 100%);
  --niwwi-sky:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 140'%3E%3Cpath fill='%23B79CEC' opacity='.5' d='M162 140v-24c-23-7-21-40 4-43-3-36 44-53 64-26 24-25 61-7 62 21 34-10 57 13 53 39 21 0 30 20 22 33Z'/%3E%3Cpath fill='%23F3ACD6' opacity='.55' d='M220 140c-5-27 28-46 47-26 17-23 49-16 55 8 25-15 41-3 45 18Z'/%3E%3Cpath fill='%23AD86EC' d='M76 19q2 15 17 17-15 2-17 17-2-15-17-17 15-2 17-17M295 15q1 9 11 11-10 1-11 11-1-10-11-11 10-2 11-11M127 85q1 8 9 9-8 1-9 9-1-8-9-9 8-1 9-9'/%3E%3Cpath fill='%23EBA0C7' d='M186 48c-18-10-9-24 0-13 9-11 18 3 0 13'/%3E%3Cg fill='%23B79CEC'%3E%3Ccircle cx='112' cy='54' r='2'/%3E%3Ccircle cx='24' cy='108' r='2'/%3E%3Ccircle cx='253' cy='12' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
  --niwwi-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C5A7F5' d='M12 1q1.5 9.5 11 11-9.5 1.5-11 11Q10.5 13.5 1 12 10.5 10.5 12 1Z'/%3E%3C/svg%3E");
}
html[data-theme="light"] {--niwwi-title-end:#8650B4;--niwwi-shadow:#6531A610;--green:#117854;--coral:#BF4058;--cyan:#157786;--yellow:#85620D}
html[data-theme="dark"] {--niwwi-title-end:#E5B8E2;--niwwi-shadow:#05020D35}
html[data-theme="light"] body {background:radial-gradient(ellipse at 80% 0,#ECDDFF66,transparent 45%),radial-gradient(ellipse at 0 90%,#FCE1F044,transparent 50%),var(--bg)}

/* Illustrated title frames, including Registry, configuration and source pages. */
html[data-theme] body #page .niwwi-page-header {
  position:relative;isolation:isolate;display:flex;align-items:center;flex-wrap:wrap;gap:20px;
  min-height:116px;padding:24px 26px;margin-bottom:26px;border:1px solid color-mix(in srgb,var(--purple) 24%,var(--line));border-radius:28px;
  background:radial-gradient(ellipse at 30% 0,color-mix(in srgb,var(--purple) 10%,transparent),transparent 65%),linear-gradient(120deg,var(--surface),var(--surface2));
  box-shadow:inset 0 1px 0 #FFFFFF24,0 10px 30px var(--niwwi-shadow);
}
html[data-theme] body #page .niwwi-page-header::before {content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--niwwi-sky) right bottom/330px 130px no-repeat;opacity:.58;pointer-events:none}
html[data-theme] body #page .niwwi-page-header::after {display:none}
html[data-theme] body #page .niwwi-page-header > div:first-child {min-width:0;min-height:0;flex:1 1 320px}
html[data-theme] body #page .niwwi-page-title {display:flex;align-items:center;gap:16px;min-width:0;margin:0 0 8px;font-family:var(--niwwi-heading-font);font-size:clamp(28px,2.7vw,38px);font-weight:700;line-height:1.22;letter-spacing:-.045em;background:none;color:var(--text);-webkit-text-fill-color:currentColor;text-shadow:none}
html[data-theme] body #page .niwwi-page-title::after {display:none}
.niwwi-title-copy {min-width:0;overflow-wrap:anywhere;background:linear-gradient(110deg,var(--text) 20%,var(--niwwi-title-end));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-theme] body #app #page :is(.niwwi-page-title,h2,h3) {font-family:var(--niwwi-heading-font)}
.niwwi-title-symbol {position:relative;display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 24%,var(--surface)),color-mix(in srgb,var(--pink) 18%,var(--surface)));border:1px solid color-mix(in srgb,var(--purple) 32%,var(--line));color:var(--purple);-webkit-text-fill-color:var(--purple);box-shadow:inset 0 2px 0 #FFFFFF33,0 6px 15px var(--niwwi-shadow)}
.niwwi-title-symbol svg {width:28px;height:28px}
.niwwi-title-symbol::after {content:"";position:absolute;right:-6px;top:-5px;width:17px;height:17px;background:var(--niwwi-star) center/contain no-repeat;filter:drop-shadow(0 0 5px #B987EF55);pointer-events:none}
html[data-theme] #page .niwwi-page-header p {max-width:65ch;font-size:13px;line-height:1.65;color:var(--muted)}
html[data-theme] #page :is(h2,h3),html[data-theme] :is(.modal h2,.mova-ai-chat-head strong) {font-family:var(--niwwi-heading-font);letter-spacing:-.025em;font-weight:700}
html[data-theme] #page :is(.simple-section-head,.section-title-row,.history-section-head,.analysis-card-head,.section-heading,.preference-section-head,.settings-section-head) h2 {
  position:relative;padding-bottom:12px;font-size:22px;line-height:1.35;color:var(--text);
}
html[data-theme] #page :is(.simple-section-head,.section-title-row,.history-section-head,.analysis-card-head,.section-heading,.preference-section-head,.settings-section-head) h2::after {
  content:"";position:absolute;left:0;bottom:2px;width:36px;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--purple),var(--pink));pointer-events:none;
}
html[data-theme] #page .niwwi-section-title h2 {font-size:27px}
html[data-theme] #page :is(.eyebrow,.niwwi-section-eyebrow) {color:var(--purple);font-size:10px;font-weight:700;letter-spacing:.14em}
html[data-theme] #page .niwwi-page-header .eyebrow {margin-bottom:10px}

/* Quiet card surfaces leave financial figures and their semantic colors intact. */
html[data-theme="light"] #page {
  --visual-neutral:var(--text);--visual-income:var(--green);--visual-expense:var(--coral);
  --visual-debt:var(--yellow);--visual-saving:var(--purple);--visual-transfer:var(--cyan);
  --finance-red:var(--coral);--finance-green:var(--green);
}
html[data-theme] #page {color:var(--text)}
html[data-theme="light"] #page :is(.asset-position-disclosure,.income-total strong,.money-location-list b,.registry-business-head h2,.history-month-name,.history-month-summary > strong) {color:var(--text)}
html[data-theme="light"] #page .history-month-summary > .positive {color:var(--green)}
html[data-theme="light"] #page .history-month-summary > .negative {color:var(--coral)}
html[data-theme="light"] #page .history-month-summary > .saving {color:var(--purple)}
html[data-theme="light"] #page :is(b.neutral,strong.neutral,.account-native,.fx-example h2,.savings-location-card > header > strong) {color:var(--cyan)}
html[data-theme="light"] #page :is(b.neutral,strong.neutral) {color:var(--cyan)!important}
html[data-theme="light"] #page .registry-visual-legend .transfer {color:var(--cyan)}
html[data-theme="light"] #page .registry-visual-legend .saving {color:var(--purple)}
html[data-theme="light"] #page .registry-business-mark {color:color-mix(in srgb,var(--business-accent,var(--purple)) 40%,var(--text));background:color-mix(in srgb,var(--purple) 9%,var(--surface));border-color:var(--line)}
html[data-theme="light"] #page .company-theme-preview > span {color:color-mix(in srgb,var(--company-accent,var(--purple)) 40%,var(--text))}
html[data-theme="light"] #page :is(.muted,.fv-virtuality-total small) {color:var(--muted)}
html[data-theme] #page :is(.movement-summary-strip article,.debt-summary-grid article,.savings-summary-grid article,.analysis-kpis article,.calendar-month-insights article,.history-kpi) {
  position:relative;isolation:isolate;border-radius:21px;
  background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--summary-tone,var(--purple)) 12%,transparent),transparent 70%),var(--surface)!important;
  border-color:color-mix(in srgb,var(--summary-tone,var(--purple)) 28%,var(--line));box-shadow:inset 0 1px 0 #FFFFFF20,0 6px 20px var(--niwwi-shadow);
}
html[data-theme] #page :is(.movement-summary-strip article,.debt-summary-grid article,.savings-summary-grid article,.analysis-kpis article,.calendar-month-insights article,.history-kpi) :is(small,p) {color:var(--muted)!important}
html[data-theme] #page :is(.movement-summary-strip article,.debt-summary-grid article,.savings-summary-grid article,.analysis-kpis article,.calendar-month-insights article)::after {content:"";position:absolute;right:12px;top:12px;z-index:-1;width:17px;height:17px;background:var(--niwwi-star) center/contain no-repeat;opacity:.45;pointer-events:none}
html[data-theme] #page :is(.debt-side-section,.registry-ai-workspace) {border-radius:24px;border-color:var(--line);background:linear-gradient(140deg,var(--surface2),var(--surface));box-shadow:inset 0 1px 0 #FFFFFF1C}
html[data-theme] #page .registry-ai-workspace .registry-ai-source {border-color:var(--line);border-radius:18px;background:color-mix(in srgb,var(--purple) 6%,var(--surface))}
html[data-theme] #page :is(.registry-ai-copy p,.settings-note p,.catalog-card p,.account-card p) {font-size:12px;line-height:1.6}
html[data-theme] #page .registry-ai-workspace :is(.registry-ai-tools-title,.registry-ai-description > span,.registry-ai-dictation-hint) {font-size:10px;line-height:1.5;color:var(--muted)}
html[data-theme] #page .registry-ai-workspace .registry-ai-drop > span {font-size:9px;color:var(--muted)}
html[data-theme] #page .registry-ai-workspace .registry-ai-drop em {font-size:11px;border-radius:14px}
html[data-theme] #page .registry-ai-workspace .registry-ai-description textarea {font-size:16px;line-height:1.6}
html[data-theme] #page .movement-ledger-row :is(b,span) {font-size:12px;line-height:1.45}
html[data-theme] #page .movement-ledger-row small {font-size:10px;line-height:1.5}
html[data-theme] #page .debt-position-overview article {border-radius:22px;background:linear-gradient(130deg,var(--surface),var(--surface2));box-shadow:0 6px 20px var(--niwwi-shadow)}
html[data-theme] #page .debt-side-heading {padding-bottom:16px;border-bottom:1px solid var(--line)}
html[data-theme="light"] #page .debt-side-heading > strong {color:var(--coral)}
html[data-theme="light"] #page .debt-receivable-section .debt-side-heading > strong {color:var(--green)}
html[data-theme] #page .accounts-current-summary {border-radius:24px;border:1px solid color-mix(in srgb,var(--purple) 24%,var(--line));background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--purple) 13%,transparent),transparent 60%),var(--surface);box-shadow:0 8px 24px var(--niwwi-shadow)}
html[data-theme] #page .accounts-current-summary strong {color:var(--text)}
html[data-theme] #page .accounts-opening-note b {color:var(--text)}
html[data-theme] #page .card:not(.simple-kpi,.registry-kpi,.history-kpi,.account-card,.debt-account-card,.saving-goal-card,.dashboard-platform-activity,.company-theme-card,.settings-credit-card) {
  border-color:color-mix(in srgb,var(--purple) 13%,var(--line));border-radius:24px;
  background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--purple) 6%,transparent),transparent 66%),var(--surface);
  box-shadow:inset 0 1px 0 #FFFFFF13,0 7px 24px var(--niwwi-shadow);
}
html[data-theme] #page :is(.account-card,.saving-goal-card,.debt-account-card,.company-theme-card) {border-radius:24px;box-shadow:inset 0 1px 0 #FFFFFF20,0 7px 24px var(--niwwi-shadow)}
html[data-theme] #page :is(.settings-account-card,.recurring-subscription-card,.catalog-card) {background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--pink) 7%,transparent),transparent 64%),var(--surface)}
html[data-theme] #page :is(.registry-business-panel,.saving-goal-card,.catalog-card) > :is(header,.registry-business-head,.simple-section-head) {background:linear-gradient(110deg,color-mix(in srgb,var(--purple) 7%,var(--surface)),color-mix(in srgb,var(--pink) 5%,var(--surface)));border-color:var(--line)}
html[data-theme] body #page :is(.registry-kpi,.history-kpi) {position:relative;isolation:isolate;border-radius:22px;box-shadow:inset 0 1px 0 #FFFFFF22,0 7px 24px var(--niwwi-shadow)}
html[data-theme] body #page :is(.registry-kpi,.history-kpi)::after {content:"";position:absolute;right:12px;top:12px;width:20px;height:20px;background:var(--niwwi-star) center/contain no-repeat;opacity:.45;z-index:-1;pointer-events:none}
html[data-theme] #page .registry-type-card {border-radius:18px}
html[data-theme] #page :is(.registry-type-summary,.history-toggle) {border-radius:16px}
html[data-theme] #page :is(.row-icon,.spend-icon,.projection-icon,.account-icon,.catalog-icon,.settings-account-icon) {border-radius:14px;box-shadow:inset 0 1px 0 #FFFFFF26}
html[data-theme] #page :is(.progress,.goal-progress,.model-bars i) {border-radius:999px}
html[data-theme] #page .saving-goal-card .progress > i {border-radius:inherit;background:linear-gradient(90deg,var(--purple2),var(--pink));box-shadow:0 0 12px color-mix(in srgb,var(--purple) 20%,transparent)}

/* Pill controls are shared by dashboards, ledgers, forms and configuration. */
html[data-theme] :is(#page,.modal,.niwwi-preferences,.side-foot) :is(.secondary,.subtle-button,.action-btn):not(.danger,.primary-action,.niwwi-shimmer-button) {
  min-height:44px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--purple) 27%,var(--line));border-radius:999px;
  background:linear-gradient(115deg,color-mix(in srgb,var(--purple) 8%,var(--surface)),color-mix(in srgb,var(--pink) 7%,var(--surface)));
  color:var(--purple);font-size:12px;font-weight:650;line-height:1.4;box-shadow:inset 0 1px 0 #FFFFFF20,0 3px 12px var(--niwwi-shadow);
  transition:box-shadow .18s ease,border-color .18s ease;
}
html[data-theme] body :is(.primary,.action-btn.primary-action,.registry-save,.registry-ai-action) {
  background:var(--niwwi-action-gradient)!important;color:#FFFFFF!important;border:1px solid #BC91EBA0!important;border-radius:999px;
  box-shadow:inset 0 1px 0 #FFFFFF55,inset 0 -1px 0 #2B126040,0 6px 20px #8854D42B;text-shadow:0 1px 1px #3B1F6B33;
}
html[data-theme] #page :is(.primary,.registry-save,.registry-ai-action,.action-btn.primary-action) {min-height:46px}
html[data-theme] #page .registry-save::after {content:"";display:inline-block;flex:none;width:16px;height:16px;margin-left:8px;background:var(--niwwi-star) center/contain no-repeat;filter:brightness(1.65);vertical-align:middle;pointer-events:none}
html[data-theme] #page .registry-ai-action {display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px}
html[data-theme] #page .registry-ai-action svg {flex:none;width:18px;height:18px}
html[data-theme] body :is(.primary,.action-btn,.secondary,.subtle-button,.registry-save,.registry-ai-action):disabled {opacity:.5;box-shadow:none;cursor:not-allowed}
html[data-theme] #page :is(.segmented,.dashboard-mode,.dashboard-switcher,.dashboard-business-switcher,.mova-dashboard-mode-switch,.analysis-tabs,.registry-visualizer-tabs) {border-radius:17px;border-color:var(--line);background:color-mix(in srgb,var(--purple) 5%,var(--surface));box-shadow:inset 0 1px 0 #FFFFFF1C}
html[data-theme] #page :is(.segmented,.dashboard-mode,.dashboard-switcher,.dashboard-business-switcher,.mova-dashboard-mode-switch,.analysis-tabs,.registry-visualizer-tabs) > button {border-radius:12px;min-height:38px;line-height:1.35}
html[data-theme] body #page :is(.segmented,.dashboard-mode,.dashboard-switcher,.dashboard-business-switcher,.mova-dashboard-mode-switch,.analysis-tabs,.registry-visualizer-tabs) > button.active {
  background:linear-gradient(115deg,color-mix(in srgb,var(--purple) 18%,var(--surface)),color-mix(in srgb,var(--pink) 15%,var(--surface)))!important;
  color:var(--text)!important;border-color:color-mix(in srgb,var(--purple) 40%,var(--line));box-shadow:inset 0 1px 0 #FFFFFF30,0 2px 8px var(--niwwi-shadow);font-weight:750;
}
html[data-theme] #page .dashboard-period-chip {border-radius:18px;background:linear-gradient(130deg,var(--surface),var(--surface2));border-color:color-mix(in srgb,var(--purple) 24%,var(--line));box-shadow:inset 0 1px 0 #FFFFFF20}
html[data-theme] #page details:not(.niwwi-spendable-detail,.platform-disclosures details) > summary {border-radius:14px;color:var(--text);font-weight:650}
html[data-theme] #page :is(.niwwi-guide,.forecast-assumptions) details > summary {padding:10px 12px;min-height:44px;background:linear-gradient(115deg,color-mix(in srgb,var(--purple) 8%,var(--surface)),color-mix(in srgb,var(--pink) 6%,var(--surface)))}
html[data-theme] #page .niwwi-guide details[open] > summary {box-shadow:inset 3px 0 var(--purple)}

/* Writing, navigation and conversations share the same finish. */
html[data-theme] :is(#page,.modal,.login-card) :is(input:not([type="radio"],[type="checkbox"],[type="range"],[type="color"],[type="file"]),textarea,select) {border-radius:12px;border-color:color-mix(in srgb,var(--purple) 22%,var(--line));color:var(--text);caret-color:var(--text)}
html[data-theme] :is(#page,.modal,.login-card) :is(input,textarea)::placeholder {color:var(--muted);opacity:1}
html[data-theme] :is(#page,.modal,.login-card) :is(input,textarea,select):focus-visible {outline:2px solid color-mix(in srgb,var(--purple) 70%,var(--line));outline-offset:2px}
html[data-theme] :is(#page,.modal,.side-foot) :is(button,summary,a):focus-visible {outline:2px solid var(--purple);outline-offset:3px}
html[data-theme] #page :is(thead,.movement-table-head,.sheet-head) {background:color-mix(in srgb,var(--purple) 7%,var(--surface));color:var(--muted)}
html[data-theme] .sidebar .nav-item.active {background:linear-gradient(105deg,color-mix(in srgb,var(--purple) 18%,var(--surface)),color-mix(in srgb,var(--pink) 10%,var(--surface)))!important;border-color:color-mix(in srgb,var(--purple) 25%,var(--line));color:var(--text)!important;box-shadow:inset 3px 0 var(--purple),0 4px 15px var(--niwwi-shadow)!important}
html[data-theme] .sidebar .nav-item.active .nav-icon {color:var(--purple)}
html[data-theme] .sidebar .nav-subitem.active {background:linear-gradient(105deg,color-mix(in srgb,var(--purple) 12%,var(--surface)),color-mix(in srgb,var(--pink) 7%,var(--surface)));color:var(--purple);border-radius:12px}
html[data-theme] .sidebar .nav-label {font-family:var(--niwwi-heading-font);color:var(--muted);letter-spacing:.15em}
html[data-theme] .mova-ai-chat-head {background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--pink) 15%,transparent),transparent 70%),linear-gradient(110deg,var(--surface),var(--surface2));border-color:var(--line)}
html[data-theme] .mova-ai-quick-prompts button {border-radius:999px;border-color:color-mix(in srgb,var(--purple) 28%,var(--line));background:linear-gradient(120deg,var(--surface),var(--surface2));color:var(--text)}
html[data-theme] .mova-ai-chat-send:not(:disabled) {background:var(--niwwi-action-gradient);box-shadow:inset 0 1px 0 #FFFFFF40,0 4px 12px #8854D428}
html[data-theme] .modal {border-radius:26px;border-color:color-mix(in srgb,var(--purple) 25%,var(--line));background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--purple) 9%,transparent),transparent 42%),var(--surface)}
html[data-theme] .login-card h2 {font-family:var(--niwwi-heading-font);letter-spacing:-.04em;color:var(--text)}
html[data-theme] .login-card .input-wrap {border-radius:17px;border-color:color-mix(in srgb,var(--purple) 28%,var(--line));background:var(--surface);box-shadow:0 3px 12px var(--niwwi-shadow)}
html[data-theme] [data-mova-update]:not([hidden]) {margin-top:10px;padding:10px;border:1px solid color-mix(in srgb,var(--purple) 26%,var(--line));border-radius:18px;background:linear-gradient(120deg,var(--surface2),color-mix(in srgb,var(--pink) 8%,var(--surface)))}
html[data-theme] #movaUpdateStatus {color:var(--muted)}

@media (hover:hover) {
  html[data-theme] :is(#page,.modal,.side-foot) :is(.secondary,.subtle-button,.action-btn):not(:disabled):hover {border-color:var(--purple);box-shadow:0 5px 18px color-mix(in srgb,var(--purple) 15%,transparent),inset 0 1px 0 #FFFFFF30}
  html[data-theme] #page :is(.movement-ledger-row,.list-row,.registry-type-summary,.history-toggle):hover {background:color-mix(in srgb,var(--purple) 6%,var(--surface))}
}
@media (max-width:760px) {
  html[data-theme] body #page .niwwi-page-header {min-height:0;padding:19px 16px;gap:16px;border-radius:23px;margin-bottom:20px}
  html[data-theme] body #page .niwwi-page-header > div:first-child {flex-basis:100%}
  html[data-theme] body #page .niwwi-page-header::before {background-size:230px 95px;opacity:.38}
  html[data-theme] body #page .niwwi-page-title {gap:12px;font-size:27px;line-height:1.22;letter-spacing:-.045em}
  .niwwi-title-symbol {width:44px;height:44px;border-radius:15px}
  .niwwi-title-symbol svg {width:24px;height:24px}
  .niwwi-title-symbol::after {width:13px;height:13px;right:-3px;top:-3px}
  html[data-theme] #page .niwwi-page-header p {font-size:12px;line-height:1.55}
  html[data-theme] #page :is(.simple-section-head,.section-title-row,.history-section-head,.analysis-card-head,.section-heading,.preference-section-head,.settings-section-head) h2 {font-size:20px;line-height:1.4}
  html[data-theme] #page .niwwi-section-title h2 {font-size:25px}
  html[data-theme] #page :is(.segmented,.dashboard-mode,.dashboard-switcher,.dashboard-business-switcher,.mova-dashboard-mode-switch,.analysis-tabs,.registry-visualizer-tabs) > button {min-height:44px}
  html[data-theme] .mova-mobile-bottom-nav button.active {background:linear-gradient(130deg,color-mix(in srgb,var(--purple) 22%,var(--surface)),color-mix(in srgb,var(--pink) 14%,var(--surface)))!important;color:var(--text)!important;border-radius:13px}
  html[data-theme] .mova-mobile-bottom-nav [data-mobile-register] > span:first-child {background:var(--niwwi-action-gradient);box-shadow:0 3px 9px #8854D435}
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] :is(#page,.modal,.side-foot) :is(.secondary,.subtle-button,.action-btn) {transition:none}
}
@media (forced-colors:active) {
  .niwwi-title-copy {background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
  .niwwi-title-symbol {color:CanvasText;border-color:CanvasText;background:Canvas}
}


/* Niwwi component finish: one illustrated vocabulary in both themes. */
/* Calendar layout keeps its existing date/event interactions and mobile grid. */
html[data-theme] #page .smart-calendar {padding:19px;border:1px solid var(--niwwi-edge);border-radius:26px}
html[data-theme] #page .smart-calendar .calendar-head {gap:7px;padding:0 0 12px;border:0}
html[data-theme] #page .smart-calendar .calendar-head > div {padding:9px 0;border-radius:10px;background:color-mix(in srgb,var(--purple) 8%,var(--surface));color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em}
html[data-theme] #page .smart-calendar .calendar-grid {gap:7px;border:0;background:transparent}
html[data-theme] #page .smart-calendar .day {min-height:158px;padding:9px 7px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--purple) 5%,var(--surface)),var(--surface));box-shadow:inset 0 1px 0 #FFFFFF14}
html[data-theme] #page .smart-calendar .day.muted-day {opacity:.45;background:transparent;box-shadow:none}
html[data-theme] #page .smart-calendar .calendar-day-top {margin-bottom:9px;align-items:center}
html[data-theme] #page .smart-calendar .day-num {display:grid;place-items:center;width:28px;height:28px;border-radius:11px;color:var(--text);font:700 12px var(--niwwi-heading-font)}
html[data-theme] #page .smart-calendar .calendar-day-top > small {min-width:17px;height:17px;padding:3px;border-radius:7px;color:var(--muted);background:color-mix(in srgb,var(--purple) 8%,var(--surface));font-size:8px}
html[data-theme] #page .smart-calendar .day.today {border-color:var(--purple);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--purple) 15%,transparent),transparent 70%),var(--surface);box-shadow:inset 0 1px 0 #FFFFFF25,0 0 0 1px color-mix(in srgb,var(--purple) 20%,transparent)}
html[data-theme] #page .smart-calendar .today .day-num {background:var(--niwwi-action-gradient);color:#FFF;box-shadow:0 3px 12px #7942CE30}
html[data-theme] #page .smart-calendar .day.selected-day {outline:2px solid var(--purple);outline-offset:1px}
html[data-theme] #page .calendar-day-events {gap:7px}
html[data-theme] #page .calendar-day-event-preview {padding:8px 7px;border-radius:10px;border:1px solid color-mix(in srgb,var(--event-type) 24%,var(--line));border-left:3px solid var(--event-type);background:linear-gradient(130deg,color-mix(in srgb,var(--event-type) 10%,var(--surface)),var(--surface));box-shadow:inset 0 1px 0 #FFFFFF20}
html[data-theme] #page .calendar-day-event-preview > b {font:650 10px/1.4 var(--niwwi-heading-font);color:var(--text)}
html[data-theme] #page .calendar-preview-meta {display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:4px}
html[data-theme] #page .calendar-preview-meta small {font-size:8px;line-height:1.4;color:var(--muted)}
html[data-theme] #page .calendar-preview-meta em {max-width:100%;padding:2px 4px;border-radius:5px;font-size:7px;line-height:1.4;background:color-mix(in srgb,var(--event-business) 12%,var(--surface));color:var(--text)}
html[data-theme] #page .calendar-day-event-preview.status-overdue {border-left-color:var(--coral)}
html[data-theme] #page .calendar-day-event-preview.status-overdue .calendar-preview-meta small {color:var(--coral)}
html[data-theme] #page .calendar-day-more {min-height:25px;padding:5px;border-radius:9px;border:1px solid var(--niwwi-edge);background:var(--niwwi-glass);color:var(--purple);font-size:9px;font-weight:650}
html[data-theme] #page .calendar-focus-switch {border-radius:17px;padding:5px;border-color:var(--niwwi-edge);background:var(--niwwi-glass)}
html[data-theme] #page .calendar-focus-switch button {padding:11px 15px;min-height:42px;border-radius:12px;color:var(--muted);font-size:12px}
html[data-theme] #page .calendar-focus-switch button.active {background:var(--niwwi-action-gradient);color:#FFF}
@media (max-width:760px) {
  html[data-theme] #page .smart-calendar {padding:10px;border-radius:21px}
  html[data-theme] #page .smart-calendar .calendar-head {gap:3px;padding-bottom:7px}
  html[data-theme] #page .smart-calendar .calendar-head > div {font-size:9px;padding:9px 0}
  html[data-theme] #page .smart-calendar .calendar-grid {gap:3px}
  html[data-theme] #page .smart-calendar .day {padding:5px 2px;min-height:70px;border-radius:10px}
  html[data-theme] #page .smart-calendar .day-num {width:26px;height:26px;font-size:15px;border-radius:9px}
  html[data-theme] #page .smart-calendar .calendar-day-top {gap:0;margin-bottom:3px;flex-wrap:wrap}
  html[data-theme] #page .smart-calendar .calendar-day-top > small {min-width:16px;width:16px;height:16px;font-size:10px;padding:1px}
}
html[data-theme] {
  --niwwi-glass:linear-gradient(125deg,color-mix(in srgb,var(--purple) 10%,var(--surface)),color-mix(in srgb,var(--pink) 7%,var(--surface)));
  --niwwi-edge:color-mix(in srgb,var(--purple) 25%,var(--line));
}
html[data-theme] .topbar.niwwi-topbar {
  display:flex!important;justify-content:flex-end;align-items:center;gap:12px;
  position:sticky;top:0;z-index:80;height:56px;min-height:56px;padding:6px 38px;
  background:color-mix(in srgb,var(--bg) 93%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.niwwi-utilities {display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}
.niwwi-today {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}
.niwwi-today b {font-weight:650;color:var(--text)}
.niwwi-today svg {width:19px;height:19px;color:var(--purple)}
html[data-theme] .niwwi-theme-toggle {width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--niwwi-edge);border-radius:15px;color:var(--purple);background:var(--niwwi-glass);box-shadow:inset 0 1px 0 #FFFFFF30,0 3px 12px var(--niwwi-shadow);cursor:pointer}
.niwwi-theme-toggle svg {width:20px;height:20px}
.niwwi-theme-toggle:focus-visible {outline:3px solid var(--purple);outline-offset:3px}
html[data-theme] #page .data-cutoff {display:flex;align-items:center;width:fit-content;max-width:100%;margin:14px 0 20px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--niwwi-glass);font-size:12px;line-height:1.4;color:var(--muted)}
html[data-theme] .dashboard-period-chip {gap:11px;min-height:56px;border-radius:20px;border:1px solid var(--niwwi-edge);background:var(--niwwi-glass);box-shadow:inset 0 1px 0 #FFFFFF30,0 6px 18px var(--niwwi-shadow);color:var(--text)}
html[data-theme] .dashboard-period-chip .dashboard-period-icon {display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:color-mix(in srgb,var(--purple) 11%,var(--surface));color:var(--purple)}
.dashboard-period-icon svg {width:22px;height:22px}
html[data-theme] .dashboard-period-chip small {font-size:9px;letter-spacing:.08em;color:var(--muted)}
html[data-theme] .dashboard-period-chip b {font:750 13px/1.4 var(--niwwi-heading-font);color:var(--text)}
html[data-theme] .dashboard-period-menu {border-radius:22px;border-color:var(--niwwi-edge);background:var(--surface);box-shadow:0 16px 44px var(--niwwi-shadow)}
/* Keep an open Registry/Panorama month menu above the following KPI cards. */
html[data-theme] .registry-page-head:has(.dashboard-period-menu:not(.hidden)) {position:relative;z-index:3}

/* Navigation, account identity and real synchronization states. */
html[data-theme] .sidebar {background:radial-gradient(ellipse at 0 5%,color-mix(in srgb,var(--purple) 9%,transparent),transparent 45%),var(--side);border-color:var(--niwwi-edge)}
html[data-theme] .sidebar #nav {padding:4px 1px 14px}
html[data-theme] .sidebar .nav-label {margin-top:15px;margin-bottom:8px;padding:7px 11px;background:none;border-left:0;font-size:9px;font-weight:700;letter-spacing:.16em}
html[data-theme] .sidebar .nav-label::after {content:"";display:inline-block;vertical-align:middle;width:28px;height:1px;margin-left:10px;background:linear-gradient(90deg,var(--purple),transparent);opacity:.55}
html[data-theme] .sidebar .nav-item {min-height:43px;gap:11px;margin:3px 0;border-radius:15px;color:var(--muted);font-size:12px;font-weight:550;transition:background .16s,color .16s}
html[data-theme] .sidebar .nav-icon {display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid color-mix(in srgb,var(--purple) 13%,transparent);border-radius:10px;background:color-mix(in srgb,var(--purple) 6%,var(--surface));color:var(--purple)}
html[data-theme] .sidebar .nav-icon svg {width:17px;height:17px}
html[data-theme] .sidebar .nav-item.active .nav-icon {background:var(--niwwi-action-gradient);border-color:#C89BEE50;color:#FFF;box-shadow:0 4px 13px #7942CE26}
html[data-theme] .sidebar .nav-item.active {box-shadow:inset 0 1px 0 #FFFFFF20,0 4px 13px var(--niwwi-shadow)!important}
html[data-theme] .sidebar .nav-subitems {margin-left:26px;padding-left:15px;border-left:1px solid var(--niwwi-edge)}
html[data-theme] .sidebar .nav-subitem {min-height:37px;border-radius:12px;color:var(--muted);font-size:11px}
html[data-theme] .sidebar .side-foot {padding-top:12px;border-top:1px solid var(--niwwi-edge);gap:9px}
html[data-theme] .sidebar :is(.sidebar-notification-bell,.sidebar-global-refresh) {min-height:44px;border:1px solid var(--niwwi-edge);border-radius:15px;background:var(--niwwi-glass);color:var(--text);box-shadow:inset 0 1px 0 #FFFFFF28,0 4px 12px var(--niwwi-shadow)}
html[data-theme] .sidebar-notification-bell > span {color:var(--purple)}
html[data-theme] .sidebar-notification-bell.has-alerts > span {color:var(--pink)}
html[data-theme] .sidebar-notification-bell > b {min-width:18px;height:18px;display:grid;place-items:center;top:-5px;right:-3px;border:2px solid var(--side);border-radius:8px;background:linear-gradient(140deg,#B83482,#7942CE);color:#FFF;font:750 9px/1 var(--niwwi-heading-font);box-shadow:0 3px 8px #A6419328}
html[data-theme] .sidebar-refresh-label {font:650 11px var(--niwwi-heading-font)}
html[data-theme] .sidebar-refresh-icon {color:var(--purple)}
html[data-theme] #globalRefreshStatus {min-height:27px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 65%,var(--surface));padding:5px 6px;gap:7px;color:var(--muted)}
html[data-theme] #globalRefreshStatus .sync-source b {font-size:8px;font-weight:600}
html[data-theme] #globalRefreshStatus .sync-source i {width:5px;height:5px;box-shadow:0 0 5px currentColor}
html[data-theme] .sidebar .cloud-sync-status {min-height:23px;padding:5px 8px;border:1px solid var(--line);border-radius:10px;background:var(--niwwi-glass);font-size:9px;line-height:1.4}
html[data-theme] .sidebar .profile {position:relative;padding:12px 10px;gap:10px;min-height:85px;border:1px solid var(--niwwi-edge);border-radius:21px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--pink) 16%,transparent),transparent 70%),var(--surface);box-shadow:inset 0 1px 0 #FFFFFF30,0 6px 18px var(--niwwi-shadow)}
html[data-theme] .profile-avatar-wrap {flex:0 0 42px}
html[data-theme] .profile .niwwi-avatar {width:42px;height:42px;border:2px solid color-mix(in srgb,var(--pink) 32%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 9%,transparent)}
html[data-theme] .profile .profile-copy {display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:3px;padding:0}
html[data-theme] .profile .profile-copy b {max-width:100%;padding:0;color:var(--text);font:750 12px/1.4 var(--niwwi-heading-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] .profile .profile-copy small {max-width:100%;font-size:9px;line-height:1.4;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] .profile .profile-copy .profile-role {position:static;display:inline-flex;width:auto;margin-top:1px;padding:2px 6px;border:1px solid var(--niwwi-edge);border-radius:6px;background:color-mix(in srgb,var(--purple) 7%,var(--surface));color:var(--purple);font:700 7px/1.3 var(--niwwi-heading-font);letter-spacing:.1em}
html[data-theme] .profile .profile-logout {width:26px;min-width:26px;height:36px;padding:0;border-radius:10px;color:var(--muted)}
@media (min-width:1025px) {
  html[data-theme] .sidebar.collapsed {background:radial-gradient(ellipse at 0 15%,color-mix(in srgb,var(--purple) 13%,transparent),transparent 55%),var(--side)}
  html[data-theme] .sidebar.collapsed .nav-item {min-height:46px;width:44px;margin:5px auto;padding:0;justify-content:center}
  html[data-theme] .sidebar.collapsed .nav-icon {width:36px;height:36px;flex-basis:36px;border-radius:13px;background:var(--niwwi-glass)}
  html[data-theme] .sidebar.collapsed .nav-item.active .nav-icon {background:var(--niwwi-action-gradient)}
  html[data-theme] .sidebar.collapsed .profile {padding:9px 0;min-height:60px;justify-content:center;border-radius:18px}
  html[data-theme] .sidebar.collapsed .profile .profile-copy {display:none}
  html[data-theme] .sidebar.collapsed .profile-avatar-wrap {flex-basis:34px}
  html[data-theme] .sidebar.collapsed .profile .niwwi-avatar {width:34px;height:34px}
}

/* Panorama: readable category labels, individual money tiles and business headers. */
html[data-theme] #page .registry-visual-toolbar {flex-wrap:wrap;gap:12px;padding:9px;border:1px solid var(--niwwi-edge);border-radius:21px;background:var(--niwwi-glass)}
html[data-theme] #page .registry-visual-legend {display:flex;flex-wrap:wrap;gap:9px 12px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.6}
html[data-theme] #page .registry-visual-tabs button {min-height:43px;padding:10px 19px;border-radius:14px;font-size:12px;color:var(--muted)}
html[data-theme] #page .registry-visual-tabs button.active {background:var(--niwwi-action-gradient);color:#FFF;box-shadow:inset 0 1px 0 #FFFFFF40,0 4px 14px #7942CE22}
html[data-theme] #page .registry-business-head {position:relative;gap:16px;padding:23px 22px;border-radius:23px 23px 0 0;background:radial-gradient(ellipse at 85% 0,color-mix(in srgb,var(--panel-accent,var(--purple)) 12%,transparent),transparent 65%),var(--niwwi-glass)}
html[data-theme] #page .registry-business-head > div {gap:14px}
html[data-theme] #page .registry-business-mark {width:47px;height:47px;border-radius:17px;border:1px solid color-mix(in srgb,var(--panel-accent,var(--purple)) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--panel-accent,var(--purple)) 19%,var(--surface)),color-mix(in srgb,var(--pink) 12%,var(--surface)));color:var(--text);font:800 19px var(--niwwi-heading-font);box-shadow:inset 0 1px 0 #FFFFFF38,0 5px 13px var(--niwwi-shadow)}
html[data-theme] #page .registry-business-head h2 {margin:0;color:var(--text);font:750 22px/1.3 var(--niwwi-heading-font);letter-spacing:-.04em}
html[data-theme] #page .registry-business-head p {margin:6px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}
html[data-theme] #page .registry-business-head > strong {font:800 23px/1.3 var(--niwwi-heading-font);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
html[data-theme] #page .registry-type-grid {grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:16px}
html[data-theme] #page .registry-type-group {border:1px solid color-mix(in srgb,var(--type-color) 24%,var(--line));border-radius:20px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--type-color) 9%,transparent),transparent 70%),var(--surface);box-shadow:inset 0 1px 0 #FFFFFF22,0 4px 14px var(--niwwi-shadow)}
html[data-theme] #page .registry-type-summary {grid-template-columns:39px minmax(0,1fr) 22px;gap:9px;padding:15px;min-height:111px;border-radius:19px;background:transparent}
html[data-theme] #page .registry-type-icon {width:39px;height:39px;border:1px solid color-mix(in srgb,var(--type-color) 18%,transparent);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--type-color) 14%,var(--surface)),var(--surface));box-shadow:inset 0 1px 0 #FFFFFF30}
html[data-theme] #page .registry-type-summary > div:nth-child(2) small {font-size:11px;font-weight:750;letter-spacing:.025em;white-space:normal;overflow:visible}
html[data-theme] #page .registry-type-summary > div:nth-child(2) b {margin-top:4px;font-size:10px;color:var(--muted)}
html[data-theme] #page .registry-type-summary > strong {grid-row:2;grid-column:1/-1;font:800 24px/1.25 var(--niwwi-heading-font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
html[data-theme] #page .registry-type-summary > i {grid-column:3;grid-row:1;width:22px;height:22px;border-radius:9px;color:var(--type-color);background:color-mix(in srgb,var(--type-color) 10%,var(--surface))}
html[data-theme] #page .registry-type-categories {padding:0 15px 15px;font-size:10px;color:var(--muted)}

/* Brilli-brilli actions use a single local, predictable SVG style. */
html[data-theme] #page .niwwi-shimmer-button {position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 19px;border:1px solid #C18CEC88;border-radius:999px;background:var(--niwwi-action-gradient);color:#FFF;font:750 12px/1.4 var(--niwwi-heading-font);box-shadow:inset 0 1px 0 #FFFFFF40,0 6px 18px #7942CE26;overflow:hidden}
html[data-theme] #page .niwwi-shimmer-button::after {content:"";position:absolute;inset:-100% -60%;z-index:-1;background:linear-gradient(105deg,transparent 38%,#FFFFFF38 48%,transparent 57%);transform:translateX(-75%);pointer-events:none}
html[data-theme] #page .niwwi-shimmer-button svg {width:19px;height:19px;color:#FFF}
html[data-theme] #page .niwwi-model-flower {background:linear-gradient(140deg,#FFF6FB,#E6D7FF);border:1px solid #C39BD5;box-shadow:inset 0 1px 0 #FFF,0 3px 10px #AC78C528}
html[data-theme] #page .niwwi-model-flower svg {width:27px;height:27px}
html[data-theme] .mova-ai-chat .mova-ai-chat-launcher {height:62px;padding:5px 18px 5px 6px;gap:10px;border-radius:24px;border:1px solid var(--niwwi-edge);background:linear-gradient(120deg,color-mix(in srgb,var(--purple) 22%,var(--surface)),color-mix(in srgb,var(--pink) 15%,var(--surface)));color:var(--text);box-shadow:inset 0 1px 0 #FFFFFF35,0 8px 26px color-mix(in srgb,var(--purple) 18%,transparent)}
html[data-theme] .mova-ai-chat .mova-ai-launcher-icon.open-icon {width:49px;height:49px;flex-basis:49px;border-radius:19px;background:linear-gradient(145deg,#B591F3,#E6A7D1);border:1px solid #E8C9FA;box-shadow:inset 0 1px 0 #FFFFFF55,0 5px 12px #B47EDC30}
html[data-theme] .mova-ai-chat .mova-ai-launcher-icon.open-icon svg {width:42px;height:42px;overflow:visible}
html[data-theme] .mova-ai-chat .mova-ai-launcher-copy small {color:var(--muted)}
html[data-theme] .mova-ai-chat .mova-ai-launcher-copy b {color:var(--text);font-family:var(--niwwi-heading-font);font-size:14px}

/* Dashboard chart, money locations and prominent, stable numerals. */
html[data-theme] #page .finance-bars-card {display:block;height:auto;min-height:0;align-self:start}
html[data-theme] #page .finance-bars-card .simple-bars {display:grid;flex:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-items:stretch;justify-items:stretch;height:auto;min-height:0;width:100%;gap:12px;margin-top:23px;padding:0}
html[data-theme] #page .finance-bars-card .simple-bar-row {display:grid;width:100%;height:auto;min-height:0;margin:0;align-self:stretch;align-items:center;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:13px 10px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:var(--niwwi-glass)}
html[data-theme] #page .finance-bars-card .simple-bar-row > span {grid-row:1;grid-column:1;color:var(--muted);font-size:12px;font-weight:600;line-height:1.5}
html[data-theme] #page .finance-bars-card .simple-bar-row > b {grid-row:1;grid-column:2;color:var(--text);font:800 20px/1.2 var(--niwwi-heading-font);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
html[data-theme] #page .finance-bars-card .simple-bar-row > div {grid-row:2;grid-column:1/-1;height:11px;width:100%;min-width:0;border-radius:999px;background:color-mix(in srgb,var(--purple) 8%,var(--surface));overflow:hidden;box-shadow:inset 0 1px 3px var(--niwwi-shadow)}
html[data-theme] #page .finance-bars-card .simple-bar-row i {max-width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--bar-color) 80%,var(--surface)),var(--bar-color));box-shadow:inset 0 1px 0 #FFFFFF55}
html[data-theme] #page .simple-bar-row:has(.positive) {--bar-color:var(--green)}
html[data-theme] #page .simple-bar-row:has(.negative) {--bar-color:var(--coral)}
html[data-theme] #page .simple-bar-row:has(.debt) {--bar-color:var(--yellow)}
html[data-theme] #page .simple-bar-row:has(.saving) {--bar-color:var(--purple)}
html[data-theme] #page .finance-bars-card .simple-bar-row:has(i) > b {color:var(--bar-color)}
html[data-theme] #page .money-location-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
html[data-theme] #page .money-location-list > div {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:11px;padding:15px 17px;border:1px solid var(--niwwi-edge);border-radius:18px;background:var(--niwwi-glass);box-shadow:inset 0 1px 0 #FFFFFF20}
html[data-theme] #page .money-location-list > div > span {display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.45}
html[data-theme] #page .money-location-list > div > b {color:var(--text);font:800 21px/1.3 var(--niwwi-heading-font);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
html[data-theme] #page .money-location-list i {flex:0 0 8px;width:8px;height:8px;border-radius:3px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 7%,transparent)}
html[data-theme] #page .money-location-list > div:has(.onlyfans) {background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 70%),var(--surface)}

/* Registro: calm current-period note and a cohesive capture workspace. */
html[data-theme] #page .registry-current-note {padding:13px 17px;border:1px solid var(--niwwi-edge);border-radius:18px;background:var(--niwwi-glass);box-shadow:inset 0 1px 0 #FFFFFF20}
html[data-theme] #page .registry-current-note :is(b,strong) {color:var(--text);font:700 12px/1.5 var(--niwwi-heading-font)}
html[data-theme] #page .registry-current-note :is(p,small) {color:var(--muted);font-size:11px;line-height:1.5}
html[data-theme] #page .registry-ai-workspace {border:1px solid var(--niwwi-edge);border-radius:23px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 6%,var(--surface)),var(--surface));padding:18px;gap:15px}
html[data-theme] #page .registry-ai-evidence {border-radius:19px;background:var(--niwwi-glass);border-color:var(--niwwi-edge)}
html[data-theme] #page .registry-ai-description textarea {border-radius:18px;border-color:var(--niwwi-edge);background:var(--surface);color:var(--text);box-shadow:inset 0 2px 7px var(--niwwi-shadow)}
html[data-theme] #page :is(.registry-ai-drop,.registry-ai-voice-button) {border-color:var(--niwwi-edge);border-radius:14px;background:var(--niwwi-glass);color:var(--text)}

/* Helion: airy model cards and stronger financial hierarchy. */
html[data-theme] #page .helion-reality-strip > div {position:relative;padding:21px 19px;border:1px solid var(--niwwi-edge);border-radius:21px;background:var(--niwwi-glass)}
html[data-theme] #page .helion-reality-strip b {margin:12px 0;font:800 clamp(24px,2.4vw,34px)/1.25 var(--niwwi-heading-font);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
html[data-theme] #page .helion-reality-strip small {font-size:10px;line-height:1.5;letter-spacing:.055em}
html[data-theme] #page .helion-reality-strip span {font-size:11px;line-height:1.5}
html[data-theme] #page .helion-platform-totals > article {position:relative;isolation:isolate;overflow:hidden;padding:24px;gap:10px;border:1px solid var(--niwwi-edge);border-radius:24px;background:var(--niwwi-glass);box-shadow:inset 0 1px 0 #FFFFFF25,0 5px 16px var(--niwwi-shadow)}
html[data-theme] #page .helion-platform-totals > article::after {content:"";position:absolute;right:-30px;bottom:-18px;width:175px;height:100px;z-index:-1;background:var(--niwwi-sky) right bottom/contain no-repeat;opacity:.32;pointer-events:none}
html[data-theme] #page .helion-platform-totals > article > b {font:800 clamp(24px,2.4vw,34px)/1.3 var(--niwwi-heading-font);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
html[data-theme] #page .helion-platform-totals > article > small {font-size:10px;line-height:1.5;letter-spacing:.055em}
html[data-theme] #page .helion-platform-totals > article > span:not(.niwwi-metric-icon) {font-size:12px;line-height:1.5}
html[data-theme] #page :is(.helion-platform-model,.fv-helion-model-card) {padding:21px;border:1px solid var(--niwwi-edge);border-radius:25px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--pink) 10%,transparent),transparent 65%),var(--surface)}
html[data-theme] #page :is(.helion-platform-model,.fv-helion-model-card) > header {grid-template-columns:47px minmax(0,1fr) auto;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line)}
html[data-theme] #page :is(.helion-platform-model,.fv-helion-model-card) > header > span {width:47px;height:47px;display:grid;place-items:center;border:1px solid var(--niwwi-edge);border-radius:17px;background:var(--niwwi-glass)}
html[data-theme] #page :is(.helion-platform-model,.fv-helion-model-card) > header > span svg {width:34px;height:34px}
html[data-theme] #page :is(.helion-platform-model,.fv-helion-model-card) header h3 {margin-top:4px;color:var(--text);font:750 20px/1.3 var(--niwwi-heading-font);letter-spacing:-.035em;white-space:normal}
html[data-theme] #page :is(.helion-platform-model,.fv-helion-model-card) header small {font-size:9px;color:var(--muted);letter-spacing:.08em}
html[data-theme] #page .helion-platform-model header > b {font-size:9px;padding:6px 8px;color:var(--purple);border-color:var(--niwwi-edge);background:color-mix(in srgb,var(--purple) 8%,var(--surface))}
html[data-theme] #page :is(.helion-platform-model-values,.fv-helion-model-metrics) {gap:10px;margin-top:16px}
html[data-theme] #page :is(.helion-platform-model-values,.fv-helion-model-metrics) > span {padding:13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,var(--surface2),var(--surface));gap:7px}
html[data-theme] #page :is(.helion-platform-model-values,.fv-helion-model-metrics) small {font-size:9px;line-height:1.5;color:var(--muted);letter-spacing:.045em}
html[data-theme] #page :is(.helion-platform-model-values,.fv-helion-model-metrics) b {font:750 17px/1.35 var(--niwwi-heading-font);letter-spacing:-.035em;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html[data-theme] #page :is(.helion-platform-model-values,.fv-helion-model-metrics) em {font-size:10px;line-height:1.5;color:var(--muted)}
html[data-theme] #page .helion-platform-model-values .current {grid-column:1/-1;background:var(--niwwi-glass);border-color:var(--niwwi-edge)}
html[data-theme] #page .helion-platform-model-values .current b {font-size:27px;color:var(--text)}

@media (hover:hover) {
  html[data-theme] .sidebar .nav-item:hover {color:var(--text);background:var(--niwwi-glass)}
  html[data-theme] #page .niwwi-shimmer-button:hover::after {transition:transform .65s ease;transform:translateX(75%)}
  html[data-theme] .niwwi-theme-toggle:hover {border-color:var(--purple);box-shadow:0 4px 15px var(--niwwi-shadow)}
}
@media (max-width:760px) {
  html[data-theme] .topbar.niwwi-topbar {height:calc(var(--mova-mobile-header) + var(--mova-safe-top));min-height:calc(var(--mova-mobile-header) + var(--mova-safe-top));padding:var(--mova-safe-top) max(14px,var(--mova-safe-right)) 0 max(14px,var(--mova-safe-left));gap:8px}
  html[data-theme] .niwwi-topbar .mobile-title {width:auto;gap:8px;font-size:15px}
  .niwwi-utilities {gap:8px}
  .niwwi-today {gap:6px;font-size:11px}
  .niwwi-today svg {display:none}
  html[data-theme] .niwwi-theme-toggle {width:44px;height:44px;border-radius:15px}
  html[data-theme] #page .registry-business-head {padding:18px 16px;gap:12px}
  html[data-theme] #page .registry-business-head h2 {font-size:20px}
  html[data-theme] #page .registry-business-head > strong {font-size:21px}
  html[data-theme] #page .registry-type-grid {grid-template-columns:minmax(0,1fr);padding:12px}
  html[data-theme] #page .registry-type-summary {grid-template-columns:39px minmax(0,1fr) auto 22px;min-height:85px;gap:9px;padding:15px}
  html[data-theme] #page .registry-type-summary > strong {grid-row:1;grid-column:3;font-size:21px}
  html[data-theme] #page .registry-type-summary > i {grid-column:4}
  html[data-theme] #page .registry-visual-legend {gap:8px 13px;padding:7px;font-size:11px}
  html[data-theme] #page .registry-visual-tabs {display:flex;flex-wrap:wrap;width:100%}
  html[data-theme] #page .registry-visual-tabs button {flex:1;padding:10px 12px}
  html[data-theme] #page .money-location-list {grid-template-columns:minmax(0,1fr)}
  html[data-theme] #page .money-location-list > div {flex-direction:row;align-items:center;justify-content:space-between}
  html[data-theme] #page .money-location-list > div > b {font-size:20px;flex-shrink:0}
  html[data-theme] #page .helion-platform-model-values {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] #page :is(.helion-platform-model,.fv-helion-model-card) {padding:16px}
  html[data-theme] #page :is(.helion-platform-model-values,.fv-helion-model-metrics) > span {padding:11px}
  html[data-theme] #page :is(.helion-platform-model-values,.fv-helion-model-metrics) b {font-size:16px}
  html[data-theme] #page .helion-platform-model-values .current b {font-size:26px}
  html[data-theme] #page .registry-ai-workspace {padding:13px}
  html[data-theme] .mova-ai-chat .mova-ai-chat-launcher {min-width:0;height:54px;padding:4px 13px 4px 5px;gap:8px;border-radius:21px}
  html[data-theme] .mova-ai-chat .mova-ai-launcher-icon.open-icon {width:43px;height:43px;flex-basis:43px;border-radius:16px}
  html[data-theme] .mova-ai-chat .mova-ai-launcher-icon.open-icon svg {width:37px;height:37px}
}
@media (max-width:360px) {
  html[data-theme] #page .registry-type-summary {grid-template-columns:34px minmax(0,1fr) 20px}
  html[data-theme] #page .registry-type-summary > strong {grid-column:1/-1;grid-row:2}
  html[data-theme] #page .registry-type-summary > i {grid-column:3}
  html[data-theme] .niwwi-topbar .mobile-title {gap:4px}
  html[data-theme] .topbar.niwwi-topbar {padding-left:10px;padding-right:10px}
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] #page .niwwi-shimmer-button::after {display:none}
  html[data-theme] .sidebar .nav-item {transition:none}
}

html[data-theme] #page .registry-visual-legend .income {color:var(--green)}
html[data-theme] #page .registry-visual-legend .expense {color:var(--coral)}
html[data-theme] #page .registry-visual-legend .debt {color:var(--yellow)}
html[data-theme] #page .registry-visual-legend :is(.transfer,.withdrawal) {color:var(--cyan)}
html[data-theme] #page .registry-visual-legend .saving {color:var(--purple)}
html[data-theme] #page .helion-view-tabs {display:flex;gap:5px;width:fit-content;max-width:100%;padding:5px;border:1px solid var(--niwwi-edge);border-radius:17px;background:var(--niwwi-glass)}
html[data-theme] #page .helion-view-tabs button {min-height:43px;padding:10px 16px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:650 12px var(--niwwi-heading-font)}
html[data-theme] #page .helion-view-tabs button.active {background:var(--niwwi-action-gradient);color:#FFF;box-shadow:inset 0 1px 0 #FFFFFF30,0 3px 10px #7942CE25}
html[data-theme] #page .fv-business-kpis .simple-kpi {position:relative;isolation:isolate;padding:22px;border-radius:23px;border:1px solid var(--niwwi-edge);background:var(--niwwi-glass);box-shadow:inset 0 1px 0 #FFFFFF25,0 5px 17px var(--niwwi-shadow)}
html[data-theme] #page .fv-business-kpis .simple-kpi::after {content:"";position:absolute;right:14px;top:14px;width:20px;height:20px;background:var(--niwwi-star) center/contain no-repeat;opacity:.5;z-index:-1;pointer-events:none}
html[data-theme] #page .fv-business-kpis .simple-kpi > .simple-value {font:800 29px/1.3 var(--niwwi-heading-font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:15px 0;color:var(--text)}
html[data-theme] #page .fv-business-kpis .simple-kpi > .kpi-label {padding-right:12px;font-size:10px;line-height:1.5;letter-spacing:.055em;color:var(--muted)}
html[data-theme] #page .fv-business-kpis .simple-kpi > p {font-size:11px;line-height:1.55;color:var(--muted)}
html[data-theme] #page .fv-business-kpis .simple-kpi.positive > .simple-value {color:var(--green)}
html[data-theme] #page .fv-business-kpis .simple-kpi.negative > .simple-value {color:var(--coral)}
html[data-theme] #page .fv-business-kpis .simple-kpi.neutral > .simple-value {color:var(--cyan)}
html[data-theme] #page .helion-reality-strip > div:first-child b {color:var(--green)}
html[data-theme] #page .helion-reality-strip > div.pending b {color:var(--yellow)}
html[data-theme] #page .helion-reality-strip > div.cash b {color:var(--cyan)}
html[data-theme] #page .helion-platform-model-values .available b {color:var(--green)}
html[data-theme] #page .helion-platform-model-values .pending b {color:var(--yellow)}
html[data-theme] #page .helion-platform-model-values .transit b {color:var(--cyan)}
/* Supplier confirmation uses the existing modal and remains scrollable on phones. */
.modal:has(#supplierPaymentForm),.modal:has([data-obligation-confirm]){width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}
#supplierPaymentForm fieldset{min-width:0;margin:16px 0}
#supplierPaymentForm .wide{grid-column:1/-1}
.modal:has([data-obligation-confirm]) article.card{padding:18px;margin:12px 0;min-height:0}
.modal:has([data-obligation-confirm]) article h3{font-family:inherit;font-size:16px;line-height:1.4;margin:0 0 16px}
.modal:has([data-obligation-confirm]) dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.modal:has([data-obligation-confirm]) dt{font-size:12px;color:var(--muted)}
.modal:has([data-obligation-confirm]) dd{margin:6px 0 0;font-size:16px;font-weight:700}
.modal:has([data-obligation-confirm]) .modal-rule-note{font-size:13px;line-height:1.5}
@media(max-width:600px){.modal:has([data-obligation-confirm]) dl{grid-template-columns:1fr;gap:12px}}

/* Cuentas con personas: the same ledger, grouped without automatic offsets. */
html[data-theme] #page .personal-accounts-list{display:grid;gap:14px}
html[data-theme] #page .personal-account-card{display:block;min-height:0;padding:0;overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--purple) 9%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:24px}
html[data-theme] #page .personal-account-card>summary{display:grid;grid-template-columns:44px minmax(100px,1fr) minmax(110px,.65fr) minmax(110px,.65fr) 20px;align-items:center;gap:18px;padding:24px;cursor:pointer;list-style:none}
.personal-account-card>summary::-webkit-details-marker{display:none}
.personal-account-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;color:var(--purple);background:color-mix(in srgb,var(--purple) 15%,transparent);font-size:24px;font-weight:700}
.personal-account-avatar svg{width:23px;height:23px}
.personal-account-name b{font-size:21px}.personal-account-name small,.personal-account-metric small{display:block;color:var(--muted);font-size:11px;line-height:1.6}
.personal-account-metric b{font-size:20px;font-variant-numeric:tabular-nums}.personal-account-metric.owed b{color:var(--coral)}.personal-account-metric.receivable b{color:var(--green)}
.personal-account-detail{padding:0 24px 24px;border-top:1px solid var(--line)}
.personal-net-note{font-size:14px;line-height:1.7}.personal-net-note span{display:block;color:var(--muted);font-size:12px}
html[data-theme] #page .personal-account-detail .card,html[data-theme] #page .personal-account-detail .debt-account-card{min-height:0}
html[data-theme] #page .personal-account-detail h2{font-size:18px}
.personal-obligation-row{padding:16px;border:1px solid var(--line);border-radius:18px;margin:12px 0}.personal-obligation-row>h3{margin:0 0 8px}
html[data-theme] #page .debt-payment-coverage{min-height:0;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--purple) 6%,var(--surface))}
html[data-theme] #page .debt-payment-coverage.covered{border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.debt-payment-coverage.covered>b{color:var(--green)}
.credit-use-edit-access{margin-top:12px;min-height:40px}
html[data-theme] #page .accounts-platform-position{position:relative;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--purple) 20%,transparent),transparent 65%),var(--surface)}
html[data-theme] #page .accounts-platform-position .asset-position-totals>div{padding:24px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 10%,var(--surface)),var(--surface))}
html[data-theme] #page .accounts-platform-position .asset-position-totals b{font-size:28px;line-height:1.3}
html[data-theme] #page .account-distribution-card .source-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-theme] #page .account-distribution-card .source-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--purple) 7%,var(--surface)),var(--surface))}
html[data-theme] #page .account-distribution-card .source-breakdown>div>small{grid-column:2;color:var(--muted)}
html[data-theme] #page .account-distribution-card .source-breakdown>div>b{font-size:19px;font-variant-numeric:tabular-nums}
html[data-theme] .mova-ai-chat .mova-ai-launcher-icon.open-icon{background:transparent;border:0;box-shadow:none;border-radius:15px;overflow:visible}
.niwwi-ai-monogram{position:relative;display:block;width:42px;height:42px}
.niwwi-ai-monogram img{display:block;width:100%;height:100%;border-radius:12px}
/* Annotated financial workflows use the same tokens in both themes. */
.niwwi-context-actions,.niwwi-form-grid,.niwwi-result-grid{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}
.niwwi-form-grid>label,.niwwi-result-grid>div{flex:1 1 220px;min-width:0;display:grid;gap:8px}
.niwwi-context-actions button,.niwwi-person-action{min-height:44px}
.niwwi-person-action{margin:0 20px 20px}
.niwwi-form-grid input,.niwwi-form-grid select,[data-niwwi-opening-value],[data-niwwi-opening-reason],[data-niwwi-reserve-account],[data-niwwi-priority-search],[data-niwwi-trend-select],[data-niwwi-reversal-reason]{min-height:44px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:10px 12px;font-size:16px}
.niwwi-priority-table{width:100%;border-collapse:collapse}
.niwwi-priority-table td,.niwwi-priority-table th{padding:12px;border-bottom:1px solid var(--line);text-align:left}
.niwwi-priority-table small{display:block;color:var(--muted);line-height:1.7}
.niwwi-priority-table input[type=checkbox],.niwwi-select-obligation input,.niwwi-form-grid input[type=checkbox]{width:22px;height:22px;accent-color:var(--purple);flex:none}
.niwwi-result-grid dt{color:var(--muted);font-size:12px}
.niwwi-result-grid dd{margin:0;font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.niwwi-select-obligation{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.niwwi-select-obligation span{flex:1}.niwwi-select-obligation small{display:block;color:var(--muted);margin-top:5px}
[data-niwwi-person] fieldset{border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin:14px 0}
.niwwi-reserve-warning{padding:14px;border:1px solid var(--yellow);border-radius:12px;color:var(--text);background:color-mix(in srgb,var(--yellow) 9%,var(--surface));line-height:1.6}
.niwwi-workflow-status:not(:empty){padding:12px;color:var(--text);border-left:3px solid var(--purple)}
.niwwi-settlement-history{padding:18px 0;border-top:1px solid var(--line)}.niwwi-settlement-history article{padding:14px 0;border-bottom:1px solid var(--line)}
.niwwi-cash-timeline{padding-left:20px}.niwwi-cash-timeline li{padding:8px;display:flex;flex-wrap:wrap;gap:12px}
html[data-theme] .forecast-model-trend{background:var(--surface);color:var(--text);padding:24px}
.forecast-model-trend>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.forecast-model-trend h2{margin:7px 0}.forecast-model-trend header label{min-width:180px;font-size:12px;color:var(--muted)}
.niwwi-trend-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.niwwi-trend-summary article{border:1px solid var(--line);border-radius:16px;background:var(--surface2);padding:18px;display:grid;gap:12px}
.niwwi-trend-summary small{color:var(--muted)}.niwwi-trend-summary strong{font-size:clamp(21px,2.4vw,32px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.niwwi-trend-summary i{height:7px;border-radius:7px;background:var(--line);position:relative;overflow:hidden}.niwwi-trend-summary i:after{content:'';display:block;width:var(--bar);height:100%;background:var(--green)}.niwwi-trend-summary .estimated i:after{background:var(--purple)}.niwwi-trend-summary .remaining i:after{background:var(--cyan)}
.forecast-model-trend [data-forecast-trend-model]{margin:18px 0;padding-top:16px;border-top:1px solid var(--line)}.forecast-model-trend table{width:100%;border-collapse:collapse;white-space:nowrap}.forecast-model-trend td,.forecast-model-trend th{padding:12px;border-bottom:1px solid var(--line);text-align:right}.forecast-model-trend th:first-child,.forecast-model-trend td:first-child{text-align:left}
html[data-theme] .forecast-chart-month{grid-template-columns:120px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
html[data-theme] .forecast-chart-month>div:first-child b{font-size:14px;color:var(--text)}html[data-theme] .forecast-chart-month>div:first-child small{font-size:11px;color:var(--muted)}
html[data-theme] .forecast-chart-month strong,html[data-theme] .forecast-chart-month b{font-variant-numeric:tabular-nums}
html[data-theme="light"] #page :is(.helion-profit-model,.helion-cost-model,.helion-profit-costs,.helion-model-report,.helion-cost-report,.forecast-month-review,.forecast-model-trend,.helion-profit-core,.helion-cost-line,.forecast-business-grid article){background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme="light"] #page :is(.helion-profit-model,.helion-cost-model,.helion-model-report,.helion-cost-report,.forecast-month-review) :is(h3,b,strong,td,th){color:var(--text)}
html[data-theme="light"] #page :is(.helion-profit-model,.helion-cost-model,.helion-cost-report) :is(small,p,dt){color:var(--muted)}
html[data-theme] #sidebar .profile.niwwi-profile-compact:not(.options-open) .profile-copy :is(small,.profile-role){display:none}
html[data-theme] #sidebar .profile.niwwi-profile-compact:not(.options-open) .logout-icon{display:none}
.niwwi-profile-compact{position:relative}.niwwi-profile-compact [data-niwwi-profile-menu]{flex:none;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);color:var(--text);background:var(--surface2)}
.niwwi-profile-compact.options-open{flex-wrap:wrap}.niwwi-profile-compact.options-open .profile-copy small{overflow-wrap:anywhere}
.niwwi-kpi-detail{float:right;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--purple);cursor:pointer}
.niwwi-cost-source-list article{padding:14px 0;border-bottom:1px solid var(--line)}
@media(max-width:650px){.forecast-model-trend>header{display:block}.forecast-model-trend header label{display:block;margin-top:14px}.niwwi-trend-summary{gap:8px}.niwwi-trend-summary article{padding:12px 10px}.niwwi-trend-summary strong{font-size:19px}.niwwi-select-obligation{flex-wrap:wrap}.niwwi-select-obligation b{margin-left:36px}.niwwi-form-grid>label{flex-basis:100%}.niwwi-priority-table td,.niwwi-priority-table th{padding:10px 7px}html[data-theme] .forecast-chart-month{grid-template-columns:80px minmax(0,1fr);gap:10px}.niwwi-context-actions>button{flex:1 1 180px}}
html[data-theme] .mova-ai-chat .mova-ai-launcher-icon.open-icon .niwwi-ai-ears{position:absolute;left:0;top:-17px;width:42px;height:25px;fill:none;stroke:#bca0f0;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}

/* The same assistant access occupies chrome, never a page action or amount. */
.niwwi-ai-dock {display:flex;align-items:center;justify-content:center;flex:none;min-width:0}
.niwwi-ai-dock:empty {display:none}
.niwwi-topbar-has-ai .niwwi-ai-dock {order:1}
.niwwi-topbar-has-ai .niwwi-utilities {order:2;margin-left:0}
.niwwi-topbar-has-ai .mobile-title {margin-right:auto}
html[data-theme] .niwwi-ai-docked-launcher {
  position:relative;min-width:144px;width:auto;height:44px;padding:4px 12px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--niwwi-edge);border-radius:16px;
  background:var(--niwwi-glass);color:var(--text);box-shadow:inset 0 1px 0 #FFFFFF25;
}
html[data-theme] .niwwi-ai-docked-launcher .mova-ai-launcher-icon.open-icon {width:28px;height:28px;flex-basis:28px;background:transparent;border:0;box-shadow:none;overflow:visible}
.niwwi-ai-docked-launcher .niwwi-ai-monogram {width:28px;height:28px}
.niwwi-ai-docked-launcher .niwwi-ai-monogram img {border-radius:8px}
.niwwi-ai-docked-launcher .niwwi-ai-ears {position:absolute;left:0;top:-10px;width:28px;height:16px;fill:none;stroke:#bca0f0;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.niwwi-ai-docked-launcher .mova-ai-launcher-copy {display:flex;align-items:flex-start}
html[data-theme] .niwwi-ai-docked-launcher .mova-ai-launcher-copy b {font-size:9px;line-height:1.1;color:var(--muted)}
.niwwi-ai-docked-launcher .mova-ai-launcher-copy strong {font-size:12px;line-height:1.1;margin-top:2px}
html[data-theme] .niwwi-ai-docked-launcher[aria-expanded="true"] {outline:2px solid var(--purple);outline-offset:1px}
html[data-theme] .niwwi-ai-docked-launcher:focus-visible {outline:3px solid var(--purple);outline-offset:2px}
.niwwi-ai-docked-launcher .mova-ai-launcher-icon.close-icon {display:none}
@media (max-width:760px) {
  html[data-theme] .mova-mobile-bottom-nav.has-niwwi-ai-dock {grid-template-columns:repeat(5,minmax(0,1fr))}
  .mova-mobile-bottom-nav .niwwi-ai-dock {min-width:0}
  html[data-theme] .mova-mobile-bottom-nav .niwwi-ai-docked-launcher {
    min-width:0;width:100%;height:100%;min-height:44px;padding:2px;
    display:flex;flex-direction:column;gap:2px;border:0;border-radius:13px;
    background:transparent;box-shadow:none;transform:none;
  }
  .mova-mobile-bottom-nav .niwwi-ai-docked-launcher .mova-ai-launcher-copy {display:flex;align-items:center}
  .mova-mobile-bottom-nav .niwwi-ai-docked-launcher .mova-ai-launcher-copy b {display:none}
  .mova-mobile-bottom-nav .niwwi-ai-docked-launcher .mova-ai-launcher-copy strong {font-size:10px;line-height:1.1;margin:0}
  html[data-theme] .mova-mobile-bottom-nav .niwwi-ai-docked-launcher[aria-expanded="true"] {outline-offset:-2px}
}
@media(max-width:650px){html[data-theme] #page .personal-account-card>summary{grid-template-columns:36px 1fr 1fr 20px;gap:12px;padding:18px}.personal-account-avatar{width:36px;height:36px}.personal-account-name{grid-column:2/4}.personal-account-card>summary>span:last-child{grid-column:4;grid-row:1}.personal-account-metric{grid-row:2}.personal-account-metric.owed{grid-column:1/3}.personal-account-metric.receivable{grid-column:3/5;justify-self:end}.personal-account-metric b{font-size:18px}.personal-account-detail{padding:0 16px 18px}html[data-theme] #page .account-distribution-card .source-breakdown{grid-template-columns:1fr}}
.niwwi-horizon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.niwwi-horizon-grid>article{border:1px solid var(--line);border-radius:18px;background:var(--surface2);padding:20px;min-width:0}.niwwi-horizon-grid h3{font-size:19px;margin:0 0 12px}.niwwi-horizon-grid p{line-height:1.6}.niwwi-horizon-grid details{border-top:1px solid var(--line);padding-top:16px}.niwwi-horizon-grid details small{display:block;color:var(--muted);margin:8px 0}.niwwi-horizon-measure{margin:24px 0}.niwwi-horizon-measure>div:first-child{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.niwwi-horizon-measure b{font-variant-numeric:tabular-nums;font-size:21px}.niwwi-zero-scale{height:14px;position:relative;margin-top:12px;background:color-mix(in srgb,var(--purple) 8%,var(--surface));border-radius:5px}.niwwi-zero-scale:before{content:'';position:absolute;width:1px;left:50%;top:-4px;bottom:-4px;background:var(--muted)}.niwwi-zero-scale i{height:100%;position:absolute;background:var(--purple);border-radius:4px}.niwwi-zero-scale i.positive{background:var(--green)}.niwwi-zero-scale i.negative{background:var(--coral)}.niwwi-zero-scale i.saving{background:var(--cyan)}.niwwi-zero-scale em{position:absolute;left:calc(50% - 3px);top:18px;font-size:10px;color:var(--muted);font-style:normal}.niwwi-metric-table,.niwwi-period-groups table{width:100%;border-collapse:collapse}.niwwi-metric-table td,.niwwi-metric-table th,.niwwi-period-groups td,.niwwi-period-groups th{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.niwwi-metric-table small,.niwwi-period-groups small{display:block;color:var(--muted);margin-top:6px;font-weight:400}.niwwi-period-groups details,.niwwi-preference-changes article{padding:16px 0;border-bottom:1px solid var(--line)}.niwwi-period-groups td{white-space:nowrap}.niwwi-period-groups tfoot{font-weight:700}.niwwi-metric-table button{min-height:44px}.niwwi-kpi-detail{min-height:36px;min-width:36px}.niwwi-period-groups h2{font-size:21px}
html[data-theme] #sidebar .profile.niwwi-profile-compact:not(.options-open) .profile-logout{display:none}
@media(max-width:850px){.niwwi-horizon-grid{grid-template-columns:1fr}.niwwi-horizon-grid>article{padding:18px}.niwwi-horizon-measure{margin:23px 0 30px}.niwwi-period-groups td,.niwwi-period-groups th{padding:12px 7px;font-size:13px}}
.niwwi-metric-plus{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--surface2);color:var(--purple);font-size:20px;cursor:pointer;flex:none}.simple-kpi>.niwwi-metric-plus{position:absolute;right:14px;top:12px}.simple-kpi:has(>.niwwi-metric-plus){position:relative}.simple-kpi:has(>.niwwi-metric-plus)>.simple-label{padding-right:34px}.simple-bar-row>span{display:flex;align-items:center;gap:8px}.niwwi-metric-plus:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
/* Quick payment: the amount is primary; exceptions stay available on demand. */
#modalContent:has([data-functional-settlement-amount]) .quick-settlement-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#modalContent .quick-settlement-summary > .quick-settlement-amount { grid-column: 1 / -1; padding: 16px; }
#modalContent .quick-settlement-amount input { font-size: 28px; min-height: 48px; }
#modalContent .quick-settlement-amount :is(small, em, i) { font-size: 12px; }
.quick-settlement-automatic { display: block; color: var(--text); font-size: 13px; line-height: 1.45; }
.quick-settlement-options { min-width: 0; border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; }
.quick-settlement-options > summary { cursor: pointer; color: var(--purple); font-weight: 700; min-height: 24px; }
.quick-settlement-options > .mova-form-grid { margin-top: 14px; }
.quick-settlement-date { min-width: 0; border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; }
.quick-settlement-date > summary { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; cursor: pointer; min-height: 28px; font-size: 14px; }
.quick-settlement-date > summary strong { color: var(--purple); font-size: 13px; }
.quick-settlement-date > .mova-form-grid { margin-top: 14px; }

/* Reconciliation uses the same readable surfaces at every viewport width. */
  html[data-theme="light"] #modalContent.account-reconciliation-modal :is(.account-reconciliation-row,.account-reconciliation-preview-row,.account-reconciliation-suggestion,.account-reconciliation-totals article) {
    background: var(--surface);
    border-color: var(--line);
    color: var(--text);
  }
  html[data-theme="light"] #modalContent.account-reconciliation-modal :is(.account-reconciliation-head,.account-reconciliation-body,.account-reconciliation-actions) {
    background: var(--surface);
    border-color: var(--line);
  }
  html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-steps {
    background: var(--surface2);
    border-color: var(--line);
  }
  html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-steps b { background: #CCBEDF; }
  html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-steps span.active i { color: #FFF; background: #7542BD; border-color: #7542BD; }
  html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-steps span.complete i { color: #177D5A; background: #EAF7F1; border-color: #177D5A; }
  html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-registered { border-color: var(--line); }
  html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-head p { color: var(--muted); }
  html[data-theme="light"] #modalContent.account-reconciliation-modal :is(input,select) { min-width: 0; max-width: 100%; box-sizing: border-box; color-scheme: light; }

html[data-theme] #modalContent.account-reconciliation-modal {
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
}
html[data-theme="light"] #modalContent.account-reconciliation-modal {
  --muted: #655775;
  --green: #177D5A;
  --coral: #B53250;
}
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-intro p,.account-reconciliation-head p,.account-reconciliation-alert p,.account-reconciliation-section-head > p,.account-reconciliation-empty p,.account-reconciliation-success > p) {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-context label > span,.account-reconciliation-note > span,.account-reconciliation-real > span,.account-reconciliation-account small,.account-reconciliation-registered small,.account-reconciliation-result small,.account-reconciliation-preview-row small,.account-reconciliation-section-head small,.account-reconciliation-totals article > small,.account-reconciliation-success > small) {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .025em;
}
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-account span,.account-reconciliation-proposal,.account-reconciliation-footnote,.account-reconciliation-preview-row > div > span,.account-reconciliation-suggestion small,.account-reconciliation-suggestion em,.account-reconciliation-totals article :is(span,p),.account-reconciliation-success > div span) {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-account b,.account-reconciliation-preview-row > div > b,.account-reconciliation-suggestion b,.account-reconciliation-totals article b) {
  color: var(--text);
  font-size: 16px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}
html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-totals article > div { flex-wrap: wrap; }
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-registered b,.account-reconciliation-result b) {
  color: var(--text);
  font-size: 18px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-intro h3,.account-reconciliation-section-head h3,.account-reconciliation-empty h3) { color: var(--text); font-size: 17px; line-height: 1.4; }
html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-head h2 { font-size: 24px; }
html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-steps span { font-size: 12px; gap: 8px; letter-spacing: 0; }
html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-steps i { width: 28px; height: 28px; font-size: 12px; flex: none; }
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-context input,.account-reconciliation-note input,.account-reconciliation-note select,.account-reconciliation-real input) {
  min-height: 44px;
  height: auto;
  padding: 10px 12px;
  font-size: 16px;
  line-height: 1.4;
  border-radius: 10px;
}
html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-real input { padding-right: 52px; font-size: 18px; }
html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-real em { right: 12px; bottom: 14px; font-size: 12px; color: var(--muted); }
html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-actions button { min-height: 44px; font-size: 14px; }
html[data-theme="light"] #modalContent.account-reconciliation-modal :is(input,select) { border-color: #9B87B1; background: #FFF; color: var(--text); }
html[data-theme="light"] #modalContent.account-reconciliation-modal input::placeholder { color: var(--muted); opacity: 1; }
html[data-theme] #modalContent.account-reconciliation-modal :is(input,select,button):focus-visible { outline: 3px solid var(--purple); outline-offset: 2px; }
html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-row.changed { background: #F8F4FF; border-color: #9B87B1; }
html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-suggestion.selected { background: #EDF7F8; border-color: #477D86; }
html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-suggestion-check { border-color: #9B87B1; }
html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-suggestion.selected .account-reconciliation-suggestion-check { background: #DCEFF0; border-color: #477D86; color: #285D65; }
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-result b.match,.account-reconciliation-result b.income,.account-reconciliation-proposal.match,.account-reconciliation-proposal.income,.account-reconciliation-preview-row > div.income :is(b,span),.account-reconciliation-totals p.income) { color: var(--green); }
html[data-theme] #modalContent.account-reconciliation-modal :is(.account-reconciliation-result b.expense,.account-reconciliation-proposal.expense,.account-reconciliation-preview-row > div.expense :is(b,span),.account-reconciliation-totals p.expense) { color: var(--coral); }
html[data-theme="light"] #modalContent.account-reconciliation-modal :is(.account-reconciliation-alert.stale p,.account-reconciliation-suggestion.ambiguous small,.account-reconciliation-result b.invalid,.account-reconciliation-proposal.invalid) { color: #775909; }
html[data-theme="light"] #modalContent.account-reconciliation-modal .account-reconciliation-alert.error p { color: var(--coral); }
@media (max-width: 680px) {
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-steps { grid-template-columns: auto minmax(8px,1fr) auto minmax(8px,1fr) auto; gap: 6px; padding-inline: 16px; }
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-steps span { font-size: 11px; gap: 4px; }
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-steps i { width: 24px; height: 24px; }
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-preview-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-preview-row > div:first-of-type { grid-column: 1 / -1; grid-row: 1; padding-left: 48px; }
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-preview-row > div:nth-of-type(2) { grid-column: 1; grid-row: 2; }
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-preview-row > i { display: none; }
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-preview-row > div:nth-of-type(3) { grid-column: 2; grid-row: 2; }
  html[data-theme] #modalContent.account-reconciliation-modal .account-reconciliation-preview-row > div:last-child { grid-column: 1 / -1; grid-row: 3; grid-template-columns: minmax(0,1fr) auto; }
}

/* Phone layouts keep their financial meaning on the light surface. */
@media (max-width: 760px) {

  html[data-theme="light"] #page :is(.dashboard-remainder-reconciliation,.dashboard-remainder-reconciliation.no-liquidity) {
    grid-template-columns: minmax(0,1fr);
    gap: 6px;
    padding: 12px;
  }
  html[data-theme="light"] #page .dashboard-remainder-reconciliation .remainder-part {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    align-items: center;
    gap: 6px 12px;
    width: auto;
    min-width: 0;
    min-height: 0;
    padding: 14px;
    border-color: var(--line);
  }
  html[data-theme="light"] #page .dashboard-remainder-reconciliation small { font-size: 10px; line-height: 1.45; letter-spacing: .065em; overflow-wrap: anywhere; }
  html[data-theme="light"] #page .dashboard-remainder-reconciliation strong { margin: 0; min-width: 0; font-size: 23px; line-height: 1.2; text-align: right; overflow-wrap: anywhere; }
  html[data-theme="light"] #page .dashboard-remainder-reconciliation .remainder-part > span { grid-column: 1 / -1; margin: 0; font-size: 11px; line-height: 1.45; }
  html[data-theme="light"] #page .dashboard-remainder-reconciliation .remainder-operator { height: auto; padding: 0 14px; font-size: 17px; line-height: 1; text-align: left; }

  html[data-theme="light"] body #page.general-dashboard-page .dashboard-kpis > article.simple-kpi.positive { --niwwi-tone: #177D5A; }
  html[data-theme="light"] body #page.general-dashboard-page .dashboard-kpis > article.simple-kpi.negative { --niwwi-tone: #B13C59; }
  html[data-theme="light"] body #page.general-dashboard-page .dashboard-kpis > article.simple-kpi:is(.debt,:has(> .niwwi-metric-plus[aria-label="Ver PAGOS DE DEUDA en Panorama"])) { --niwwi-tone: #85630D; }
  html[data-theme="light"] body #page.general-dashboard-page .dashboard-kpis > article.simple-kpi:is(.purple.featured,.account-balance-kpi,.niwwi-spendable-kpi:not(.negative)) { --niwwi-tone: #087D89; }
  html[data-theme="light"] body #page.general-dashboard-page .dashboard-kpis > article.simple-kpi {
    border-color: color-mix(in srgb,var(--niwwi-tone,var(--purple)) 24%,var(--line)) !important;
    background: linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--niwwi-tone,var(--purple)) 5%,var(--surface))) !important;
  }
  html[data-theme="light"] body #page.general-dashboard-page .dashboard-kpis > article.simple-kpi :is(.kpi-label,.simple-value) { color: var(--niwwi-tone,var(--purple)) !important; }

  html[data-theme="light"] #page .fv-history-range { min-width: 0; }
  html[data-theme="light"] #page .fv-history-range .movement-date-range { display: grid; grid-template-columns: minmax(0,1fr); min-width: 0; max-width: 100%; }
  html[data-theme="light"] #page .fv-history-range .movement-date-range > label { width: auto; min-width: 0; max-width: 100%; }
  html[data-theme="light"] #page .fv-history-range input[type="date"] { display: block; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; min-height: 44px; font-size: 16px; color-scheme: light; }
  html[data-theme="light"] #page .fv-history-range input[type="date"]::-webkit-date-and-time-value { min-width: 0; text-align: left; }
  html[data-theme="light"] #page .fv-history-range :is(.fv-history-list-tools,.movement-search,.fv-origin-filter) { min-width: 0; max-width: 100%; }
  html[data-theme="light"] #page .fv-history-range .history-quick-ranges { display: flex; flex-wrap: wrap; gap: 6px; }
  html[data-theme="light"] #page .fv-history-range .history-quick-ranges button { flex: 1 1 64px; min-width: 0; min-height: 44px; white-space: normal; }

  html[data-theme="light"] #page .budget-reference-note { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
  html[data-theme="light"] #page .budget-reference-values { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; margin: 14px 0; }
  html[data-theme="light"] #page .budget-reference-values > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; }
  html[data-theme="light"] #page .budget-reference-values :is(dt,dd) { margin: 0; font-size: 12px; line-height: 1.45; }
  html[data-theme="light"] #page .budget-reference-values dt { color: var(--muted); }
  html[data-theme="light"] #page .budget-reference-values dd { font-weight: 700; font-variant-numeric: tabular-nums; }
  html[data-theme="light"] #page .budget-reference-status { color: var(--muted); font-size: 12px; line-height: 1.5; }
  html[data-theme="light"] #page .budget-reference-details { border-top: 1px solid var(--line); margin-top: 12px; }
  html[data-theme="light"] #page .budget-reference-details > summary { font-size: 12px; }
  html[data-theme="light"] #page .budget-amount-unknown { display: inline-block; color: var(--muted); font-size: clamp(15px,4vw,18px); line-height: 1.3; }
}

/* Month comparison: one open surface, with income and expense kept distinct. */
html[data-theme] #page .forecast-month-review { background: var(--surface); }
#page .forecast-business-grid { gap: 0; }
#page .forecast-business-card {
  --forecast-income: var(--green);
  --forecast-expense: var(--coral);
  min-width: 0;
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: var(--surface);
  box-shadow: none;
}
html[data-theme="light"] #page .forecast-business-card {
  --forecast-income: var(--green2);
  --forecast-expense: color-mix(in srgb, var(--coral) 82%, var(--text));
}
html[data-theme] #page .forecast-business-grid > .forecast-business-card { background: transparent; }
#page .forecast-business-card:last-child { border-bottom: 0; padding-bottom: 8px; }
#page .forecast-business-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px 20px; flex-wrap: wrap; margin-bottom: 20px; }
#page .forecast-business-heading h3 { margin: 0; color: var(--text); font-size: 20px; line-height: 1.3; letter-spacing: -.025em; }
#page .forecast-business-caption { color: var(--muted); font-size: 12px; font-weight: 500; line-height: 1.4; }
#page .forecast-comparison-table { width: 100%; min-width: 0; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; background: transparent; font-size: 14px; font-variant-numeric: tabular-nums; }
#page .forecast-comparison-table :is(th,td) { padding: 16px 12px; border: 0; background: transparent; vertical-align: middle; text-align: right; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
#page .forecast-comparison-table thead th { width: 27%; padding-top: 0; padding-bottom: 12px; color: var(--muted); font-size: 12px; font-weight: 500; vertical-align: bottom; }
#page .forecast-comparison-table thead th:first-child { width: 19%; }
html[data-theme] #page .forecast-comparison-table thead { background: transparent; }
html[data-theme] #page .forecast-comparison-table thead th { color: var(--muted); }
#page .forecast-comparison-table thead th:first-child { text-align: left; padding-left: 0; }
#page .forecast-comparison-table tbody tr { border-top: 1px solid var(--line); }
#page .forecast-comparison-table tbody th { padding-left: 0; text-align: left; font-size: 14px; font-weight: 650; }
#page .forecast-comparison-table :is(th,td):last-child { padding-right: 0; background: transparent; }
#page .forecast-comparison-table [data-forecast-flow="income"] { color: var(--forecast-income); }
#page .forecast-comparison-table [data-forecast-flow="expense"] { color: var(--forecast-expense); }
#page .forecast-comparison-table tbody :is(th,td) { color: inherit; }
html[data-theme] #page .forecast-business-card [data-forecast-flow="income"] :is(th,td,.forecast-comparison-amount) { color: var(--forecast-income); }
html[data-theme] #page .forecast-business-card [data-forecast-flow="expense"] :is(th,td,.forecast-comparison-amount) { color: var(--forecast-expense); }

/* September review, batch 1: accessible money and softer financial panels. */
html[data-theme] #page .money-overview-kpis { align-items: start; }
html[data-theme] #page .money-overview-kpis > .simple-kpi {
  min-height: 0; height: auto; overflow: hidden; isolation: isolate;
  border-color: color-mix(in srgb,var(--purple) 25%,var(--line));
  background: radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--pink) 13%,transparent),transparent 66%),var(--surface);
  box-shadow: inset 0 1px 0 #ffffff24,0 8px 24px var(--niwwi-shadow);
}
html[data-theme] #page .money-overview-kpis .actual-flow-kpi { gap: 16px; }
html[data-theme] #page .money-overview-kpis .actual-flow-kpi > small { margin-top: 0; line-height: 1.6; }
html[data-theme] #page .money-overview-kpis .receivable-kpi > small,
html[data-theme] #page .money-overview-kpis .commitment-kpi > small { margin-top: 16px; }
html[data-theme] #page .money-overview-kpis .receivable-kpi::before {
  content: ''; position: absolute; width: 132px; height: 132px; right: -24px; top: 32px;
  border: 7px solid currentColor; border-radius: 50%; opacity: .08; z-index: -1; pointer-events: none;
  background: linear-gradient(currentColor,currentColor) 50% 30% / 5px 40px no-repeat,
    linear-gradient(35deg,transparent 43%,currentColor 44% 53%,transparent 54%) 70% 58% / 44px 35px no-repeat;
}
html[data-theme] #page .money-overview-kpis .account-balance-kpi::before {
  content: ''; position: absolute; right: -25px; bottom: -36px; width: 210px; height: 125px;
  background: radial-gradient(ellipse at 25% 70%,var(--pink) 0 27%,transparent 28%),
    radial-gradient(ellipse at 65% 40%,var(--purple) 0 32%,transparent 33%),
    radial-gradient(ellipse at 90% 70%,var(--cyan) 0 28%,transparent 29%);
  opacity: .10; z-index: -1; pointer-events: none;
}
html[data-theme] #page .money-overview-kpis .account-balance-kpi::after,
html[data-theme] #page .fv-business-kpis .simple-kpi::after {
  width: 80px; height: 80px; right: 14px; top: 15px; opacity: .12;
  background: var(--niwwi-star) center / 42px no-repeat;
  transform: rotate(12deg); pointer-events: none;
}
html[data-theme="dark"] #page .fv-business-kpis .simple-kpi {
  background: radial-gradient(ellipse at 100% 0,#b277ed18,transparent 68%),var(--surface);
}
html[data-theme] #page .niwwi-spendable-kpi .niwwi-today-basis { margin: 0 0 16px; color: var(--muted); font-size: 12px; line-height: 1.65; }
html[data-theme] #page .niwwi-spendable-forecast { padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb,var(--purple) 5%,var(--surface)); }
html[data-theme] #page .niwwi-spendable-forecast > span { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 20px; }
html[data-theme] #page .niwwi-spendable-forecast small { font-size: 10px; letter-spacing: .06em; color: var(--muted); }
html[data-theme] #page .niwwi-spendable-forecast b { font-size: 22px; font-variant-numeric: tabular-nums; color: var(--purple); }
html[data-theme] #page .niwwi-spendable-forecast p { color: var(--muted); font-size: 12px; line-height: 1.6; margin: 10px 0 0; }
@media (min-width: 1100px) {
  html[data-theme] #page.general-dashboard-page .money-overview-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
  html[data-theme] #page.general-dashboard-page .money-overview-kpis > .simple-kpi { grid-column: span 1; padding: 22px; }
  html[data-theme] #page.general-dashboard-page .money-overview-kpis > .niwwi-spendable-kpi { grid-column: span 2; }
  html[data-theme] #page.general-dashboard-page .money-overview-kpis .actual-flow-split { grid-template-columns: minmax(0,1fr); gap: 10px; }
  html[data-theme] #page.general-dashboard-page .money-overview-kpis .actual-flow-split > div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding: 14px; }
}
/* Keep the current page recognizable behind every dialog, in both themes. */
html[data-theme] #modal.modal-backdrop {
  background: color-mix(in srgb,#211331 42%,transparent);
  backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);
}
html[data-theme="dark"] #modal.modal-backdrop { background: #080615a6; }
html[data-theme] #modalContent .modal-head {
  position: sticky; top: -24px; z-index: 8; align-items: flex-start;
  padding-top: 16px; padding-bottom: 16px;
  background: var(--surface); border-bottom: 1px solid var(--line);
}
html[data-theme] #modalContent .modal-head .modal-close { flex: 0 0 44px; min-width: 44px; min-height: 44px; color: var(--text); background: var(--surface2); border-color: var(--line); }
html[data-theme] #modalContent .modal-actions { background: var(--surface); border-top: 1px solid var(--line); }
@media (max-width: 760px) {
  html[data-theme] #modalContent .modal-head { top: -18px; }
  html[data-theme] #page .niwwi-spendable-forecast { padding: 14px; }
}
#page .forecast-flow-icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; margin-right: 5px; font-size: 20px; font-weight: 600; line-height: 1; vertical-align: -.05em; }
#page .forecast-comparison-amount { color: inherit; font-size: 17px; font-weight: 650; line-height: 1.35; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
#page .forecast-comparison-table td:last-child .forecast-comparison-amount { font-weight: 750; }
#page .forecast-business-result { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin: 12px 0; padding: 16px 18px; border: 0; border-radius: 10px; background: color-mix(in srgb, var(--text) 3%, var(--surface)); }
#page .forecast-business-result :is(small,span) { color: var(--muted); font-size: 13px; line-height: 1.45; }
#page .forecast-business-result strong { max-width: 100%; margin-left: auto; color: var(--text); font-size: 22px; line-height: 1.3; letter-spacing: -.03em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#page .forecast-business-result strong.positive { color: var(--forecast-income); }
#page .forecast-business-result strong.negative { color: var(--forecast-expense); }
#page .forecast-business-card > small { display: block; color: var(--muted); font-size: 12px; line-height: 1.6; }

@media (max-width: 760px) {
  #page .forecast-month-review > header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 10px; }
  #page .forecast-month-review > header > div { display: contents; }
  #page .forecast-month-review > header > div > small { grid-column: 1; grid-row: 1; align-self: center; font-size: 9px; }
  #page .forecast-month-review > header > span { grid-column: 2; grid-row: 1; padding: 6px 9px; font-size: 11px; }
  #page .forecast-month-review > header h2 { grid-column: 1 / -1; grid-row: 2; }
  #page .forecast-month-review > header p { grid-column: 1 / -1; grid-row: 3; margin: 0; }
  #page .forecast-business-card { padding: 22px 0; }
  #page .forecast-business-heading { margin-bottom: 8px; }
  #page .forecast-business-heading h3 { font-size: 19px; }
  #page .forecast-comparison-table, #page .forecast-comparison-table tbody { display: block; width: 100%; }
  #page .forecast-comparison-table thead { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  #page .forecast-comparison-table tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 10px; padding: 18px 0; }
  #page .forecast-comparison-table tbody tr:first-child { border-top: 0; }
  #page .forecast-comparison-table tbody :is(th,td) { display: block; width: auto; min-width: 0; padding: 0; border: 0; text-align: left; }
  #page .forecast-comparison-table tbody th { grid-column: 1 / -1; font-size: 15px; }
  #page .forecast-comparison-table td::before { content: attr(data-label); display: block; min-height: 2.7em; margin-bottom: 5px; color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.35; letter-spacing: 0; overflow-wrap: normal; }
  #page .forecast-comparison-amount { display: block; font-size: clamp(13px, 3.8vw, 16px); line-height: 1.4; }
  #page .forecast-business-result { padding: 14px; margin-top: 4px; }
  #page .forecast-business-result :is(small,span) { flex: 1 1 130px; font-size: 12px; }
  #page .forecast-business-result strong { font-size: 22px; }
}

/* Compact account controls retain identity and a visible options button. */
html[data-theme] #sidebar .profile.niwwi-profile-compact {
  display: grid; grid-template-columns: 36px minmax(0,1fr) 40px;
  align-items: center; gap: 6px 9px; min-height: 58px; padding: 8px;
  border-radius: 16px;
  background: radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--pink) 12%,transparent),transparent 75%),var(--surface);
  box-shadow: inset 0 1px 0 #ffffff20,0 3px 10px var(--niwwi-shadow);
}
html[data-theme] #sidebar .niwwi-profile-compact .profile-avatar-wrap { width: 36px; min-width: 0; }
html[data-theme] #sidebar .niwwi-profile-compact .niwwi-avatar { width: 36px; height: 36px; }
html[data-theme] #sidebar .niwwi-profile-compact .profile-copy { display: flex; min-width: 0; }
html[data-theme] #sidebar .niwwi-profile-compact .profile-copy b { max-width: 100%; }
html[data-theme] #sidebar .niwwi-profile-compact [data-niwwi-profile-menu] {
  grid-column: 3; grid-row: 1; width: 40px; height: 40px; padding: 0;
  border-radius: 12px; font-size: 21px; line-height: 1;
}
html[data-theme] #sidebar .niwwi-profile-compact.options-open .profile-copy small {
  max-width: 100%; white-space: normal; overflow-wrap: anywhere;
}
html[data-theme] #sidebar .niwwi-profile-compact.options-open .profile-logout {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  grid-column: 2 / -1; grid-row: 2; width: auto; height: 34px; padding: 6px 10px;
  color: var(--text); background: var(--surface2); border: 1px solid var(--line);
}
html[data-theme] #sidebar .niwwi-profile-compact.options-open .profile-logout::after { content: 'Cerrar sesión'; font-size: 11px; }
html[data-theme] #sidebar .niwwi-profile-compact :is([data-niwwi-profile-menu],.profile-logout):focus-visible {
  outline: 2px solid var(--purple); outline-offset: 3px;
}

/* The desktop rail fits its contents; short windows can still scroll vertically. */
@media (min-width: 1025px) {
  html[data-theme] #sidebar.collapsed { padding: 12px 9px; }
  html[data-theme] #sidebar.collapsed .side-head { flex: 0 0 auto; gap: 6px; padding: 0 0 8px; }
  html[data-theme] #sidebar.collapsed #nav {
    flex: 1 1 auto; min-height: 0; min-width: 0; gap: 2px; padding: 2px 0 6px;
    overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-gutter: auto;
  }
  html[data-theme] #sidebar.collapsed .nav-item {
    flex: 0 0 36px; width: 42px; height: 36px; min-height: 36px;
    margin: 0 auto; padding: 0; justify-content: center; border-radius: 12px;
  }
  html[data-theme] #sidebar.collapsed .nav-icon { width: 28px; height: 28px; flex-basis: 28px; border-radius: 10px; }
  html[data-theme] #sidebar.collapsed .side-foot { display: grid; flex: 0 0 auto; gap: 5px; padding-top: 7px; }
  html[data-theme] #sidebar.collapsed .sidebar-data-actions { grid-template-columns: 38px; justify-content: center; gap: 4px; margin-bottom: 0; }
  html[data-theme] #sidebar.collapsed :is(.sidebar-notification-bell,.sidebar-global-refresh) { width: 38px; min-width: 38px; height: 36px; min-height: 36px; padding: 0; border-radius: 11px; }
  html[data-theme] #sidebar.collapsed .cloud-sync-status { width: 38px; min-height: 24px; height: 24px; margin: 0 auto; padding: 3px; font-size: 0; line-height: 0; }
  html[data-theme] #sidebar.collapsed .profile.niwwi-profile-compact {
    grid-template-columns: 1fr; justify-items: center; width: 44px; min-height: 0;
    margin: 0 auto; padding: 5px 3px; gap: 4px; border-radius: 14px;
  }
  html[data-theme] #sidebar.collapsed .niwwi-profile-compact .profile-avatar-wrap { width: 30px; margin-top: 3px; }
  html[data-theme] #sidebar.collapsed .niwwi-profile-compact .niwwi-avatar { width: 30px; height: 30px; }
  html[data-theme] #sidebar.collapsed .niwwi-profile-compact .profile-crown { right: -3px; top: -5px; min-width: 15px; height: 15px; }
  html[data-theme] #sidebar.collapsed .niwwi-profile-compact [data-niwwi-profile-menu] { grid-column: 1; grid-row: 2; width: 34px; height: 30px; border-radius: 9px; }
  html[data-theme] #sidebar.collapsed .niwwi-profile-compact .profile-copy { display: none; }
  html[data-theme] #sidebar.collapsed .niwwi-profile-compact.options-open { z-index: 30; }
  html[data-theme] #sidebar.collapsed .niwwi-profile-compact.options-open .profile-copy {
    display: flex; position: absolute; left: calc(100% + 12px); bottom: 0;
    width: 228px; min-height: 114px; gap: 5px; padding: 15px 15px 54px;
    border: 1px solid var(--niwwi-edge); border-radius: 16px;
    color: var(--text); background: var(--surface); box-shadow: 0 10px 32px var(--niwwi-shadow);
  }
  html[data-theme] #sidebar.collapsed .niwwi-profile-compact.options-open .profile-logout {
    position: absolute; left: calc(100% + 24px); bottom: 12px; width: 204px; height: 32px;
  }
}

html[data-theme] #page .niwwi-notification-history { padding: 0; border: 1px solid var(--niwwi-edge); border-radius: 18px; background: var(--surface); }
html[data-theme] #page .niwwi-notification-history > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 62px; padding: 17px 20px; border-radius: 17px;
  color: var(--text); font-size: 15px; font-weight: 650; line-height: 1.5; cursor: pointer; list-style: none;
}
html[data-theme] #page .niwwi-notification-history > summary::-webkit-details-marker { display: none; }
html[data-theme] #page .niwwi-notification-history > summary b { display: inline-block; margin-left: 7px; padding: 1px 8px; border-radius: 8px; color: var(--purple); background: var(--surface2); font-size: 12px; }
html[data-theme] #page .niwwi-notification-history > summary svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--muted); transition: transform .15s ease; }
html[data-theme] #page .niwwi-notification-history[open] > summary svg { transform: rotate(180deg); }
html[data-theme] #page .niwwi-notification-history > summary:hover { background: color-mix(in srgb,var(--purple) 5%,var(--surface)); }
html[data-theme] #page .niwwi-notification-history > summary:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }
html[data-theme] #page .niwwi-notification-history > p { margin: 0; padding: 0 20px 17px; color: var(--muted); font-size: 12px; line-height: 1.65; }
html[data-theme] #page .niwwi-notification-history > .generic-notification-list { padding: 0 16px 16px; }

/* Niwwi AI preferences and memory share a readable, responsive workspace. */
html[data-theme] #page .niwwi-ai-settings-page { display: grid; gap: 20px; min-width: 0; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-settings-fields { display: grid; gap: 20px; min-width: 0; margin: 0; padding: 0; border: 0; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-settings-fields > legend { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-settings-card {
  position: relative; display: grid; gap: 18px; min-width: 0; margin: 0; padding: 26px;
  border: 1px solid var(--niwwi-edge); border-radius: 24px;
  background: radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--pink) 7%,transparent),transparent 48%),var(--surface);
  box-shadow: inset 0 1px 0 #ffffff20,0 6px 24px var(--niwwi-shadow);
}
html[data-theme] #page .niwwi-ai-settings-page :is(h2,h3,p) { margin: 0; }
html[data-theme] #page .niwwi-ai-settings-page h2 { color: var(--text); font: 750 21px/1.35 var(--niwwi-heading-font); letter-spacing: -.025em; }
html[data-theme] #page .niwwi-ai-settings-page h3 { color: var(--text); font: 700 16px/1.45 var(--niwwi-heading-font); }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-settings-card > h2 { display: flex; align-items: center; gap: 10px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-settings-card > h2::before {
  content: ''; flex: 0 0 27px; width: 27px; height: 27px; border-radius: 10px;
  background: var(--niwwi-star) center / 18px no-repeat,var(--surface2); border: 1px solid var(--line);
}
html[data-theme] #page .niwwi-ai-settings-page p { max-width: 88ch; color: var(--muted); font-size: 13px; line-height: 1.65; }
html[data-theme] #page .niwwi-ai-settings-page :is(header,div) > h2 + p { margin-top: 8px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-settings-card > h2 + p { margin-top: -10px; }
html[data-theme] #page .niwwi-ai-settings-page label { display: grid; align-content: start; gap: 8px; min-width: 0; color: var(--text); font-size: 13px; font-weight: 600; line-height: 1.45; }
html[data-theme] #page .niwwi-ai-settings-page label small { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.5; }
html[data-theme] #page .niwwi-ai-settings-page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea) {
  width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 11px 13px;
  border: 1px solid var(--line); border-radius: 12px; color: var(--text);
  background: var(--surface2); font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5; box-shadow: inset 0 1px 2px #17072504;
}
html[data-theme] #page .niwwi-ai-settings-page textarea { min-height: 104px; resize: vertical; }
html[data-theme] #page .niwwi-ai-settings-page :is(input,textarea)::placeholder { color: var(--muted); opacity: .85; }
html[data-theme] #page .niwwi-ai-settings-page :is(input[type="checkbox"],input[type="radio"]) { width: 19px; height: 19px; min-height: 0; margin: 0; padding: 0; accent-color: var(--purple); }
html[data-theme] #page .niwwi-ai-settings-page label:has(> :is(input[type="checkbox"],input[type="radio"])) { display: flex; align-items: center; gap: 10px; min-height: 44px; }
html[data-theme] #page .niwwi-ai-settings-page :is(button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 18px; min-width: 0; margin: 0; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-form-grid > :is(.niwwi-ai-wide,label:has(textarea),.niwwi-ai-actions,p) { grid-column: 1 / -1; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
html[data-theme] #page .niwwi-ai-settings-page :is(.niwwi-ai-actions,.niwwi-memory-pagination) > button:not(.primary) { border: 1px solid var(--line); color: var(--text); background: var(--surface2); }
html[data-theme] #page .niwwi-ai-settings-page button { min-height: 40px; padding: 10px 16px; border-radius: 12px; font-size: 13px; font-weight: 600; line-height: 1.4; cursor: pointer; }
html[data-theme] #page .niwwi-ai-settings-page button:disabled { cursor: default; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-status { min-height: 42px; padding: 11px 14px; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb,var(--purple) 5%,var(--surface)); color: var(--text); font-size: 12px; line-height: 1.6; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-status:empty { display: none; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-toolbar { display: grid; grid-template-columns: minmax(0,1fr) minmax(170px,240px); align-items: end; gap: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb,var(--purple) 3%,var(--surface)); }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 16px; min-width: 0; padding: 20px 0; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.65; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-row:first-child { padding-top: 0; border-top: 0; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-content { min-width: 0; overflow-wrap: anywhere; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-content > b { color: var(--text); font-weight: 700; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-content > .niwwi-memory-state + small { margin-left: 8px; color: var(--muted); font-size: 11px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-content > h3 { margin-top: 9px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-content p { margin-top: 5px; font-size: 13px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 10px; margin-top: 9px; color: var(--muted); font-size: 11px; font-weight: 400; line-height: 1.6; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-state { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--purple); background: var(--surface2); font-size: 11px; font-weight: 650; line-height: 1.5; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-state[data-active="false"] { color: var(--muted); background: var(--surface); border-style: dashed; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-actions button { padding: 8px 12px; border: 1px solid var(--line); background: var(--surface2); color: var(--text); font-size: 12px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-actions [data-niwwi-ai-action="forget"] { color: var(--coral); background: var(--surface); }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-editor { min-width: 0; padding: 0; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb,var(--purple) 3%,var(--surface)); }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-editor > summary { min-height: 52px; padding: 15px 18px; border-radius: 15px; color: var(--text); font-size: 13px; font-weight: 650; line-height: 1.6; cursor: pointer; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-editor > summary::marker { color: var(--purple); }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-editor[open] > summary { border-bottom: 1px solid var(--line); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-editor > form { margin: 0; padding: 18px; }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-preview { border-color: color-mix(in srgb,var(--purple) 32%,var(--line)); background: radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--pink) 10%,transparent),transparent 60%),var(--surface); }
html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-preview > button { justify-self: start; }
html[data-theme] #page .niwwi-ai-settings-page [data-niwwi-ai-preview-result]:not(:empty) { display: block; max-width: none; margin: 0; padding: 18px 20px; border: 1px solid var(--line); border-left: 3px solid var(--purple); border-radius: 14px; background: var(--surface2); color: var(--text); font-size: 14px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
html[data-theme] #page .niwwi-ai-settings-page [data-niwwi-ai-warnings]:empty { display: none; }
html[data-theme] #page .niwwi-ai-settings-page [data-niwwi-ai-warnings] > p { max-width: none; padding: 14px 16px; border: 1px solid color-mix(in srgb,var(--coral) 40%,var(--line)); border-radius: 14px; background: color-mix(in srgb,var(--coral) 6%,var(--surface)); color: var(--text); }
html[data-theme] #page .niwwi-ai-settings-page [data-niwwi-ai-warnings] > p + p { margin-top: 10px; }
@media (max-width: 1100px) {
  html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-row { grid-template-columns: minmax(0,1fr); gap: 12px; }
}
@media (max-width: 760px) {
  html[data-theme] #page .niwwi-ai-settings-page,html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-settings-fields { gap: 16px; }
  html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-settings-card { gap: 16px; padding: 20px 16px; border-radius: 20px; }
  html[data-theme] #page .niwwi-ai-settings-page h2 { font-size: 19px; }
  html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-form-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-toolbar { grid-template-columns: minmax(0,1fr); padding: 12px; }
  html[data-theme] #page .niwwi-ai-settings-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { font-size: 16px; }
  html[data-theme] #page .niwwi-ai-settings-page button { min-height: 44px; }
  html[data-theme] #page .niwwi-ai-settings-page .niwwi-ai-actions > button { flex: 1 1 140px; }
  html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-actions { width: 100%; gap: 6px; }
  html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-actions button { flex: 1 1 auto; padding-inline: 10px; }
  html[data-theme] #page .niwwi-ai-settings-page .niwwi-memory-editor > form { padding: 15px 12px; }
  html[data-theme] #page .niwwi-ai-settings-page [data-niwwi-ai-preview-result]:not(:empty) { padding: 15px; }
}
/* Subscription cards: compact rows retain dates, metadata and every action. */
html[data-theme] #page .subscription-settings-view .recurring-subscription-list {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:12px;
}
html[data-theme] #page .subscription-settings-view .recurring-subscription-card {
  display:grid; grid-template-columns:minmax(0,1fr); align-content:start; align-items:start;
  min-width:0; min-height:0; gap:10px; padding:16px 18px; border-radius:20px;
  border:1px solid var(--line); opacity:1;
  background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--pink) 8%,transparent),transparent 65%),var(--surface);
}
html[data-theme] #page .subscription-settings-view .subscription-card-heading {
  display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0;
}
html[data-theme] #page .subscription-settings-view .subscription-card-heading > small {
  min-width:0; color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.07em; line-height:1.4;
}
html[data-theme] #page .subscription-settings-view .subscription-status {
  flex:none; padding:4px 10px; border-radius:8px; color:var(--green);
  background:color-mix(in srgb,var(--green) 10%,var(--surface)); font-size:11px; line-height:1.4;
}
html[data-theme] #page .subscription-settings-view .subscription-status.paused {
  color:var(--text); background:var(--surface2); border:1px dashed var(--line);
}
html[data-theme] #page .subscription-settings-view .subscription-status.archived {color:var(--muted);background:var(--surface2)}
html[data-theme] #page .subscription-settings-view .subscription-card-main {
  display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px 14px; min-width:0;
}
html[data-theme] #page .subscription-settings-view .subscription-card-main > h2 {
  flex:1 1 160px; min-width:0; margin:0; color:var(--text); font-size:17px; line-height:1.35; overflow-wrap:anywhere;
}
html[data-theme] #page .subscription-settings-view .subscription-card-main > .subscription-amount {
  margin:0; color:var(--coral); font-size:20px; line-height:1.3; font-weight:800; overflow-wrap:anywhere;
}
html[data-theme] #page .subscription-settings-view .subscription-meta {
  display:flex; flex-wrap:wrap; gap:4px 12px; min-width:0; margin:0; padding:0;
}
html[data-theme] #page .subscription-settings-view .subscription-meta > span {
  min-width:0; padding:0; border:0; border-radius:0; background:none; color:var(--muted); font-size:12px; line-height:1.5; overflow-wrap:anywhere;
}
html[data-theme] #page .subscription-settings-view .subscription-card-actions {
  display:flex; flex-direction:row; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:7px;
  min-width:0; margin:0; padding:10px 0 0; border-top:1px solid var(--line);
}
html[data-theme] #page .subscription-settings-view .subscription-card-actions > button {
  min-height:36px; margin:0; padding:7px 13px; border:1px solid var(--line); border-radius:10px;
  background:var(--surface2); color:var(--text); font-size:12px; font-weight:600; line-height:1.4;
}
html[data-theme] #page .subscription-settings-view .subscription-card-actions > button:first-child {color:var(--purple);border-color:color-mix(in srgb,var(--purple) 35%,var(--line))}
html[data-theme] #page .subscription-settings-view .subscription-card-actions > .danger {margin-left:auto;color:var(--coral);background:var(--surface)}
html[data-theme] #page .subscription-settings-view .subscription-card-actions > button:focus-visible {outline:2px solid var(--purple);outline-offset:3px}
@media(max-width:1120px) {
  html[data-theme] #page .subscription-settings-view .recurring-subscription-list {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px) {
  html[data-theme] #page .subscription-settings-view .recurring-subscription-card {gap:9px;padding:14px 15px;border-radius:18px}
  html[data-theme] #page .subscription-settings-view .subscription-card-actions > button {min-height:44px;flex:1 1 auto;padding:9px 12px}
  html[data-theme] #page .subscription-settings-view .subscription-card-actions > .danger {margin-left:0}
}
/* Existing-purchase budget preview: financial amounts remain readable at phone size. */
#modalContent:has([data-existing-budget-plan]) .quick-settlement-summary small,
#modalContent:has([data-existing-budget-plan]) label small{font-size:12px;line-height:1.45}
#modalContent:has([data-existing-budget-plan]) .quick-settlement-summary b{font-size:16px;line-height:1.45;overflow-wrap:anywhere;white-space:normal;text-overflow:clip}
#modalContent:has([data-existing-budget-plan]) [data-existing-budget-error]:empty{display:none}
#modalContent:has([data-existing-budget-plan]) .quick-settlement-summary{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
#modalContent:has([data-existing-budget-plan]) [data-existing-budget-preview] .quick-settlement-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.registry-type-ledger-row .registry-plan-progress{display:grid;gap:6px;font-size:12px;line-height:1.5;color:var(--muted);white-space:normal;overflow:visible;text-overflow:clip}
.registry-type-ledger-row .registry-plan-progress>b{font-size:12px;color:var(--text)}
.registry-type-ledger-row .registry-plan-progress>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:12px;white-space:normal}
.registry-type-ledger-row .registry-plan-progress strong{font-size:12px;color:var(--text);font-weight:650;white-space:nowrap}
.registry-type-ledger-row>strong>small{display:block;font-size:11px;line-height:1.5;font-weight:500;color:var(--muted);white-space:normal}
@media(max-width:640px){
  #modalContent:has([data-existing-budget-plan]) [data-existing-budget-preview] .quick-settlement-summary{grid-template-columns:1fr}
}
/* Planned expense progress: text actions are not icon cells. Keep desktop
   ledger columns; on phones, let the name and progress use the entire row. */
html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > .registry-ledger-actions {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start;
  width:100%; min-width:0; max-width:100%; gap:6px;
}
html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) .registry-ledger-actions > .realize {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  flex:1 1 100%; width:auto; max-width:100%; min-width:0; height:auto; min-height:36px;
  padding:8px 10px; box-sizing:border-box; font-size:12px; line-height:1.4;
  white-space:normal; overflow:visible; text-overflow:clip;
}
html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) .registry-ledger-actions > .realize svg { flex:none; }
@media(max-width:760px) {
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) {
    grid-template-columns:minmax(0,1fr) !important; align-items:start; justify-items:stretch;
    gap:10px; min-width:0; padding:16px 0;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > :is(.registry-ledger-mode,div:nth-child(2),strong,.registry-ledger-actions) {
    grid-column:1; grid-row:auto; min-width:0; max-width:100%;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > :is(span:nth-child(3),span:nth-child(4)) {
    grid-column:1; grid-row:auto; min-width:0; white-space:normal;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > .registry-ledger-mode {
    justify-self:start; font-size:10px; line-height:1.3;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > div:nth-child(2) {
    width:100%; overflow:visible;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > div:nth-child(2) > b {
    font-size:15px; line-height:1.4; white-space:normal; overflow-wrap:anywhere;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > div:nth-child(2) > small {
    font-size:12px; line-height:1.5;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row .registry-plan-progress {
    display:grid; gap:8px; margin-top:12px;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row .registry-plan-progress > b { font-size:12px; }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row .registry-plan-progress > span {
    justify-content:space-between; width:100%; min-width:0; overflow-wrap:normal; word-break:normal;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > strong {
    display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap;
    gap:4px 12px; width:100%; padding-top:10px; border-top:1px dashed var(--line);
    text-align:left; font-size:14px; line-height:1.5;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) > .registry-ledger-actions {
    justify-self:stretch; gap:8px; padding-top:4px;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) .registry-ledger-actions > button {
    flex:0 0 44px; width:44px; min-width:44px; height:44px; min-height:44px;
    margin:0; border-radius:10px; box-sizing:border-box;
  }
  html[data-theme] #page .fv-registry-visualizer .registry-type-ledger-row:has(.registry-plan-progress) .registry-ledger-actions > .realize {
    flex:1 1 100%; width:100%; min-width:0; height:auto; min-height:44px;
    padding:10px 14px; font-size:13px;
  }
}

/* C046: pending registration stays readable and its full list is reachable. */
html[data-theme] #page .registry-pending-confirmations { padding:22px; }
html[data-theme] #page .registry-pending-head { gap:16px; flex-wrap:wrap; align-items:flex-start; }
html[data-theme] #page .registry-pending-head > div { flex:1 1 280px; min-width:0; }
html[data-theme] #page .registry-pending-head small { color:var(--muted); font-size:11px; line-height:1.5; }
html[data-theme] #page .registry-pending-head h2 { margin:5px 0 8px; color:var(--text); font-size:21px; line-height:1.3; }
html[data-theme] #page .registry-pending-head p { max-width:72ch; color:var(--muted); font-size:13px; line-height:1.6; }
html[data-theme] #page .registry-pending-head > span { padding:7px 11px; border:1px solid var(--line); background:var(--surface2); color:var(--text); font-size:12px; white-space:nowrap; }
html[data-theme] #page .registry-pending-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
html[data-theme] #page .registry-pending-item { grid-template-columns:34px minmax(0,1fr); align-items:start; gap:14px 12px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--surface2); }
html[data-theme] #page .registry-pending-item > span { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:var(--surface); color:var(--coral); }
html[data-theme] #page .registry-pending-item.income > span { color:var(--green); }
html[data-theme] #page .registry-pending-item.debt > span { color:var(--purple); }
html[data-theme] #page .registry-pending-item > div { gap:6px; }
html[data-theme] #page .registry-pending-item small { color:var(--muted); font-size:11px; line-height:1.5; letter-spacing:.03em; }
html[data-theme] #page .registry-pending-item b { overflow:visible; color:var(--text); font-size:16px; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
html[data-theme] #page .registry-pending-item em { color:var(--muted); font-size:12px; line-height:1.5; }
html[data-theme] #page .registry-pending-item > strong { grid-column:2; color:var(--text); font-size:22px; line-height:1.3; white-space:normal; overflow-wrap:anywhere; }
html[data-theme] #page .registry-pending-item > strong > small:first-child { display:block; margin-bottom:4px; font-size:10px; font-weight:500; }
html[data-theme] #page .registry-pending-item > button { grid-column:2; justify-self:start; min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--purple); font-size:13px; line-height:1.4; }
html[data-theme] #page .registry-pending-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-top:18px; }
html[data-theme] #page .registry-pending-footer p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
html[data-theme] #page .registry-pending-footer button { min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:12px; background:var(--surface2); color:var(--purple); font:inherit; font-size:13px; font-weight:650; cursor:pointer; }
html[data-theme] #page .registry-pending-footer button[hidden] { display:none; }
html[data-theme] #page .registry-pending-item > button:hover,
html[data-theme] #page .registry-pending-footer button:hover { border-color:var(--purple); background:var(--surface); }
html[data-theme] #page .registry-pending-item > button:focus-visible,
html[data-theme] #page .registry-pending-footer button:focus-visible { outline:2px solid var(--purple); outline-offset:3px; }
@media(max-width:800px) {
  html[data-theme] #page .registry-pending-confirmations { padding:16px; }
  html[data-theme] #page .registry-pending-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:480px) {
  html[data-theme] #page .registry-pending-item { padding:16px; gap:12px 10px; }
  html[data-theme] #page .registry-pending-item > button { justify-self:stretch; }
}

/* A month omission is a planning decision, separate from a payment. */
#modalContent > .mova-form-grid > .quick-settlement-options.wide { grid-column: 1 / -1; }
.quick-settlement-coverage { margin-top: 14px; }
.quick-settlement-coverage > label { display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; }
.quick-settlement-coverage select { width: 100%; min-width: 0; }
.quick-settlement-omit { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface2); }
.quick-settlement-omit > span { color: var(--muted); font-size: 14px; }
.quick-settlement-omit > button { flex-shrink: 0; min-height: 44px; }
.expense-omission-summary { padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface2); }
.expense-omission-summary > span { display: block; color: var(--muted); font-size: 14px; }
.expense-omission-summary > strong { display: block; margin: 12px 0 20px; color: var(--purple); font-size: clamp(22px, 4vw, 30px); font-variant-numeric: tabular-nums; line-height: 1.3; overflow-wrap: anywhere; }
.expense-omission-summary p, .expense-omission-note { line-height: 1.6; }
.expense-omission-note { color: var(--muted); font-size: 14px; }
#modalContent:has([data-expense-omission-confirm]) { max-width: 620px; }
#modalContent:has([data-expense-omission-confirm]) [data-expense-omission-error]:empty { display: none; }
@media(max-width:520px) { .quick-settlement-omit { flex-wrap: wrap; gap: 10px; padding: 14px; } .quick-settlement-omit > button { width: 100%; } .expense-omission-summary { padding: 18px; } }