/* Admin pages only */
body.admin-page {
  margin-top: 50px;
}

@media (max-width: 1100px) {
    body.admin-page {
      margin-top: 200px;
    }
}

@media (max-width: 720px) {
    body.admin-page {
      margin-top: 200px;
    }
}

span.lien {
  margin-left: 5px;
  padding: 2px 5px;
  border-radius: 4px;
  font-weight: 600;
  background-color: #e87684;
  cursor: pointer;
  border: none;
  transition: 0.3s;
  margin-bottom: 10px;
  display: inline-block;
}

a.lien{
  color: rgb(255, 255, 255);
}

span.resultat {
  color: rgb(255, 255, 255);
  margin-left: 5px;
  padding: 2px 5px;
  border-radius: 4px;
  font-weight: 600;
  background-color: #e8768485;
  border: none;
  transition: 0.3s;
  display: inline-block;
}

html.theme-dark body {
  background-color: var(--color-background, #0b101d);
  color: var(--color-text, #eef3ff);
}
html.theme-dark .admin-shell,
html.theme-dark .audit-shell {
  background: transparent;
}
html.theme-dark .admin-hero,
html.theme-dark .audit-hero {
  background: linear-gradient(135deg, rgba(14, 18, 35, 0.98), rgba(30, 39, 62, 0.95));
  color: var(--color-text, #eef3ff);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}
html.theme-dark .admin-hero p,
html.theme-dark .audit-hero p,
html.theme-dark .hero-summary p,
html.theme-dark .hero-note p,
html.theme-dark .summary-chip span,
html.theme-dark .meta,
html.theme-dark .label,
html.theme-dark .muted,
html.theme-dark .status-pill,
html.theme-dark .hero-pill,
html.theme-dark .section-title h2,
html.theme-dark .chart-card h2,
html.theme-dark .top-item strong,
html.theme-dark .summary-card strong,
html.theme-dark .summary-chip strong {
  color: var(--color-text, #eef3ff);
}
html.theme-dark .hero-summary,
html.theme-dark .hero-note,
html.theme-dark .admin-card,
html.theme-dark .card,
html.theme-dark .summary-chip,
html.theme-dark .chart-card,
html.theme-dark .chart-period-bar,
html.theme-dark .summary-card,
html.theme-dark .mini-stat,
html.theme-dark .top-item,
html.theme-dark .log,
html.theme-dark .run,
html.theme-dark .section-title,
html.theme-dark .summary-grid,
html.theme-dark .charts-grid,
html.theme-dark .mini-dashboard,
html.theme-dark .toolbar {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
}
html.theme-dark .input,
html.theme-dark .select,
html.theme-dark .role-select,
html.theme-dark .search-input,
html.theme-dark .filter-select {
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text, #eef3ff);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
html.theme-dark .btn-ghost,
html.theme-dark .shortcut-bar a,
html.theme-dark .page-link {
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text, #eef3ff);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
html.theme-dark .btn-primary {
  background: var(--color-accent, #ff8aa2);
  color: #111;
}
html.theme-dark .badge {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text, #eef3ff);
}
html.theme-dark .badge-user { background: rgba(226, 238, 255, 0.12); color: #9bb7ff; }
html.theme-dark .badge-admin { background: rgba(255, 228, 209, 0.12); color: #ffc69f; }
html.theme-dark .badge-super { background: rgba(220, 255, 227, 0.12); color: #7adfa1; }
html.theme-dark .badge-standard { background: rgba(245, 245, 245, 0.08); color: #d7dade; }
html.theme-dark .badge-pro { background: rgba(226, 243, 255, 0.12); color: #a9d8ff; }
html.theme-dark .badge-warning { background: rgba(255, 242, 205, 0.12); color: #f2c46c; }
html.theme-dark .badge-success { background: rgba(232, 255, 240, 0.12); color: #9dde9e; }
html.theme-dark .badge-danger { background: rgba(255, 211, 217, 0.12); color: #ff9cb0; }
html.theme-dark .status-pill {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text, #eef3ff);
}
html.theme-dark .page-link.active {
  background: var(--color-text, #eef3ff);
  color: var(--color-background, #0b101d);
  border-color: transparent;
}
html.theme-dark table,
html.theme-dark th,
html.theme-dark td {
  color: var(--color-text, #eef3ff);
  border-color: rgba(255, 255, 255, 0.08);
}
html.theme-dark th { background: rgba(255, 255, 255, 0.04); }
html.theme-dark td { background: rgba(255, 255, 255, 0.03); }
html.theme-dark .run-logs {
  background: rgba(18, 21, 34, 0.96);
  color: #eef3ff;
  border-color: rgba(255, 255, 255, 0.08);
}
html.theme-dark .top-item { background: rgba(255, 255, 255, 0.05); }
html.theme-dark .mini-stat { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30); }