/* mm-server — compléments au design system MERIDIAN (style.css, copie conforme mm-tools).
   Ne contient que ce que MERIDIAN ne couvre pas. */

/* Marque navbar : logo + libellé */
.navbar-brand .brand-label {
  font-weight: 600;
  font-size: 1rem;
  color: var(--mm-nav-active);
  letter-spacing: .01em;
}

/* Badges de statut HTTP */
.status-badge {
  display: inline-block;
  min-width: 3.25rem;
  padding: .2rem .5rem;
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  font-size: .75rem;
  font-weight: 500;
  text-align: center;
}
.status-up      { background: rgba(22, 163, 74, .1);  color: var(--mm-success); }
.status-down    { background: rgba(220, 38, 38, .1);  color: var(--mm-danger); }
.status-unknown { background: rgba(113, 113, 122, .1); color: var(--mm-muted); }

/* Pages d'authentification */
.auth-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
}
.auth-card { width: 100%; max-width: 420px; }
.auth-card.auth-card-wide { max-width: 560px; }
.auth-logo { display: block; width: 64px; height: 64px; margin: 0 auto 1rem; }

.backup-codes-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .5rem;
  font-family: var(--font-mono);
  list-style: none;
  padding: 0;
}
.backup-codes-grid li {
  background: var(--mm-bg);
  border: 1px solid var(--mm-border);
  border-radius: var(--radius-sm);
  padding: .4rem .6rem;
  text-align: center;
}

.qr-wrapper svg { width: 200px; height: 200px; }

/* État vide */
.empty-state { text-align: center; padding: 3rem 1rem; }
.empty-state .bi { font-size: 2.5rem; color: var(--mm-muted-2); }

/* Largeurs max (pas de style="" inline : CSP style-src 'self', cf. public/.htaccess) */
.form-card { max-width: 720px; }
.table-search-group { max-width: 420px; }

/* Jauges de charge (vue parc). Largeur par classe : pas de style="" (CSP). */
.gauge { min-width: 7rem; }
.gauge .progress { height: .375rem; }
.gauge-text { font-family: var(--font-mono); font-size: .7rem; color: var(--mm-muted); white-space: nowrap; }
.gauge-w-0 { width: 0%; }     .gauge-w-5 { width: 5%; }     .gauge-w-10 { width: 10%; }
.gauge-w-15 { width: 15%; }   .gauge-w-20 { width: 20%; }   .gauge-w-25 { width: 25%; }
.gauge-w-30 { width: 30%; }   .gauge-w-35 { width: 35%; }   .gauge-w-40 { width: 40%; }
.gauge-w-45 { width: 45%; }   .gauge-w-50 { width: 50%; }   .gauge-w-55 { width: 55%; }
.gauge-w-60 { width: 60%; }   .gauge-w-65 { width: 65%; }   .gauge-w-70 { width: 70%; }
.gauge-w-75 { width: 75%; }   .gauge-w-80 { width: 80%; }   .gauge-w-85 { width: 85%; }
.gauge-w-90 { width: 90%; }   .gauge-w-95 { width: 95%; }   .gauge-w-100 { width: 100%; }

.badge-lune      { background: var(--mm-accent-dim); color: var(--mm-accent); }
.badge-principal { background: rgba(113, 113, 122, .1); color: var(--mm-muted); }