/* ---- Finanzas — pantalla única (migración 014) ----
   Reutiliza la base visual compartida (page-head, kpi-grid, card,
   form-grid, badge, subnav-pill, btn — definidas en
   shared/styles/shell.css y modules/equipo/styles.css) en vez de
   redefinirla acá. Solo lo específico del dashboard de Finanzas vive
   en este archivo. Las reglas de la etapa anterior (tabs/tabla de
   gastos fijos y variables, lista de vencimientos) se retiraron junto
   con el módulo tabulado que reemplazan — ver modules/finanzas/index.js. */

.finanzas-page-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:1.2rem; flex-wrap:wrap;
}
.finanzas-header-actions{display:flex; gap:.6rem; flex-shrink:0;}

.finanzas-mes-nav{
  display:flex; align-items:center; gap:.9rem; margin-bottom:1.1rem;
}
.finanzas-mes-label{
  font-family: var(--font-display); font-size:17px; font-weight:600; min-width:170px; text-align:center;
}

/* ---- Hero: dinero disponible ---- */
.finanzas-hero{padding:1.6rem 1.8rem; margin-bottom:1.1rem;}
.finanzas-hero-label{
  display:flex; align-items:center; gap:.5rem; color:var(--text-dim); font-size:12.5px;
  font-weight:600; text-transform:uppercase; letter-spacing:.02em; margin-bottom:.35rem;
}
.finanzas-hero-value{font-family:var(--font-display); font-size:40px; font-weight:700; color:var(--text); line-height:1.1;}
.finanzas-hero-sub{display:flex; align-items:baseline; gap:.6rem; margin-top:.8rem; font-size:14px; color:var(--text-dim);}
.finanzas-hero-sub b{font-size:19px; font-family:var(--font-display);}
.finanzas-hero-sub b.is-good{color:var(--good);}
.finanzas-hero-sub b.is-warn{color:var(--warn);}
.finanzas-hero-nota{font-size:11.5px; color:var(--text-faint); margin-top:.9rem; line-height:1.5; max-width:64ch;}

/* ---- Barras de progreso: ingresos / gastos del mes ---- */
.finanzas-barras-row{display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1.1rem;}
@media (max-width:760px){ .finanzas-barras-row{grid-template-columns:1fr;} }
.finanzas-barra-card{padding:1.2rem 1.3rem;}
.finanzas-barra-head{display:flex; align-items:center; justify-content:space-between; gap:.6rem; font-size:13.5px; margin-bottom:.65rem;}
.finanzas-barra-head > span:first-child{color:var(--text-dim); font-weight:600;}
.finanzas-barra-head-right{display:flex; align-items:center; gap:.4rem;}
.finanzas-barra-head b{font-size:14.5px; white-space:nowrap;}
.finanzas-btn-objetivo{padding:.2rem .45rem; line-height:0;}
.finanzas-progress{height:9px; border-radius:99px; background:var(--bg-sunken); overflow:hidden;}
.finanzas-progress-fill{height:100%; border-radius:99px; background:var(--accent); transition:width .3s ease;}
.finanzas-barra-pct{font-size:11px; color:var(--text-faint); margin-top:.3rem; text-align:right;}
.finanzas-barra-detalle{display:flex; flex-direction:column; gap:.32rem; margin-top:.9rem; font-size:12.5px;}
.finanzas-barra-detalle > div{display:flex; justify-content:space-between;}
.finanzas-barra-detalle b.is-good{color:var(--good);}
.finanzas-barra-detalle b.is-warn{color:var(--warn);}
.finanzas-barra-detalle b.is-bad{color:var(--bad);}

/* ---- Por entrar ---- */
.finanzas-por-entrar{margin-bottom:1.1rem;}
.finanzas-por-entrar h3{font-size:15px; margin-bottom:.8rem;}
.finanzas-por-entrar-list{display:flex; flex-direction:column; gap:0;}
.finanzas-por-entrar-item{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.55rem 0; border-bottom:1px solid var(--border-soft); font-size:13.5px;}
.finanzas-por-entrar-item:last-child{border-bottom:none;}
.finanzas-por-entrar-nombre{display:flex; flex-direction:column; gap:.1rem; min-width:0;}
.finanzas-por-entrar-nombre span{font-size:11.5px; color:var(--text-faint);}
.finanzas-por-entrar-total{display:flex; justify-content:space-between; padding-top:.75rem; margin-top:.3rem; border-top:1px solid var(--border-soft); font-size:13.5px; font-weight:600;}

