/* Paleta Azul niebla: superficies claras y navegación azul marino. */
:root{color-scheme:light;--bg:#f2f5eb;--bg2:#f2f5eb;--panel:#f2f5eb;--panel2:#f2f5eb;--line:#f2f5eb;--text:#282f2c;--muted:#438d76;--green:#128459;--red:#c33f53;--amber:#a16b09;--blue:#438d76;--mint:#187b77;--shadow:0 5px 20px rgba(40,47,44,.06);--reconcile-surface:#f2f5eb}
body{background:#f2f5eb;color:var(--text)}
body .app-shell{background:linear-gradient(135deg,#f2f5eb,#f2f5eb)}
body .clara-topnav{background:#282f2c;border-right-color:#063f32}
body .clara-topnav .brand strong{color:#f2f5eb}
body .clara-topnav .brand span,body .clara-topnav .nav-item{color:#c4d5c6}
body .clara-topnav .nav-item.active,body .clara-topnav .nav-item:hover{background:#f2f5eb;color:#282f2c}
.navigation-toggle{background:#063f32;border-color:#438d76;color:#fff}
body .content .eyebrow,body .content>.topbar .eyebrow,body .screen-heading .eyebrow,body .config-heading .eyebrow,body .flow-projected-header .eyebrow,.analysis-kicker{color:#438d76}
body .content h1,body .content h2,body .content h3{color:#282f2c}
body .panel,body .kpi,body #dashboard .analysis-panel,body .config-card,body .flow-chart-panel,body .projected-period,body .projected-flow-card{background:linear-gradient(145deg,#f2f5eb,#f2f5eb);border-color:#c4d5c6;box-shadow:var(--shadow)}
body .kpi span{color:#438d76}
body .kpi strong{color:#282f2c}
body .kpi small{color:var(--accent)}
body .kpi.green{--accent:#128459}body .kpi.red{--accent:#c33f53}body .kpi.amber{--accent:#a16b09}body .kpi.blue{--accent:#438d76}body .kpi.mint{--accent:#187b77}
body .top-subtitle,body .screen-heading>p:not(.eyebrow),body .config-heading>p:not(.eyebrow),body .flow-projected-header>div>p:not(.eyebrow){color:#438d76}
body .month-control select,body .flow-controls select{background:#f2f5eb;border-color:#c4d5c6;color:#063f32}
body .analysis-donut>div{background:#f2f5eb}
body .analysis-donut strong,body .analysis-legend b,body .analysis-card-row strong,body .analysis-card-row>b,body .analysis-bank-row,body .analysis-bank-row b,body .analysis-fixed-row strong,body .analysis-fixed-row b{color:#282f2c}
body .analysis-donut span,body .analysis-legend>div,body .analysis-card-row small,body .analysis-fixed-row small,body .analysis-legend span small{color:#438d76}
body .analysis-card-row,body .analysis-bank-row,body .analysis-fixed-row,body .analysis-legend>div{border-color:#f2f5eb}
body .analysis-usage{background:#f2f5eb}
body .analysis-usage span{background:#26a87d}
body .analysis-usage.warn span{background:#dfa52c}
body #dashboard .credit-card-balances span{color:#438d76}
body #dashboard .credit-card-balances b{color:#282f2c}
body #dashboard .credit-card-balances .positive,body .positive{color:#128459!important}
body #dashboard .credit-card-balances .negative,body .negative{color:#c33f53!important}
body .analysis-fixed-row em,body .analysis-fixed header>strong{color:#9a6a13}
body .analysis-fixed-row i{background:#d6a43c}
body .analysis-banks header>strong,body .text-link,body .analysis-panel-top button,body .analysis-detail-button,body .calendar-detail-link{color:#438d76}
body .primary{background:linear-gradient(110deg,#438d76,#438d76);color:#fff;box-shadow:0 4px 12px rgba(67,141,118,.15)}
body .ghost,body .icon-button,body .mini-action,body .movement-detail-button{background:#f2f5eb;color:#063f32;border-color:#c4d5c6}
body .config-tabs button,body .category-mode-tabs button,body .movement-type-tabs button,body .movement-view-tabs button{background:#f2f5eb;color:#438d76;border-color:#c4d5c6}
body .config-tabs button.active,body .category-mode-tabs button.active,body .movement-type-tabs button.active,body .movement-view-tabs button.active{background:#f2f5eb;color:#063f32;border-color:#c4d5c6}
body input:not([type=checkbox]):not([type=radio]):not([type=file]),body select,body textarea{background:#f2f5eb;color:#282f2c;border-color:#c4d5c6;color-scheme:light}
body input::placeholder,body textarea::placeholder{color:#438d76}
body label,body .inline-form label,body .config-form-grid label,body .onboarding-dialog label{color:#438d76}
body .column-filter-row th{background:#f2f5eb!important}
body .movement-table th,body th{background:#f2f5eb;color:#438d76}
body .movement-table td,body td{border-color:#f2f5eb;color:#063f32}
body .movement-table td strong,body td strong{color:#282f2c}
body .movement-table-tools,body .movement-table-summary{background:#f2f5eb;border-color:#f2f5eb;color:#438d76}
body .movement-table-summary strong{color:#282f2c}
body .movement-table tbody tr:hover{background:#f2f5eb}
body .movement-table .movement-amount.ingreso{color:#128459}
body .movement-table .movement-amount.gasto{color:#c33f53}
body .movement-table .movement-amount.transferencia{color:#438d76}
body .movement-table .movement-amount.pago{color:#7659a9}
body .calendar-panel,body .calendar-day{background:#f2f5eb;border-color:#c4d5c6}
body .calendar-hint,body .calendar-empty,body .calendar-movements small{color:#438d76}
body .calendar-cell{background:#f2f5eb;color:#063f32;border-color:#f2f5eb}
body .calendar-cell.blank{background:transparent;border-color:transparent}
body .calendar-cell:hover{background:#f2f5eb;border-color:#c4d5c6}
body .calendar-cell.selected{background:#f2f5eb;border-color:#438d76}
body .calendar-movements strong{color:#282f2c}
body .calendar-movements>div,body .calendar-balance{border-color:#f2f5eb}
body .calendar-movements b{color:#c33f53}
body .calendar-day .eyebrow,body .calendar-weekdays span{color:#438d76}
body .calendar-arrows button{background:#f2f5eb;color:#063f32;border-color:#c4d5c6}
body #movimientos .day-net.positive{color:#128459}body #movimientos .day-net.negative{color:#c33f53}body #movimientos .day-net.neutral{color:#438d76}
body .config-card p,body .config-card-heading p,body .config-account-row small,body .config-info,body .account-image-preview span{color:#438d76}
body .config-account-row,body .category-config-row{color:#282f2c;border-color:#f2f5eb}
body .config-account-row strong,body .config-account-row b,body .account-image-preview strong,body .category-config-row strong{color:#282f2c}
body .config-account-row.selected,body .config-account-row:hover{background:#f2f5eb}
body .account-image-preview,body .config-info,body .movement-impact span,body .bulk-preview,body .detail-grid>div,body .detail-financing,body .finance-choice,body .bulk-steps span{background:#f2f5eb;border-color:#f2f5eb;color:#438d76}
body .settings-list>div{border-color:#f2f5eb}
body .settings-list strong,body .detail-grid b{color:#282f2c}
body .settings-list small,body .detail-grid span{color:#438d76}
body dialog{color:#282f2c;border-color:#c4d5c6}
body dialog>form,body .onboarding-dialog form{background:#f2f5eb;color:#282f2c}
body .dialog-note,body .dialog-heading p,body .onboarding-dialog section>p:not(.eyebrow){color:#438d76}
body .onboarding-categories label,body .onboarding-skip{background:#f2f5eb;border-color:#f2f5eb;color:#063f32}
body .analysis-detail-list>div,body .analysis-category-detail,body .analysis-category-detail>div,body .subcategory-list>div{border-color:#f2f5eb;color:#063f32}
body .analysis-detail-list strong,body .analysis-detail-list b,body .analysis-category-detail b,body .subcategory-list{color:#282f2c}
body .flow-chart text{fill:#438d76}
body .projected-flow-card>header,body .projected-flow-row{border-color:#f2f5eb}
body .projected-flow-card header p,body .projected-flow-row small,body .projected-close span,body .flow-chart-panel p{color:#438d76}
body .projected-close{background:#f2f5eb}
body .projected-close strong{color:#128459}
body .projected-flow-row b,body .flow-row-amount strong{color:#282f2c}
body .flow-row-amount em{color:#9a6a13}
body .flow-row-amount em.paid{color:#128459}
body .flow-action{background:#f2f5eb;color:#063f32;border-color:#c4d5c6}
body .flow-action:hover{background:#f2f5eb}
body .flow-edit,body .remove-image{color:#438d76}
body .flow-budget-progress,body .flow-budget,body .flow-projection-note{background:#f2f5eb;color:#438d76;border-color:#f2f5eb}
body .flow-budget small,body .flow-budget-progress small{color:#438d76}
body .inline-finance-options,body .finance-fields,body .detail-financing{background:#f6f0e1;border-color:#ddc995;color:#80652d}
body .finance-fields label,body .finance-fields p,body .finance-payment{color:#80652d}
body .finance-payment strong,body #inline-monthly{color:#80652d}
body .category-config-row small,body .category-config-row b,body .subcategory-heading small{color:#438d76}
body .category-config-row b,body .subcategory-list{border-color:#f2f5eb}
body .bulk-help,body .bulk-upload-panel .dialog-heading p:not(.eyebrow),body .detail-category-name,body .bulk-preview p{color:#438d76}
body .close-card,body .history-card,body .summary-strip,body .flow-overview{background:#f2f5eb;border-color:#c4d5c6}
body .close-card strong,body .history-row strong,body .summary-strip strong{color:#282f2c}
body .empty-state{color:#438d76}

/* Las ventanas de Movimientos también usan Azul niebla; las reglas antiguas
   de captura y selectores tenían más especificidad que el tema general. */
body #inline-movement-dialog .movement-capture,
body #movement-detail-dialog .movement-detail-panel,
body #bulk-upload-dialog .bulk-upload-panel{
  background:linear-gradient(145deg,#f2f5eb,#f2f5eb);
  border:1px solid #c4d5c6;color:#282f2c;
  box-shadow:0 16px 50px rgba(40,47,44,.16);color-scheme:light;
}
body #inline-movement-dialog .dialog-heading h3,
body #movement-detail-dialog .dialog-heading h3,
body #bulk-upload-dialog .dialog-heading h3{color:#282f2c}
body #inline-movement-dialog .dialog-heading .eyebrow,
body #movement-detail-dialog .dialog-heading .eyebrow,
body #bulk-upload-dialog .dialog-heading .eyebrow{color:#438d76}
body #inline-movement-dialog .dialog-heading p:not(.eyebrow),
body #movement-detail-dialog .dialog-heading p:not(.eyebrow),
body #bulk-upload-dialog .dialog-heading p:not(.eyebrow){color:#438d76}
body #inline-movement-dialog .inline-fields label{color:#438d76}
body #inline-movement-dialog .inline-fields input:not([type=checkbox]):not([type=radio]),
body #inline-movement-dialog .inline-fields select{
  background:#f2f5eb;color:#282f2c;border:1px solid #c4d5c6;color-scheme:light;
}
body #inline-movement-dialog .inline-fields select option{background:#f2f5eb;color:#282f2c}
body #inline-movement-dialog .inline-fields input::placeholder{color:#438d76;opacity:1}
body #inline-movement-dialog input[type=checkbox]{accent-color:#438d76}
body #inline-movement-dialog .movement-type-tabs button{background:#f2f5eb;color:#438d76;border-color:#c4d5c6}
body #inline-movement-dialog .movement-type-tabs button.active{background:#f2f5eb;color:#063f32;border-color:#c4d5c6}
body #inline-movement-dialog .movement-impact span{background:#f2f5eb;color:#438d76;border-color:#f2f5eb}
body #inline-movement-dialog .financed-choice{background:#f2f5eb;border-color:#f2f5eb;color:#438d76!important}
body #inline-movement-dialog .financed-choice small{color:#438d76}
body #inline-movement-dialog .finance-inline{background:#f6f0e1;border-color:#ddc995}
body #inline-movement-dialog .finance-inline>div span,
body #inline-movement-dialog .finance-inline>div strong,
body #inline-movement-dialog .finance-inline label{color:#80652d}
body #movement-detail-dialog .detail-grid>div{background:#f2f5eb;border-color:#f2f5eb}
body #movement-detail-dialog .detail-grid span{color:#438d76}
body #movement-detail-dialog .detail-grid b{color:#282f2c}
body #movement-detail-dialog .detail-financing{background:#f6f0e1;border-color:#ddc995}
body #movement-detail-dialog .detail-financing span,
body #movement-detail-dialog .detail-financing b{color:#80652d}
body #movement-detail-dialog .danger{color:#a6334b!important;border-color:#d7a7b2!important;background:#faedf0}
body #movement-detail-dialog .danger:hover{background:#f4dde3!important}
