@charset "UTF-8";
/* ============================================================
   Palette Wall-IT v2 — sombre lisible
   Fichier : /var/www/glpi/files/_themes/wallit.scss
   Charte : bleu nuit + vert #12ef70 — contrastes WCAG AA/AAA
   ============================================================ */
:root[data-glpi-theme=wallit] {
  /* ---- Fonds : 3 niveaux de relief ---- */
  --wallit-page: #0a1020; /* fond de page */
  --wallit-card: #17213a; /* cartes, panneaux, tableaux */
  --wallit-field: #20304f; /* champs de saisie, listes déroulantes */
  --wallit-border: #3c4d78; /* bordures visibles */
  --wallit-hover: #243759; /* survol de lignes/menus */
  /* ---- Textes ---- */
  --wallit-text: #e6e9f0; /* 13:1 sur carte */
  --wallit-text-2: #a9b2c8; /* secondaire, 7.5:1 */
  --wallit-accent: #12ef70; /* vert Wall-IT, 11:1 sur carte */
  --wallit-accent-2:#0aa84f; /* vert foncé (hover / états actifs) */
  /* ---- Variables Tabler / GLPI ---- */
  --tblr-primary: var(--wallit-accent);
  --tblr-primary-rgb: 18, 239, 112;
  --tblr-primary-fg: #05130a;
  --tblr-link-color: var(--wallit-accent);
  --tblr-link-color-rgb: 18, 239, 112;
  --tblr-link-hover-color: #6bf7a6;
  --tblr-link-hover-color-rgb: 107, 247, 166;
  --tblr-secondary: #6b7899;
  --tblr-secondary-fg: #ffffff;
  --tblr-muted: var(--wallit-text-2);
  --tblr-secondary-color: var(--wallit-text-2);
  --tblr-body-bg: var(--wallit-page);
  --tblr-body-bg-rgb: 10, 16, 32;
  --tblr-body-color: var(--wallit-text);
  --tblr-body-color-rgb: 230, 233, 240;
  --tblr-bg-surface: var(--wallit-card);
  --tblr-bg-surface-secondary: var(--wallit-field);
  --tblr-bg-surface-tertiary: var(--wallit-hover);
  --tblr-bg-forms: var(--wallit-field);
  --tblr-card-bg: var(--wallit-card);
  --tblr-card-cap-bg: var(--wallit-field);
  --tblr-border-color: var(--wallit-border);
  --tblr-border-color-translucent: rgba(60, 77, 120, .7);
  --tblr-card-border-color: var(--wallit-border);
  --tblr-active-bg: var(--wallit-hover);
  --tblr-table-striped-bg: rgba(255,255,255,.03);
  --tblr-table-hover-bg: var(--wallit-hover);
  --tblr-dropdown-bg: var(--wallit-card);
  --tblr-dropdown-border-color: var(--wallit-border);
  --tblr-modal-bg: var(--wallit-card);
  --tblr-navbar-bg: var(--wallit-card);
  --glpi-mainmenu-bg: #070b16;
  --glpi-mainmenu-fg: #dfe4ee;
  /* échantillon dans la liste des palettes */
  --glpi-palette-color-1: #0a1020;
  --glpi-palette-color-2: #17213a;
  --glpi-palette-color-3: #12ef70;
  --glpi-palette-color-4: #e6e9f0;
}

/* ---- Renforts ciblés (au cas où une variable ne serait pas lue) ---- */
:root[data-glpi-theme=wallit] .card,
:root[data-glpi-theme=wallit] .modal-content,
:root[data-glpi-theme=wallit] .dropdown-menu,
:root[data-glpi-theme=wallit] .tab-content,
:root[data-glpi-theme=wallit] .table {
  background-color: var(--wallit-card) !important;
  border-color: var(--wallit-border) !important;
  color: var(--wallit-text);
}

:root[data-glpi-theme=wallit] .form-control,
:root[data-glpi-theme=wallit] .form-select,
:root[data-glpi-theme=wallit] .select2-container .select2-selection,
:root[data-glpi-theme=wallit] .input-group-text {
  background-color: var(--wallit-field) !important;
  border: 1px solid var(--wallit-border) !important;
  color: var(--wallit-text) !important;
}

:root[data-glpi-theme=wallit] .form-control::placeholder {
  color: var(--wallit-text-2);
  opacity: 1;
}

:root[data-glpi-theme=wallit] .form-control:focus,
:root[data-glpi-theme=wallit] .form-select:focus {
  border-color: var(--wallit-accent) !important;
  box-shadow: 0 0 0 0.2rem rgba(18, 239, 112, 0.25) !important;
}

:root[data-glpi-theme=wallit] .form-label,
:root[data-glpi-theme=wallit] label,
:root[data-glpi-theme=wallit] .col-form-label {
  color: var(--wallit-text-2);
}

:root[data-glpi-theme=wallit] .text-muted {
  color: var(--wallit-text-2) !important;
}

/* Boutons primaires : vert, texte sombre, vrai relief */
:root[data-glpi-theme=wallit] .btn-primary {
  background-color: var(--wallit-accent) !important;
  border-color: var(--wallit-accent) !important;
  color: #05130a !important;
  font-weight: 600;
}

:root[data-glpi-theme=wallit] .btn-primary:hover {
  background-color: var(--wallit-accent-2) !important;
  border-color: var(--wallit-accent-2) !important;
  color: #ffffff !important;
}

:root[data-glpi-theme=wallit] .btn-outline-secondary,
:root[data-glpi-theme=wallit] .btn-ghost-secondary {
  color: var(--wallit-text);
  border-color: var(--wallit-border);
}

/* Onglets et barre de navigation interne */
:root[data-glpi-theme=wallit] .nav-tabs .nav-link {
  color: var(--wallit-text-2);
}

:root[data-glpi-theme=wallit] .nav-tabs .nav-link.active {
  color: var(--wallit-accent);
  border-bottom: 2px solid var(--wallit-accent);
  background: transparent;
}

/* Tableaux : lignes lisibles */
:root[data-glpi-theme=wallit] .table > :not(caption) > * > * {
  border-bottom-color: var(--wallit-border);
  color: var(--wallit-text);
}

:root[data-glpi-theme=wallit] .table thead th {
  color: var(--wallit-text-2);
  background: var(--wallit-field);
}

:root[data-glpi-theme=wallit] .table-hover tbody tr:hover > * {
  background-color: var(--wallit-hover);
}

/* Menu latéral : item actif vert, survol visible */
:root[data-glpi-theme=wallit] .navbar-vertical .nav-link:hover {
  background: rgba(255, 255, 255, 0.05);
}

:root[data-glpi-theme=wallit] .navbar-vertical .nav-link.active,
:root[data-glpi-theme=wallit] .navbar-vertical .nav-item.active > .nav-link {
  color: var(--wallit-accent) !important;
}

/* Dashboard : cartes de widgets sur fond carte, pas sur blanc */
:root[data-glpi-theme=wallit] .dashboard .card {
  background-color: var(--wallit-card) !important;
}

:root[data-glpi-theme=wallit] .dashboard .card-title,
:root[data-glpi-theme=wallit] .dashboard .card .label {
  color: var(--wallit-text);
}

/* Badges / alertes : on garde les couleurs sémantiques, texte contrasté */
:root[data-glpi-theme=wallit] .alert {
  border-width: 1px;
}