/* ============================================================
   AURA — re-tematización institucional del shell Metronic.
   Se carga DESPUÉS de styles.css y solo sobreescribe los tokens
   de color de marca, por lo que aplica a las ~55 páginas admin
   sin tocarlas. Identidad: verde Gobernación de Nariño + oro.
   ============================================================ */

:root {
  /* Verde institucional (la palabra "NARIÑO" del wordmark) */
  --primary: var(--color-green-600);
  --primary-foreground: var(--color-white);
  --ring: var(--color-green-600);
  /* Acento oro del escudo, disponible para detalles puntuales */
  --aura-gold: #f4b400;
}

.dark {
  --primary: var(--color-green-500);
  --primary-foreground: var(--color-white);
  --ring: var(--color-green-500);
}

/* ---- Marca en el sidebar: logo largo expandido / escudo colapsado ---- */
#sidebar .brand-mini { display: none; }
#sidebar .brand-full { max-height: 34px; width: auto; }

body.kt-sidebar-collapse #sidebar .brand-full { display: none; }
body.kt-sidebar-collapse #sidebar .brand-mini { display: block; max-height: 30px; width: auto; }

/* Centrar el header del sidebar cuando está colapsado */
body.kt-sidebar-collapse #sidebar_header { justify-content: center; }

/* ---- Cinta institucional oro→verde: firma compartida con el portal ---- */
.kt-sidebar-header::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, var(--aura-gold), var(--color-green-600));
  opacity: .9;
}

/* ============================================================
   Capa de pulido global. Solo afecta páginas que extienden
   header.html (Superset usa su propio layout y no carga este
   archivo). Refina los componentes Metronic compartidos.
   ============================================================ */

/* Cards: un poco de profundidad y radio más suave */
#content .kt-card,
.kt-wrapper .kt-card {
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 40, 28, .04), 0 6px 22px rgba(20, 40, 28, .05);
}

/* CTA primario con gradiente y sombra de marca (como el portal público).
   Se omite la sombra en botones chicos para no recargar las filas de tabla. */
.kt-btn-primary {
  background-image: linear-gradient(135deg, var(--color-green-700), var(--color-green-600));
  border-color: transparent;
}
.kt-btn-primary:not(.kt-btn-sm):not(.kt-btn-xs) {
  box-shadow: 0 6px 16px rgba(46, 158, 63, .22);
}
.kt-btn-primary:hover { filter: brightness(1.04); }

/* Cabeceras de tabla: tinte verde sutil + tipografía consistente.
   Cubre tanto kt-table como las tablas utilitarias de los listados. */
#content .kt-card table thead th {
  background: color-mix(in oklab, var(--primary) 5%, var(--background));
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted-foreground);
  white-space: nowrap;
}
#content .kt-card table thead th:first-child { border-top-left-radius: 10px; }
#content .kt-card table thead th:last-child  { border-top-right-radius: 10px; }

/* Filas: hover sutil y separadores tenues, consistente entre tablas */
#content .kt-card tbody tr { transition: background-color .12s ease; }
#content .kt-card tbody tr:hover { background: color-mix(in oklab, var(--primary) 4%, transparent); }

/* Inputs/selects: foco con el anillo verde (--ring ya es verde) más visible */
#content .kt-input:focus,
#content .kt-select:focus,
#content .kt-input:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent);
}

/* Encabezado de página: respiración consistente del subtítulo */
#content h1.text-xl { letter-spacing: -.01em; }