.kpi-cuentas-page .kpi-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.kpi-cuentas-page .kpi-card{background:#fff;border:1px solid #dce5eb;border-radius:10px;overflow:hidden;min-width:0}.kpi-cuentas-page .kpi-card header{display:flex;justify-content:space-between;gap:12px;padding:20px 20px 12px}.kpi-cuentas-page .kpi-card h3{margin:0;font-size:18px;overflow-wrap:anywhere}.kpi-cuentas-page .kpi-card header p{margin:6px 0;color:#61748a;font-size:12px;overflow-wrap:anywhere}.kpi-cuentas-page .kpi-block{padding:15px 20px;border-top:1px solid #edf1f4}.kpi-cuentas-page .kpi-block-title{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.kpi-cuentas-page .kpi-block h4{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#52657b}.kpi-cuentas-page .kpi-metrics{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:16px;margin-top:16px;overflow-x:auto;padding-bottom:4px}.kpi-cuentas-page .kpi-metric{min-width:0}.kpi-cuentas-page .kpi-metric span,.kpi-cuentas-page .kpi-metric small{display:block;color:#61748a;font-size:12px}.kpi-cuentas-page .kpi-metric strong{display:block;font-size:22px;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0}.kpi-cuentas-page .kpi-metric.good strong{color:#147957}.kpi-cuentas-page .kpi-metric.bad strong{color:#b82a35}.kpi-cuentas-page .kpi-metric.warn strong{color:#a35b00}.kpi-cuentas-page .kpi-badge{border-radius:5px;padding:5px 8px;font-size:11px;line-height:1.3}.kpi-cuentas-page .kpi-badge.good{background:#e6f6ee;color:#147957}.kpi-cuentas-page .kpi-badge.bad{background:#fcebed;color:#a92330}.kpi-cuentas-page .kpi-badge.warn{background:#fff3df;color:#925100}.kpi-cuentas-page .kpi-badge.neutral{background:#edf1f4;color:#52657b}.kpi-cuentas-page .kpi-progress{height:5px;background:#edf1f4;margin-top:18px;overflow:hidden;border-radius:5px}.kpi-cuentas-page .kpi-progress span{display:block;height:100%;background:#178565}.kpi-cuentas-page .kpi-progress .bad{background:#b82a35}.kpi-cuentas-page .kpi-progress .warn{background:#c78113}.kpi-cuentas-page .kpi-card footer{padding:12px 20px;background:#f8fafb;border-top:1px solid #edf1f4}.kpi-cuentas-page .kpi-card footer small{color:#61748a;font-size:11px}.kpi-cuentas-page .kpi-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.kpi-cuentas-page .kpi-toggle{display:flex;align-items:center;gap:6px;font-size:12px;align-self:center}.kpi-cuentas-page .kpi-period,.kpi-cuentas-page .kpi-footnote{font-size:12px;color:#61748a;line-height:1.6}.kpi-cuentas-page .kpi-footnote{margin-top:18px}.kpi-cuentas-page .kpi-paused{opacity:.75}.kpi-cuentas-page .kpi-empty{padding:25px;background:#fff;border:1px dashed #cbd6df;border-radius:10px;grid-column:1/-1}.kpi-cuentas-page .kpi-empty h3{margin:0 0 10px;font-size:17px}.kpi-cuentas-page .kpi-empty p{margin:0;color:#61748a}.kpi-form-error{color:#b82a35}.kpi-history{padding:12px 0;border-bottom:1px solid #dce5eb;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:1100px){.kpi-cuentas-page .kpi-grid{grid-template-columns:1fr}}
@media(max-width:480px){.kpi-cuentas-page .kpi-card header,.kpi-cuentas-page .kpi-block{padding:15px}.kpi-cuentas-page .kpi-metric strong{font-size:19px}.kpi-cuentas-page .kpi-actions button{padding:7px 9px}.kpi-cuentas-page .kpi-card footer{padding:12px 15px}}.kpi-form [hidden]{display:none!important}

.kpi-cuentas-page .kpi-card{padding:0}
.kpi-cuentas-page .kpi-toggle{text-transform:none;letter-spacing:0;font-weight:500;white-space:nowrap;min-height:42px;align-self:flex-end;margin-left:8px}
.kpi-cuentas-page .kpi-toggle input{width:16px;height:16px;flex:0 0 16px;padding:0;margin:0}

/* Cada KPI ocupa el ancho completo; sus métricas conservan una fila. */
.kpi-cuentas-page .kpi-card>.kpi-block+.kpi-block .kpi-metrics{grid-template-columns:repeat(4,minmax(140px,1fr))}
@media(max-width:480px){.kpi-cuentas-page .kpi-block::after{content:"Deslizá horizontalmente para ver todos los valores.";display:block;font-size:11px;color:#61748a;margin-top:8px}}

/* Evolución anual: nombre fijo y meses con desplazamiento dentro de la tabla. */
.kpi-cuentas-page .kpi-evolution{margin-top:28px;min-width:0}
.kpi-cuentas-page .kpi-evolution h3{margin:0 0 8px;font-size:18px}
.kpi-cuentas-page .kpi-evolution>p{font-size:12px;color:#61748a;line-height:1.6}
.kpi-cuentas-page .kpi-evo-wrap{overflow:auto;max-height:650px;border:1px solid #dce5eb;border-radius:10px;background:#fff}
.kpi-cuentas-page .kpi-evo-table{table-layout:fixed;min-width:1560px;width:100%;border-collapse:separate;border-spacing:0}
.kpi-cuentas-page .kpi-evo-table th,.kpi-cuentas-page .kpi-evo-table td{padding:12px 9px;border-bottom:1px solid #e6edf2;border-right:1px solid #e6edf2;vertical-align:top}
.kpi-cuentas-page .kpi-evo-table thead th{position:sticky;top:0;z-index:2;background:#f0f5f8;color:#41566e;font-size:12px;text-align:left}
.kpi-cuentas-page .kpi-evo-table tr>th:first-child{width:180px;position:sticky;left:0;z-index:1;background:#fff;overflow-wrap:anywhere}
.kpi-cuentas-page .kpi-evo-table thead tr>th:first-child{z-index:3;background:#f0f5f8}
.kpi-cuentas-page .kpi-evo-table small{display:block;margin-top:5px;font-size:10px;line-height:1.4;font-weight:400;white-space:normal;color:#61748a}
.kpi-cuentas-page .kpi-evo-cell strong{display:block;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#243b53}
.kpi-cuentas-page .kpi-evo-cell.good{background:#edf8f2}.kpi-cuentas-page .kpi-evo-cell.bad{background:#fff0f1}
.kpi-cuentas-page .kpi-evo-cell.good .kpi-evo-delta{color:#147957}.kpi-cuentas-page .kpi-evo-cell.bad .kpi-evo-delta{color:#b82a35}
.kpi-cuentas-page .kpi-evo-cell.neutral{background:#f8fafc}
.kpi-cuentas-page .kpi-evo-table .kpi-evo-selected{box-shadow:inset 0 -3px #178565}