/* Explicaciones, controles y jerarquía para personas que empiezan. */
[hidden]{display:none!important}
.home-quick-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-quick-summary>button{display:grid;gap:9px;padding:20px;text-align:left;border:1px solid #c4d5c6;border-radius:18px;background:linear-gradient(135deg,#f2f5eb,#f2f5eb);color:#282f2c;cursor:pointer;font:inherit;box-shadow:0 5px 20px #282f2c0a}
.home-quick-summary>button:hover{border-color:#438d76;background:#f2f5eb}
.home-quick-summary span{font-size:13px;font-weight:750;color:#438d76}
.home-quick-summary strong{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.04em}
.home-quick-summary small{font-size:11px;color:#438d76;line-height:1.5}
.home-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0}
body .content:not(:has(#dashboard.active)) .home-quick-actions{display:none}
.home-quick-actions .ghost{font-size:12px;padding:9px 13px}
#dashboard .kpi{min-height:105px;padding:15px;cursor:pointer}
#dashboard .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body .content:has(#movimientos.active)>.topbar>div:first-child{display:none}
body .content:has(#movimientos.active)>.topbar{justify-content:flex-end;margin-bottom:14px}
body .analysis-account-logo.cash{background:#d8e8f7;color:#2b5a85}
#dashboard .kpi strong{font-size:23px;margin:15px 0 7px}
#dashboard .kpi span{font-size:10px}
#dashboard .kpi small{font-size:11px;line-height:1.4}
#dashboard .kpi:focus-visible,.home-quick-summary button:focus-visible{outline:3px solid #438d76;outline-offset:3px}
.ux-help{font-size:13px;color:#438d76;line-height:1.6}
.planning-equation{display:flex;gap:16px;align-items:center;margin-bottom:22px;padding:20px;border:1px solid #c4d5c6;border-radius:18px;background:#f2f5eb}
.planning-equation>div{flex:1;min-width:0}
.planning-equation span{display:block;color:#438d76;font-size:12px}
.planning-equation b{display:block;margin-top:8px;font-size:22px;letter-spacing:-.03em;color:#282f2c}
.planning-equation>.equation-result{flex:1.2;border:0;border-left:1px solid #f2f5eb;padding:2px 0 2px 20px;background:transparent;cursor:pointer;text-align:left;font:inherit}
.planning-equation small{display:block;margin-top:7px;color:#438d76;font-size:11px}
.planning-fixed-section{margin-top:24px;scroll-margin-top:24px}
#dashboard .analysis-fixed>[data-manage-fixed]{margin-left:12px}
.planning-fixed-section .settings-list{max-height:420px;overflow:auto;scrollbar-width:thin}
.plan-status-note{font-size:11px!important;line-height:1.5;color:#438d76!important}
.clara-help-dialog{width:min(640px,calc(100vw - 28px));max-height:88vh;overflow:auto;border:1px solid #c4d5c6;border-radius:20px;padding:0;background:#f2f5eb;color:#282f2c}
.clara-help-dialog::backdrop{background:#282f2c88;backdrop-filter:blur(4px)}
.clara-help-dialog>form,.clara-help-dialog>.panel{padding:24px;border:0;background:#f2f5eb;box-shadow:none}
.clara-help-dialog h2{font-size:23px;margin:4px 0 12px;line-height:1.25}
.clara-help-dialog h3{font-size:16px;margin-top:22px}
.clara-help-dialog label{display:grid;gap:8px;margin:12px 0;color:#438d76;font-size:13px;font-weight:650}
.clara-help-dialog input:not([type=radio]),.clara-help-dialog select{width:100%;min-width:0;padding:11px;border:1px solid #c4d5c6;border-radius:10px;background:#fff;color:#282f2c;font:inherit}
.clara-help-dialog [hidden]{display:none!important}
.clara-help-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.clara-help-dialog .form-grid .wide{grid-column:1/-1}
.clara-help-dialog .dialog-heading{align-items:flex-start}
.clara-help-dialog .dialog-heading .icon-button{flex:0 0 34px;height:34px}
.plain-calculation>div{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #f2f5eb;padding:13px 0;font-size:14px}
.plain-calculation>div span{min-width:0;color:#438d76}
.plain-calculation b{white-space:nowrap;color:#282f2c}
.plain-calculation small{display:block;margin-top:5px;color:#438d76;font-size:11px}
.plain-calculation .calculation-total{border-top:2px solid #c4d5c6;margin-top:4px;font-size:17px}
.link-payment-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.link-payment-modes label{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #c4d5c6;border-radius:12px;font-size:12px;line-height:1.5;background:#f2f5eb;cursor:pointer}
.link-payment-modes label:has(input:checked){background:#f2f5eb;border-color:#438d76;color:#063f32}
.link-payment-modes input{accent-color:#438d76}
.ux-amount-label{margin-top:18px!important}
.ux-undo{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:60;display:flex;gap:16px;align-items:center;max-width:calc(100vw - 24px);padding:14px 18px;border:1px solid #c4d5c6;border-radius:14px;background:#f2f5eb;color:#282f2c;box-shadow:0 8px 28px #282f2c33;font-size:13px}
.ux-undo[hidden]{display:none}
.ux-undo button{border:0;background:transparent;color:#063f32;font:inherit;font-weight:750;cursor:pointer;white-space:nowrap}
.projected-close .text-link{margin-top:10px;font-size:12px}
.movement-impact{line-height:1.5}
.movement-impact span{font-size:12px}
.onboarding-opening-help{font-size:12px;color:#438d76;line-height:1.5}
@media(max-width:1050px){.planning-equation{flex-wrap:wrap;gap:12px}.planning-equation>div{flex:1 1 24%}.planning-equation>.equation-result{flex-basis:100%;border-left:0;border-top:1px solid #f2f5eb;padding:12px 0 0}.planning-equation>span:last-of-type{display:none}}
@media(max-width:650px){#dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-summary{grid-template-columns:1fr;gap:8px}.home-quick-summary>button{grid-template-columns:1fr auto;gap:5px 12px;padding:14px}.home-quick-summary strong{grid-column:2;grid-row:1/3;align-self:center;font-size:23px}.home-quick-summary small{grid-column:1}.home-quick-summary span{font-size:12px}.link-payment-modes{grid-template-columns:1fr}.clara-help-dialog .form-grid{grid-template-columns:1fr}.ux-undo{font-size:12px;gap:10px}.clara-help-dialog>form,.clara-help-dialog>.panel{padding:19px}.planning-equation b{font-size:18px}}
