/* ============================================================
   Economía del Hogar — Estilos propios
   Solo reglas que Bootstrap 5 no cubre o que necesitan ajuste.
   ============================================================ */

/* ── Filas clicables (tablas) ────────────────────────────────── */
.year-row {
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}

/* ── Tarjetas de gráficas ────────────────────────────────────── */
.chart-card .card-body {
	padding: 1rem;
}

.chart-card canvas {
	max-height: 280px;
}

/* ── Navbar: ajuste del botón de admin ───────────────────────── */
.navbar .btn-outline-warning {
	border-color: rgba(255, 193, 7, 0.6);
}

/* ── Footer ──────────────────────────────────────────────────── */
footer {
	font-size: 0.85rem;
}

/* ── Alertas flash: margen superior ─────────────────────────── */
.alert {
	margin-top: 0.5rem;
}

/* ── Tablas: fila seleccionada ───────────────────────────────── */
.table tbody tr.active-row td {
	background-color: rgba(13, 110, 253, 0.08);
}

/* ── Badges de estado ────────────────────────────────────────── */
.badge-paga-extra {
	background-color: #198754;
	color: #fff;
	font-size: 0.7rem;
	padding: 0.2em 0.5em;
	border-radius: 0.25rem;
}

.badge-productividad {
	background-color: #0080ff;
	color: #fff;
	font-size: 0.7rem;
	padding: 0.2em 0.5em;
	border-radius: 0.25rem;
}

.badge-cde {
	background-color: #ff8080;
	color: #fff;
	font-size: 0.7rem;
	padding: 0.2em 0.5em;
	border-radius: 0.25rem;
}