/* Densidad de Planeación, sin alterar tarjetas ni navegación de Inicio. */
#flujo .flow-projected-header{gap:18px;margin:0 0 18px;align-items:center;flex-wrap:wrap}
#flujo .flow-projected-header h2{font-size:29px;line-height:1.2;letter-spacing:-.04em}
#flujo .flow-projected-header .eyebrow{font-size:11px;margin-bottom:7px}
#flujo .flow-projected-header p:not(.eyebrow){font-size:13px;margin-top:7px}
#flujo .flow-controls{gap:8px;flex-wrap:wrap}
#flujo .flow-controls select{font-size:13px;padding:10px 30px 10px 12px;border-radius:10px}
#flujo .flow-add-button{font-size:12px;padding:11px 14px;border-radius:10px}
#flujo .planning-equation{gap:12px;margin-bottom:18px;padding:14px 18px;border-radius:14px}
#flujo .planning-equation span{font-size:11px}
#flujo .planning-equation b{font-size:21px;margin-top:6px}
#flujo .planning-equation small{font-size:10px;margin-top:4px}
#flujo .planning-equation>.equation-result{padding-left:16px}
#flujo .flow-projected-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
#flujo .projected-flow-card{min-height:0;border-radius:16px}
#flujo .projected-flow-card>header{padding:16px 18px 14px}
#flujo .projected-flow-card h2{font-size:18px;line-height:1.3}
#flujo .projected-flow-card header p{font-size:11px;margin-top:5px;line-height:1.5}
#flujo .projected-close{padding:13px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
#flujo .projected-close>span{font-size:11px;grid-column:1/-1}
#flujo .projected-close>strong{font-size:25px;margin-top:0;letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0}
#flujo .projected-close>.text-link{font-size:11px;padding:0;margin:0;white-space:nowrap}
#flujo .projected-flow-list{padding:0 16px}
#flujo .projected-flow-row{padding:14px 0;gap:12px;align-items:start}
#flujo .projected-flow-row>div:first-child{min-width:0;flex:1}
#flujo .projected-flow-row b{font-size:14px;line-height:1.4;display:block;overflow-wrap:anywhere}
#flujo .projected-flow-row small{font-size:11px;margin-top:5px;line-height:1.5}
#flujo .flow-row-amount{min-width:75px;max-width:45%}
#flujo .flow-row-amount strong{font-size:15px;overflow-wrap:anywhere}
#flujo .flow-row-amount em{font-size:11px;margin-top:5px;line-height:1.5}
#flujo .planning-row-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
#flujo .planning-row-actions .flow-action,#flujo .planning-row-actions .flow-edit{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-family:inherit;padding:6px 8px;margin:0;border-radius:7px;line-height:1.35;max-width:100%;white-space:normal}
#flujo .planning-row-actions .flow-edit{padding:3px 0;flex-basis:100%;justify-content:flex-start}
#flujo .projected-flow-row .plan-status-note{font-size:10px!important;line-height:1.4;margin-top:7px}
#flujo .partial-payment{margin-top:7px;padding:8px;font-size:11px;background:#f2f5eb;color:#438d76}
#flujo .partial-payment span{font-size:11px}
#flujo .projection-adjustment{color:#80652d!important}
#flujo .planning-completed{border-top:1px solid #f2f5eb;padding:12px 0 8px;margin:0}
#flujo .planning-completed>summary{font-size:12px;color:#438d76;cursor:pointer;padding:2px 0}
#flujo .planning-completed .projected-flow-row.paid{opacity:1}
#flujo .planning-completed .projected-flow-row.paid b{text-decoration:none}
#flujo .projected-flow-list>.empty-state{padding:18px 0;font-size:12px;line-height:1.6}
#flujo .planning-subview-heading{margin-bottom:24px}
#flujo .planning-subview-heading .eyebrow{font-size:11px;margin-bottom:8px}
#flujo .planning-subview-heading h2{font-size:28px;line-height:1.2;margin:0 0 9px;letter-spacing:-.04em}
#flujo .planning-subview-heading>p:not(.eyebrow){font-size:13px;color:#438d76;line-height:1.6;margin:0}
#flujo .planning-recurring-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#flujo .planning-recurring-grid>article{min-width:0}
#flujo .planning-recurring-grid .config-card-heading,#flujo .planning-recurring-grid .forecast-heading{display:flex;align-items:start;gap:14px;flex-wrap:wrap}
#flujo .planning-recurring-grid .config-card-heading>div,#flujo .planning-recurring-grid .forecast-heading>div{flex:1;min-width:180px}
#flujo .planning-recurring-grid .forecast-heading>.primary{font-size:12px;padding:10px 13px}
#flujo .planning-recurring-grid .forecast-heading p{font-size:12px;line-height:1.6}
#flujo #planning-fixed-section,#flujo #recurring-income-section{margin-top:0;padding:22px;border-radius:16px}
#flujo #planning-fixed-section .settings-list{max-height:none;overflow:visible}
#flujo #planning-fixed-section .settings-list>div{padding:13px 0;gap:16px}
#flujo #planning-fixed-section .settings-list strong{font-size:15px}
#flujo #planning-fixed-section .settings-list small{font-size:12px;line-height:1.6}
#flujo #planning-fixed-section .config-card-heading h3{font-size:17px}
#flujo #planning-fixed-section .config-card-heading p{font-size:12px}
#flujo #recurring-income-section .forecast-heading h2{font-size:17px}
#flujo #recurring-income-section .recurring-income-row{padding:13px 0;font-size:14px}
.planning-nav-group .movements-nav-options button{line-height:1.4}
@media(min-width:551px){body .clara-topnav{overflow-y:auto;scrollbar-width:thin}}
@media(max-width:1100px){#flujo .flow-projected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#flujo .planning-recurring-grid{grid-template-columns:1fr}}
@media(max-width:700px){#flujo .flow-projected-grid{grid-template-columns:1fr}#flujo .flow-projected-header{align-items:start}#flujo .flow-projected-header h2{font-size:26px}#flujo .planning-equation{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:14px}#flujo .planning-equation>span{display:none}#flujo .planning-equation>.equation-result{border:0;padding:0;text-align:left}#flujo .flow-controls{width:100%}#flujo .flow-controls select{width:auto;flex:1;min-width:0}#flujo .flow-add-button{flex-basis:100%}#flujo #planning-fixed-section,#flujo #recurring-income-section{padding:18px}}
