:root {
  --tm-rojo: #c8102e;
  --tm-oscuro: #1d1d1b;
}

body {
  background-color: #f5f6f8;
}

.navbar-tm {
  background-color: var(--tm-oscuro);
}

.navbar-tm .navbar-brand,
.navbar-tm .nav-link {
  color: #fff !important;
}

.navbar-tm .nav-link.active {
  color: var(--tm-rojo) !important;
  font-weight: 600;
}

.login-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1d1d1b 0%, #3a3a38 100%);
}

.login-card {
  width: 100%;
  max-width: 380px;
}

.brand-dot {
  color: var(--tm-rojo);
}

.resultado-ok {
  color: #198754;
}

.resultado-error {
  color: #dc3545;
}

.card-nivel {
  cursor: pointer;
}

.table-logs {
  font-size: 0.85rem;
}