/* ============================================================
   public/css/style.css - Ajustes propios del sistema ACSOVEN
   (complementa los estilos de vendor/metis.css)
   ============================================================ */

body.metis { font-size: 14.5px; }

/* Tarjetas KPI con degradado sutil */
.kpi-card { background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFD 100%); }

/* Filtro compacto del listado de clientes */
.filtros .form-label { font-size: 12px; font-weight: 600; color: #475467; margin-bottom: 4px; }
.filtros .form-control, .filtros .form-select { font-size: 13.5px; }

/* Paginacion */
.metis-contenido .pagination { --bs-pagination-color: #1B6B7A; --bs-pagination-active-bg: #1B6B7A; --bs-pagination-active-border-color: #1B6B7A; margin-bottom: 0; }

/* Tabla de leads */
.met-tabla thead th { background: #F8FAFC; }

/* Login */
.met-login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1E2A32;
  background: radial-gradient(circle at 20% 20%, #24404e 0%, #1E2A32 55%);
}
.met-login .card { width: 100%; max-width: 400px; border: none; border-radius: 14px; }
.met-login .logo { font-size: 22px; font-weight: 700; color: #1E2A32; text-align: center; margin-bottom: 4px; }
.met-login .logo .brand-dot {
  display: inline-block; width: 10px; height: 10px; border-radius: 50%;
  background: #37DCF2; margin-right: 8px;
}
.met-login .sub { text-align: center; color: #667085; font-size: 13.5px; margin-bottom: 18px; }

/* Graficos: altura fija para evitar saltos de layout */
.chart-box { position: relative; height: 260px; }
.chart-box-sm { position: relative; height: 220px; }

/* Vista de error */
.met-error { min-height: 100vh; display: flex; align-items: center; justify-content: center; }