/* Thème MODERN – sombre, pill buttons, sidebar glassy */

.dnet-theme-modern {
  --dnet-color-primary: #2563eb;
  --dnet-color-primary-soft: rgba(37, 99, 235, 0.18);
  --dnet-color-surface: #0f172a;
  --dnet-color-border: #1e293b;
  --dnet-color-text: #e5e7eb;
  --dnet-color-text-muted: #94a3b8;
  --dnet-radius-md: 16px;
  --dnet-shadow-soft: 0 24px 60px rgba(15, 23, 42, 0.7);
}

/* Sidebar glassy */
.dnet-theme-modern .dnet-sidebar-inner {
  background: radial-gradient(circle at top left, rgba(37,99,235,0.35), rgba(15,23,42,0.98));
  border: 1px solid rgba(148,163,184,0.45);
  color: #e5e7eb;
}

.dnet-theme-modern .dnet-sidebar-title {
  color: #f9fafb;
}

.dnet-theme-modern .dnet-sidebar-subtitle {
  color: #94a3b8;
}

.dnet-theme-modern .dnet-sidebar-link {
  color: #cbd5f5;
  font-size: 0.88rem;
}

.dnet-theme-modern .dnet-sidebar-link i {
  margin-right: 6px;
  opacity: 0.85;
}

.dnet-theme-modern .dnet-sidebar-link:hover {
  background: rgba(37, 99, 235, 0.28);
  color: #f9fafb;
}

.dnet-theme-modern .dnet-sidebar-link.active {
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #f9fafb;
}

/* Checkbox pills dans le builder */
.dnet-theme-modern .dnet-checkbox-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dnet-theme-modern .dnet-checkbox-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(15,23,42,0.5);
  border-radius: 999px;
  padding: 4px 11px;
  cursor: pointer;
  border: 1px solid rgba(148,163,184,0.5);
}

.dnet-theme-modern .dnet-checkbox-pill input[type="checkbox"] {
  margin: 0;
}

.dnet-theme-modern .dnet-checkbox-pill span {
  font-size: 0.82rem;
}

.dnet-theme-modern .dnet-checkbox-pill:hover {
  border-color: rgba(37,99,235,0.9);
}

.dnet-theme-modern .dnet-checkbox-pill input[type="checkbox"]:checked + span {
  font-weight: 600;
  color: #60a5fa;
}

/* Boutons frontend/admin */
.dnet-theme-modern .dnet-btn,
.dnet-theme-modern .dnet-btn-action,
.dnet-theme-modern .dnet-btn-tile {
  border-radius: 999px;
  padding-inline: 14px;
  font-size: 0.8rem;
  border: none;
  background: rgba(15,23,42,0.9);
  color: #e5e7eb;
}

.dnet-theme-modern .dnet-btn:hover,
.dnet-theme-modern .dnet-btn-action:hover,
.dnet-theme-modern .dnet-btn-tile:hover {
  background: #2563eb;
  color: #f9fafb;
}

/* Cartes tuiles */
.dnet-theme-modern .dnet-tile-card {
  background: radial-gradient(circle at top, rgba(148,163,184,0.15), rgba(15,23,42,0.98));
  border: 1px solid rgba(15,23,42,1);
  box-shadow: 0 20px 45px rgba(15,23,42,0.8);
}