body {
  background-color: #d3d3d3;
  font-family: 'Segoe UI', system-ui, sans-serif;
}

.card {
  border-radius: 12px;
}

.card-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.navbar-brand {
  letter-spacing: 1px;
}
/* Hace la tabla “elite” y no empuja toda la página */
.table-responsive{
  max-height: 520px;
  overflow: auto;
}

/* Header pegado al hacer scroll */
.table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
}

/* cajas de gráficos compactas */
.chart-box {
  height: 220px;           /* default */
  position: relative;
}

.chart-box.lg { height: 260px; }  /* barras */
.chart-box.sm { height: 180px; }  /* gauges */

/* canvas ocupa el contenedor */
.chart-box canvas {
  width: 100% !important;
  height: 100% !important;
}


/* ====== Tabla elite: no empuja todo ====== */
.table-wrap{
  max-height: 520px;
  overflow: auto;
}

.table-wrap thead th{
  position: sticky;
  top: 0;
  z-index: 2;
}