body {
    background-color: #121212 !important;
}

.custom-card {
    background-color: #1c1c1c !important;
    border-width: 2px !important;
}

.table {
    border-radius: 8px;
    overflow: hidden;
}

/* Navbar general */
.navbar {
    border-bottom: 2px solid #333;
}

/* Botón hamburguesa */
.navbar-toggler {
    font-size: 1.25rem;      /* ícono más grande */
    padding: 0.5rem 0.75rem; /* espacio alrededor */
}

/* Links del navbar */
.nav-link {
    font-size: 1rem;         /* tamaño legible */
    padding: 0.5rem 1rem;
}

/* Marca / logo */
.navbar-brand {
    font-size: 1.25rem;
    font-weight: bold;
}
/* General */
h1 { margin-bottom:20px; }

/* Tarjetas */
.card { 
  background:white; 
  padding:15px; 
  border-radius:10px; 
  box-shadow:0 2px 5px rgba(0,0,0,0.2);
}
.title { font-size:18px; margin-bottom:10px; }
.circle { width:14px; height:14px; border-radius:50%; display:inline-block; margin-right:6px; }
.green { background:#00C851; }
.red { background:#ff4444; }
.viol { background:#fff3f3; border-left:5px solid red; margin-top:10px; padding:10px; border-radius:6px; }

button { padding:6px 12px; margin-right:10px; }

/* Métricas y Plugins en grid */
#metrics, #plugins {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columnas en PC */
  gap: 20px;
}

/* Responsive: 1 columna en móvil */
@media (max-width: 768px) {
  #metrics, #plugins {
    grid-template-columns: 1fr;
  }
}