:root {
  --app-primario: #1f3a5f;
  --app-primario-hover: #172c48;
  --app-fondo: #f3f5f8;
  --app-borde: #e2e6ec;
}

body { background-color: var(--app-fondo); }

/* Barra de navegación */
.app-navbar { background-color: var(--app-primario); box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.app-navbar .nav-link.active { color: #fff !important; font-weight: 600; box-shadow: inset 0 -3px 0 #8fb4e3; }
.app-navbar .dropdown-menu { background-color: var(--app-primario-hover); }

/* Indicador de caja en la barra */
.caja-pill {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .8rem; font-weight: 600; text-decoration: none;
  padding: .25rem .7rem; border-radius: 999px;
}
.caja-pill .dot { width: .55rem; height: .55rem; border-radius: 50%; background: currentColor; }
.caja-pill.abierta { background: #d1f0dc; color: #146c43; }
.caja-pill.cerrada { background: #fff0c2; color: #8a6100; }

/* Botones principales en el color de la escribanía */
.btn-primary { --bs-btn-bg: var(--app-primario); --bs-btn-border-color: var(--app-primario);
  --bs-btn-hover-bg: var(--app-primario-hover); --bs-btn-hover-border-color: var(--app-primario-hover);
  --bs-btn-active-bg: var(--app-primario-hover); --bs-btn-active-border-color: var(--app-primario-hover); }

/* Tarjetas y tablas */
.card { margin-bottom: 1rem; border-color: var(--app-borde); box-shadow: 0 1px 3px rgba(16,24,40,.05); }
.card-header { background-color: #fff; font-weight: 600; border-bottom-color: var(--app-borde); }
.table td, .table th { vertical-align: middle; }
.table thead th { font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; color: #6b7280; font-weight: 600; }
.table-responsive > .table { border-radius: .5rem; overflow: hidden; }
.text-end, td.text-end { font-variant-numeric: tabular-nums; }

.badge-anulado { text-decoration: line-through; opacity: 0.6; }
.big-btn { font-size: 1.1rem; padding: 0.9rem 1.2rem; }
.cert-row .form-control { margin-bottom: 0.25rem; }

/* Tarjetas de números del inicio */
.kpi-card { background: #fff; border: 1px solid var(--app-borde); border-radius: .6rem;
  padding: 1rem 1.1rem; height: 100%; box-shadow: 0 1px 3px rgba(16,24,40,.05); }
.kpi-label { font-size: .8rem; color: #6b7280; text-transform: uppercase; letter-spacing: .03em; }
.kpi-value { font-size: 1.6rem; font-weight: 700; font-variant-numeric: tabular-nums; color: #111827; }
.kpi-link { text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.kpi-link:hover { border-color: #8fb4e3; box-shadow: 0 2px 8px rgba(31,58,95,.12); }

/* Total en vivo de la carga de acta */
.total-acta { background: #eef3fa; border: 1px solid #d3e0f0; border-radius: .5rem; }
.total-acta #totalActa { font-variant-numeric: tabular-nums; color: var(--app-primario); }