/* Mobile app enhancements are included in style.css. */

/* Balance mensual */
.mf-app-balance-section{margin-top:22px;padding-top:14px;border-top:1px solid var(--mf-border,#e5e7eb)}
.mf-app-balance-section h3{font-size:1rem;margin:0 0 10px}
.mf-balance-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--mf-border,#e5e7eb)}
.mf-balance-line:last-child{border-bottom:0}
.mf-balance-total{font-weight:750}
.mf-balance-empty{color:var(--mf-muted,#667085);padding:8px 0}
#mf-balance-month{width:100%;min-height:46px}

/* Gráfico de gastos por categoría — v0.3.4 */
.mf-category-chart-row{padding:12px 0;border-bottom:1px solid var(--mf-border,#e5e7eb)}
.mf-category-chart-row:last-child{border-bottom:0}
.mf-category-chart-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.mf-category-chart-top span{min-width:0;overflow-wrap:anywhere}
.mf-category-chart-top strong{white-space:nowrap}
.mf-category-chart-track{height:10px;background:#e9edf2;border-radius:999px;overflow:hidden}
.mf-category-chart-track span{display:block;height:100%;background:#3567a8;border-radius:999px;min-width:0}
.mf-category-chart-row small{display:block;color:var(--mf-muted,#667085);font-size:.84rem;margin-top:5px}

/* Presupuestos mensuales — v0.3.5 */
.mf-budget-intro{color:var(--mf-muted,#667085);margin:.25rem 0 1rem}
.mf-budget-form{padding:14px;border:1px solid var(--mf-border,#e5e7eb);border-radius:14px;background:#fff;margin-bottom:14px}
.mf-budget-form .mf-button{margin:6px 8px 0 0}
.mf-budget-form .mf-budget-cancel{background:#eef2f7;color:#243040}
.mf-budget-item{padding:14px 0;border-bottom:1px solid var(--mf-border,#e5e7eb)}
.mf-budget-item:last-child{border-bottom:0}
.mf-budget-top,.mf-budget-values{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mf-budget-top strong{overflow-wrap:anywhere}
.mf-budget-actions{display:flex;gap:10px;flex-shrink:0}
.mf-budget-actions button{border:0;background:transparent;color:#2457a6;text-decoration:underline;padding:4px;font:inherit;font-size:.88rem}
.mf-budget-actions .mf-budget-delete{color:#a52a2a}
.mf-budget-values{margin:8px 0;font-size:.92rem;flex-wrap:wrap}
.mf-budget-track{height:10px;border-radius:999px;background:#e9edf2;overflow:hidden}
.mf-budget-track span{display:block;height:100%;background:#2e8540;border-radius:999px}
.mf-budget-item.is-warning .mf-budget-track span{background:#c78312}
.mf-budget-item.is-over .mf-budget-track span{background:#b42318}
.mf-budget-status{margin:7px 0 0;font-size:.9rem;color:var(--mf-muted,#667085)}
.mf-budget-item.is-warning .mf-budget-status{color:#98620b;font-weight:650}
.mf-budget-item.is-over .mf-budget-status{color:#b42318;font-weight:700}
@media(max-width:480px){.mf-budget-top{align-items:flex-start}.mf-budget-actions{gap:4px}.mf-budget-actions button{font-size:.82rem}}