/* ---- Gastos fijos / Próximos movimientos (dos columnas) ---- */
.finanzas-dos-col{display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1.1rem; align-items:start;}
@media (max-width:760px){ .finanzas-dos-col{grid-template-columns:1fr;} }
.finanzas-dos-col h3{font-size:15px; margin-bottom:.8rem;}

.finanzas-fijos-list{display:flex; flex-direction:column; gap:0;}
.finanzas-fijos-item{display:flex; justify-content:space-between; padding:.5rem .3rem; margin:0 -.3rem; border-bottom:1px solid var(--border-soft); font-size:13.5px; cursor:pointer; border-radius:var(--radius-s); transition:background .12s ease;}
.finanzas-fijos-item:last-child{border-bottom:none;}
.finanzas-fijos-item:hover{background:var(--bg-sunken);}
.finanzas-fijos-total{display:flex; justify-content:space-between; padding-top:.75rem; margin-top:.3rem; border-top:1px solid var(--border-soft); font-size:13.5px; font-weight:600;}

.finanzas-mov-list{display:flex; flex-direction:column; gap:0;}
.finanzas-mov-item{
  display:grid; grid-template-columns:48px 1fr auto auto; align-items:center; gap:.7rem;
  padding:.55rem .3rem; margin:0 -.3rem; border-bottom:1px solid var(--border-soft); font-size:13px;
  cursor:pointer; border-radius:var(--radius-s); transition:background .12s ease;
}
.finanzas-mov-item:last-child{border-bottom:none;}
.finanzas-mov-item:hover{background:var(--bg-sunken);}
.finanzas-mov-fecha{
  font-size:11px; font-weight:700; color:var(--accent-dark); text-transform:uppercase;
  background:var(--accent-soft); border-radius:var(--radius-s); text-align:center; padding:.3rem 0;
}
.finanzas-mov-nombre{display:flex; flex-direction:column; gap:.1rem; min-width:0;}
.finanzas-mov-nombre span{font-size:11px; color:var(--text-faint);}
.finanzas-mov-item b.is-good{color:var(--good); white-space:nowrap;}
.finanzas-mov-item b.is-bad{color:var(--bad); white-space:nowrap;}
@media (max-width:600px){
  .finanzas-mov-item{grid-template-columns:44px 1fr auto; grid-template-rows:auto auto; row-gap:.3rem;}
  .finanzas-mov-item .finanzas-mov-fecha{grid-row:1 / 3;}
  .finanzas-mov-item .badge{grid-column:2 / 4; justify-self:start;}
}

/* ---- Resultado proyectado ---- */
.finanzas-resultado{margin-bottom:1.1rem;}
.finanzas-resultado h3{display:flex; align-items:center; gap:.5rem; font-size:15px; margin-bottom:.8rem;}
.finanzas-resultado-row{display:flex; justify-content:space-between; padding:.45rem 0; font-size:13.5px; border-bottom:1px solid var(--border-soft);}
.finanzas-resultado-row:last-of-type{border-bottom:none;}
.finanzas-resultado-row b{font-size:14.5px;}
.finanzas-resultado-total{padding-top:.75rem; margin-top:.2rem; border-top:1px solid var(--border-soft);}
.finanzas-resultado-total b{font-size:18px; font-family:var(--font-display);}
.finanzas-pr-nota{font-size:11.5px; color:var(--text-faint); margin-top:.8rem; line-height:1.5;}

/* ---- Formularios + Ingreso / + Gasto ---- */
.finanzas-tipo-monto-toggle{display:flex; gap:.4rem;}
.finanzas-form-nota{font-size:11.5px; color:var(--text-faint); margin:.9rem 0 0; line-height:1.5;}