:root {
  --nav-bg: #0a4f8c;
}

/* ── Navbar ─────────────────────────────────────── */
.navbar { background-color: var(--nav-bg) !important; }
.navbar-brand { font-size: 1.1rem; letter-spacing: .03em; }

/* ── Stat cards ──────────────────────────────────── */
.stat-card { border-left: 4px solid; border-radius: .5rem; }
.stat-card.azul   { border-color: #0d6efd; }
.stat-card.verde  { border-color: #198754; }
.stat-card.naranja{ border-color: #fd7e14; }
.stat-card.rojo   { border-color: #dc3545; }
.stat-card .icon  { font-size: 2rem; opacity: .15; }
.stat-card .valor { font-size: 1.5rem; font-weight: 700; }

/* ── Tables ──────────────────────────────────────── */
.table th { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: #6c757d; }
.table td { font-size: .9rem; vertical-align: middle; }
.table-hover tbody tr:hover { background-color: #f0f7ff; cursor: default; }

/* ── Badges de estado ────────────────────────────── */
.badge-pendiente  { background-color: #dc3545; }
.badge-parcial    { background-color: #fd7e14; }
.badge-cobrado    { background-color: #198754; }
.badge-disponible { background-color: #198754; }
.badge-agotado    { background-color: #6c757d; }
.badge-planificada{ background-color: #0dcaf0; color:#000; }
.badge-activa     { background-color: #0d6efd; }
.badge-cerrada    { background-color: #343a40; }
.badge-completada { background-color: #198754; }
.badge-en-proceso { background-color: #0d6efd; }
.badge-cancelada  { background-color: #dc3545; }

/* ── Modal ajustes ───────────────────────────────── */
.modal-header { background-color: var(--nav-bg); color: #fff; }
.modal-header .btn-close { filter: invert(1); }

/* ── Formularios ─────────────────────────────────── */
.form-label { font-weight: 500; font-size: .88rem; }

/* ── Loading/empty state ─────────────────────────── */
.empty-state { color: #adb5bd; padding: 2.5rem 0; text-align: center; }
.empty-state i { font-size: 2.5rem; display: block; margin-bottom: .5rem; }

/* ── Cards genéricas ─────────────────────────────── */
.card { border: none; box-shadow: 0 1px 6px rgba(0,0,0,.07); border-radius: .6rem; }
.card-header { background: #fff; border-bottom: 1px solid #f0f0f0; font-weight: 600; }

/* ── Totales en tabla ────────────────────────────── */
.tfoot-total td { font-weight: 700; background: #f8f9fa; }

/* ── Login page ──────────────────────────────────── */
.login-wrapper { min-height: 100vh; background: linear-gradient(135deg, #0a4f8c 0%, #1976d2 100%); }
.login-card    { border-radius: 1rem; overflow: hidden; }

/* ── Responsive tweaks ───────────────────────────── */
@media (max-width: 576px) {
  .stat-card .valor { font-size: 1.2rem; }
  main { padding: .75rem !important; }
}