@charset "UTF-8";
/* =========================================================
   GLPI Theme – Academedia Corporate Style
   Vollversion – anthrazit, lesbare Menüs, Hero ausgeblendet
   ========================================================= */
:root[data-glpi-theme=academedia] {
  --tblr-primary: #244785;
  --tblr-secondary: #1f3767;
  --tblr-navbar-bg: #2b2f36;
  --tblr-navbar-color: #ffffff;
  --tblr-mainmenu-bg: #2b2f36;
  --tblr-mainmenu-fg: #ffffff;
  --tblr-body-bg: #f5f8fc;
  --tblr-card-bg: #ffffff;
  --tblr-card-border-color: #d9e3ef;
  --tblr-link-color: #244785;
  --tblr-input-bg: #ffffff;
  --tblr-input-border-color: #d4ddea;
}

/* =========================================================
   BODY
   ========================================================= */
:root[data-glpi-theme=academedia] body {
  background: #f5f8fc !important;
  color: #25324a !important;
}

/* =========================================================
   HEADER
   ========================================================= */
:root[data-glpi-theme=academedia] header.navbar {
  background: #2b2f36 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18) !important;
  --tblr-link-color: #ffffff !important;
  --tblr-link-hover-color: #8fdc9a !important;
}

/* Header allgemein */
:root[data-glpi-theme=academedia] header.navbar,
:root[data-glpi-theme=academedia] header.navbar * {
  color: #f8fafc !important;
}

/* Header Utility-Klassen */
:root[data-glpi-theme=academedia] header.navbar .text-muted,
:root[data-glpi-theme=academedia] header.navbar .text-secondary,
:root[data-glpi-theme=academedia] header.navbar .text-body,
:root[data-glpi-theme=academedia] header.navbar .text-reset,
:root[data-glpi-theme=academedia] header.navbar .link-secondary,
:root[data-glpi-theme=academedia] header.navbar .link-body,
:root[data-glpi-theme=academedia] header.navbar small,
:root[data-glpi-theme=academedia] header.navbar .text-truncate {
  color: #dbe4f0 !important;
  opacity: 1 !important;
}

/* Header Links */
:root[data-glpi-theme=academedia] header.navbar a,
:root[data-glpi-theme=academedia] header.navbar .nav-link,
:root[data-glpi-theme=academedia] header.navbar .dropdown-toggle {
  color: #ffffff !important;
}

:root[data-glpi-theme=academedia] header.navbar a:hover,
:root[data-glpi-theme=academedia] header.navbar .nav-link:hover,
:root[data-glpi-theme=academedia] header.navbar .dropdown-toggle:hover {
  color: #8fdc9a !important;
}

/* Header Icons */
:root[data-glpi-theme=academedia] header.navbar i,
:root[data-glpi-theme=academedia] header.navbar svg,
:root[data-glpi-theme=academedia] header.navbar .ti,
:root[data-glpi-theme=academedia] header.navbar .icon {
  color: #e6edf7 !important;
  fill: currentColor !important;
}

/* Suchfeld im Header */
:root[data-glpi-theme=academedia] header.navbar input,
:root[data-glpi-theme=academedia] header.navbar .form-control {
  color: #111827 !important;
  background: #ffffff !important;
}

:root[data-glpi-theme=academedia] header.navbar input::placeholder,
:root[data-glpi-theme=academedia] header.navbar .form-control::placeholder {
  color: #6b7280 !important;
  opacity: 1 !important;
}

/* =========================================================
   LOGO
   ========================================================= */
:root[data-glpi-theme=academedia] header.navbar a.navbar-brand img {
  display: none !important;
}

:root[data-glpi-theme=academedia] header.navbar a.navbar-brand {
  display: block !important;
  width: 260px !important;
  height: 52px !important;
  background-image: url("/pics/AME.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

/* =========================================================
   USER-DROPDOWN / PROFILMENÜ
   WICHTIG: Header-Farben hier gezielt wieder dunkel setzen
   ========================================================= */
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu,
:root[data-glpi-theme=academedia] .navbar .dropdown-menu {
  background: #ffffff !important;
  color: #24324a !important;
  border: 1px solid #d9e3ef !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(26, 45, 84, 0.14) !important;
  min-width: 320px !important;
}

/* Alles im Dropdown dunkel */
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu *,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu *,
:root[data-glpi-theme=academedia] .navbar .dropdown-menu * {
  color: #24324a !important;
  opacity: 1 !important;
}

/* Header / Benutzername im Dropdown */
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu .dropdown-header,
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu h6,
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu .fw-bold,
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu strong,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu .dropdown-header,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu h6,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu .fw-bold,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu strong {
  color: #244785 !important;
}

/* Dropdown-Items */
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu .dropdown-item,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu .dropdown-item,
:root[data-glpi-theme=academedia] .navbar .dropdown-menu .dropdown-item {
  color: #24324a !important;
  background: transparent !important;
  border-radius: 10px !important;
}

:root[data-glpi-theme=academedia] header.navbar .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu .dropdown-item:focus,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu .dropdown-item:focus,
:root[data-glpi-theme=academedia] .navbar .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=academedia] .navbar .dropdown-menu .dropdown-item:focus {
  background: #eef3f9 !important;
  color: #244785 !important;
}

/* Icons im Dropdown */
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu i,
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu svg,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu i,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu svg,
:root[data-glpi-theme=academedia] .navbar .dropdown-menu i,
:root[data-glpi-theme=academedia] .navbar .dropdown-menu svg {
  color: #5c6f8f !important;
  fill: currentColor !important;
}

/* Sprache / Select im Dropdown */
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu select,
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu .form-select,
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu .form-control,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu select,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu .form-select,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu .form-control {
  background: #ffffff !important;
  color: #24324a !important;
  border: 1px solid #d4ddea !important;
  border-radius: 12px !important;
}

/* Pfeil / Caret */
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu::before,
:root[data-glpi-theme=academedia] header.navbar .dropdown-menu::after,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu::before,
:root[data-glpi-theme=academedia] .profile-dropdown .dropdown-menu::after {
  border-bottom-color: #ffffff !important;
}

/* =========================================================
   SIDEBAR
   ========================================================= */
:root[data-glpi-theme=academedia] .navbar-vertical {
  background: #2b2f36 !important;
}

/* Hauptpunkte links */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link,
:root[data-glpi-theme=academedia] .navbar-vertical .menu-label,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-item > a,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle {
  color: #e6edf7 !important;
  opacity: 1 !important;
}

/* Falls GLPI muted/disabled Klassen setzt */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link.disabled,
:root[data-glpi-theme=academedia] .navbar-vertical .text-muted,
:root[data-glpi-theme=academedia] .navbar-vertical .text-secondary,
:root[data-glpi-theme=academedia] .navbar-vertical .link-secondary {
  color: #e6edf7 !important;
  opacity: 1 !important;
}

/* Icons */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link i,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link svg,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle i,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle svg,
:root[data-glpi-theme=academedia] .navbar-vertical .menu-label i,
:root[data-glpi-theme=academedia] .navbar-vertical .menu-label svg {
  color: #e6edf7 !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

/* Hover */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .menu-label:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-item > a:hover {
  background: #244785 !important;
  color: #ffffff !important;
}

/* Aktiv / geöffnet */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link.active,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-item.active > a,
:root[data-glpi-theme=academedia] .navbar-vertical .show > .nav-link,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link[aria-expanded=true] {
  background: #244785 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Untermenüs in Sidebar */
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #d9e3ef !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 8px 22px rgba(26, 45, 84, 0.1) !important;
}

:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a {
  color: #24324a !important;
  background: transparent !important;
  opacity: 1 !important;
}

:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item i,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item svg,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a i,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a svg {
  color: #5c6f8f !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a:hover {
  background: #eef3f9 !important;
  color: #244785 !important;
}

:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a.active {
  background: #e8f0fb !important;
  color: #244785 !important;
  font-weight: 600 !important;
}

/* =========================================================
   ALTEN HELPDESK-HERO / BLAUEN SUCHBEREICH AUSBLENDEN
   ========================================================= */
:root[data-glpi-theme=academedia] .helpdesk-home-container > .search-banner {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

:root[data-glpi-theme=academedia] .helpdesk-home-container > .search-banner .scene-left,
:root[data-glpi-theme=academedia] .helpdesk-home-container > .search-banner .scene-right,
:root[data-glpi-theme=academedia] .helpdesk-home-container > .search-banner .search-banner-content,
:root[data-glpi-theme=academedia] .helpdesk-home-container > .search-banner .container-narrow,
:root[data-glpi-theme=academedia] .helpdesk-home-container > .search-banner .search-bar-container,
:root[data-glpi-theme=academedia] .helpdesk-home-container > .search-banner h1,
:root[data-glpi-theme=academedia] .search-overlay,
:root[data-glpi-theme=academedia] #search-overlay {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

:root[data-glpi-theme=academedia] .helpdesk-home-container {
  min-height: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* =========================================================
   TILES / STARTSEITE
   ========================================================= */
:root[data-glpi-theme=academedia] .tiles-banner {
  background: #e6f6ea !important;
  padding: 40px 24px 46px 24px !important;
}

:root[data-glpi-theme=academedia] .tiles-banner::before {
  content: "Willkommen auf der AcadeMedia Support Seite";
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #244785;
  margin-bottom: 12px;
}

:root[data-glpi-theme=academedia] .tiles-banner::after {
  content: "Erstellen Sie ein Ticket oder nutzen Sie unsere Hilfebereiche.";
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #5f6f88;
  margin-top: 16px;
}

/* Container in Tiles */
:root[data-glpi-theme=academedia] .tiles-banner .container-xl {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* unnötige Tabelle ausblenden */
:root[data-glpi-theme=academedia] .tiles-banner table.central {
  display: none !important;
}

/* Row als Kartenlayout */
:root[data-glpi-theme=academedia] .tiles-banner .container-xl > .row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 8px !important;
}

/* Bootstrap-Spalten neutralisieren */
:root[data-glpi-theme=academedia] .tiles-banner .container-xl > .row > .col-12.col-sm-6.col-md-4.d-flex,
:root[data-glpi-theme=academedia] .tiles-banner .container-xl > .row > [class*=col-] {
  flex: 0 0 420px !important;
  max-width: 420px !important;
  width: 420px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
}

/* Leere Spalten ausblenden */
:root[data-glpi-theme=academedia] .tiles-banner .container-xl > .row > [class*=col-]:empty {
  display: none !important;
}

/* Karten */
:root[data-glpi-theme=academedia] .tiles-banner a.card,
:root[data-glpi-theme=academedia] .tiles-banner a.card.mx-1.my-2.flex-grow-1 {
  flex-grow: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-decoration: none !important;
  border-radius: 20px !important;
  border: 1px solid #d9e3ef !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(30, 54, 102, 0.06) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
  overflow: hidden !important;
}

:root[data-glpi-theme=academedia] .tiles-banner a.card:hover {
  transform: translateY(-2px) !important;
  border-color: #bfd0e6 !important;
  box-shadow: 0 10px 24px rgba(30, 54, 102, 0.1) !important;
}

/* Card Body */
:root[data-glpi-theme=academedia] .tiles-banner section.card-body {
  padding: 22px 24px !important;
}

:root[data-glpi-theme=academedia] .tiles-banner section.card-body > .d-flex {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
}

:root[data-glpi-theme=academedia] .tiles-banner section.card-body > .d-flex img,
:root[data-glpi-theme=academedia] .tiles-banner section.card-body > .d-flex svg,
:root[data-glpi-theme=academedia] .tiles-banner section.card-body > .d-flex i {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: auto !important;
  opacity: 0.96;
  flex-shrink: 0 !important;
}

:root[data-glpi-theme=academedia] .tiles-banner section.card-body > .d-flex > div:last-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

:root[data-glpi-theme=academedia] .tiles-banner .card-title {
  color: #244785 !important;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

:root[data-glpi-theme=academedia] .tiles-banner .card-text,
:root[data-glpi-theme=academedia] .tiles-banner p {
  color: #45546f !important;
  font-size: 0.98rem !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* =========================================================
   TICKETBEREICH
   ========================================================= */
:root[data-glpi-theme=academedia] .tickets-banner {
  margin-top: 8px !important;
  padding-top: 12px !important;
}

:root[data-glpi-theme=academedia] .tickets-banner .nav-tabs {
  border-bottom: none !important;
}

:root[data-glpi-theme=academedia] .tickets-banner .nav-tabs .nav-link,
:root[data-glpi-theme=academedia] .nav-tabs .nav-link {
  border-radius: 12px 12px 0 0 !important;
  color: #244785 !important;
  background: transparent !important;
}

:root[data-glpi-theme=academedia] .tickets-banner .nav-tabs .nav-link.active,
:root[data-glpi-theme=academedia] .nav-tabs .nav-link.active {
  background: #ffffff !important;
  color: #1f3767 !important;
  border-color: #dbe3ef !important;
}

:root[data-glpi-theme=academedia] .tickets-banner .tab-content {
  background: #ffffff !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 0 18px 18px 18px !important;
  box-shadow: 0 6px 18px rgba(30, 54, 102, 0.05) !important;
}

/* =========================================================
   KARTEN ALLGEMEIN
   ========================================================= */
:root[data-glpi-theme=academedia] .card {
  border-radius: 16px !important;
  border: 1px solid #e1e7f0 !important;
}

/* =========================================================
   DROPDOWNS ALLGEMEIN
   ========================================================= */
:root[data-glpi-theme=academedia] .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #d9e3ef !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(26, 45, 84, 0.14) !important;
}

:root[data-glpi-theme=academedia] .dropdown-item {
  color: #24324a !important;
}

:root[data-glpi-theme=academedia] .dropdown-item:hover {
  background: #eef3f9 !important;
  color: #244785 !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */
:root[data-glpi-theme=academedia] .btn-primary {
  background: #244785 !important;
  border-color: #244785 !important;
  color: #ffffff !important;
}

:root[data-glpi-theme=academedia] .btn-primary:hover {
  background: #1e3b72 !important;
  border-color: #1e3b72 !important;
}

:root[data-glpi-theme=academedia] .btn-outline-primary {
  color: #244785 !important;
  border-color: #244785 !important;
}

:root[data-glpi-theme=academedia] .btn-outline-primary:hover {
  background: #244785 !important;
  color: #ffffff !important;
}

/* =========================================================
   FORMULARE
   ========================================================= */
:root[data-glpi-theme=academedia] .form-control,
:root[data-glpi-theme=academedia] input,
:root[data-glpi-theme=academedia] select,
:root[data-glpi-theme=academedia] textarea {
  border-radius: 12px !important;
  border-color: #d4ddea !important;
}

:root[data-glpi-theme=academedia] .form-control:focus,
:root[data-glpi-theme=academedia] input:focus,
:root[data-glpi-theme=academedia] select:focus,
:root[data-glpi-theme=academedia] textarea:focus {
  border-color: #244785 !important;
  box-shadow: 0 0 0 0.2rem rgba(36, 71, 133, 0.12) !important;
}

/* =========================================================
   AVATAR
   ========================================================= */
:root[data-glpi-theme=academedia] .avatar,
:root[data-glpi-theme=academedia] .avatar-status,
:root[data-glpi-theme=academedia] .user-avatar,
:root[data-glpi-theme=academedia] .initial-avatar {
  background: #8fdc9a !important;
  color: #244785 !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 991px) {
  :root[data-glpi-theme=academedia] .tiles-banner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  :root[data-glpi-theme=academedia] .tiles-banner::before {
    font-size: 1.6rem;
    padding: 0 12px;
  }
  :root[data-glpi-theme=academedia] .tiles-banner::after {
    padding: 0 12px;
  }
  :root[data-glpi-theme=academedia] .tiles-banner .container-xl > .row > .col-12.col-sm-6.col-md-4.d-flex,
  :root[data-glpi-theme=academedia] .tiles-banner .container-xl > .row > [class*=col-] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* =========================================================
   LESBARKEIT – AUSWAHL / DROPDOWN / TICKETTEXT
   ========================================================= */
/* 1) Textauswahl überall lesbar machen */
:root[data-glpi-theme=academedia] ::selection {
  background: #244785 !important;
  color: #ffffff !important;
}

:root[data-glpi-theme=academedia] ::-moz-selection {
  background: #244785 !important;
  color: #ffffff !important;
}

/* 2) Ticketinhalt generell mit sauberem Kontrast */
:root[data-glpi-theme=academedia] .rich_text_container,
:root[data-glpi-theme=academedia] .rich_text_container p,
:root[data-glpi-theme=academedia] .rich_text_container span,
:root[data-glpi-theme=academedia] .rich_text_container div,
:root[data-glpi-theme=academedia] .timeline-item .rich_text_container,
:root[data-glpi-theme=academedia] .timeline .rich_text_container,
:root[data-glpi-theme=academedia] .ticket-description,
:root[data-glpi-theme=academedia] .ticket-description p,
:root[data-glpi-theme=academedia] .ticket-description span,
:root[data-glpi-theme=academedia] .ticket-description div {
  color: #25324a !important;
}

/* 3) Links im Tickettext gut lesbar */
:root[data-glpi-theme=academedia] .rich_text_container a,
:root[data-glpi-theme=academedia] .ticket-description a,
:root[data-glpi-theme=academedia] .timeline-item a {
  color: #244785 !important;
}

:root[data-glpi-theme=academedia] .rich_text_container a:hover,
:root[data-glpi-theme=academedia] .ticket-description a:hover,
:root[data-glpi-theme=academedia] .timeline-item a:hover {
  color: #1f3767 !important;
}

/* 4) Markierter Eintrag in Dropdowns lesbar */
:root[data-glpi-theme=academedia] .dropdown-item.active,
:root[data-glpi-theme=academedia] .dropdown-item:active,
:root[data-glpi-theme=academedia] .dropdown-menu .active > .dropdown-item,
:root[data-glpi-theme=academedia] .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme=academedia] .dropdown-menu .dropdown-item:active {
  background: #244785 !important;
  color: #ffffff !important;
}

/* 5) Icons im aktiven Dropdown-Eintrag ebenfalls hell */
:root[data-glpi-theme=academedia] .dropdown-item.active i,
:root[data-glpi-theme=academedia] .dropdown-item.active svg,
:root[data-glpi-theme=academedia] .dropdown-item:active i,
:root[data-glpi-theme=academedia] .dropdown-item:active svg,
:root[data-glpi-theme=academedia] .dropdown-menu .dropdown-item.active i,
:root[data-glpi-theme=academedia] .dropdown-menu .dropdown-item.active svg {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* 6) Falls GLPI/Tabler Listenelemente statt klassischer dropdown-item nutzt */
:root[data-glpi-theme=academedia] .dropdown-menu .active,
:root[data-glpi-theme=academedia] .dropdown-menu [aria-selected=true],
:root[data-glpi-theme=academedia] .dropdown-menu .selected,
:root[data-glpi-theme=academedia] .ts-dropdown .active,
:root[data-glpi-theme=academedia] .ts-dropdown .option.active,
:root[data-glpi-theme=academedia] .ts-dropdown .option.selected,
:root[data-glpi-theme=academedia] .ts-dropdown .option[aria-selected=true] {
  background: #244785 !important;
  color: #ffffff !important;
}

/* 7) Text in Select-/TomSelect-Dropdowns lesbar */
:root[data-glpi-theme=academedia] .ts-dropdown .option,
:root[data-glpi-theme=academedia] .ts-dropdown .option span,
:root[data-glpi-theme=academedia] .ts-dropdown .option div,
:root[data-glpi-theme=academedia] .ts-dropdown .option small {
  color: #24324a !important;
}

:root[data-glpi-theme=academedia] .ts-dropdown .option.active,
:root[data-glpi-theme=academedia] .ts-dropdown .option.active span,
:root[data-glpi-theme=academedia] .ts-dropdown .option.active div,
:root[data-glpi-theme=academedia] .ts-dropdown .option.active small,
:root[data-glpi-theme=academedia] .ts-dropdown .option.selected,
:root[data-glpi-theme=academedia] .ts-dropdown .option.selected span,
:root[data-glpi-theme=academedia] .ts-dropdown .option.selected div,
:root[data-glpi-theme=academedia] .ts-dropdown .option.selected small {
  color: #ffffff !important;
}

/* =========================================================
   GLPI / TomSelect Dropdown – aktiven Eintrag lesbar machen
   ========================================================= */
:root[data-glpi-theme=academedia] .ts-dropdown .option,
:root[data-glpi-theme=academedia] .ts-dropdown .option div,
:root[data-glpi-theme=academedia] .ts-dropdown .option span,
:root[data-glpi-theme=academedia] .ts-dropdown .option small,
:root[data-glpi-theme=academedia] .ts-dropdown .optgroup-header,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable],
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable] * {
  color: #24324a !important;
}

/* Hover */
:root[data-glpi-theme=academedia] .ts-dropdown .option:hover,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable]:hover {
  background: #eef3f9 !important;
  color: #244785 !important;
}

:root[data-glpi-theme=academedia] .ts-dropdown .option:hover *,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable]:hover * {
  color: #244785 !important;
}

/* Aktiver / markierter Eintrag */
:root[data-glpi-theme=academedia] .ts-dropdown .active,
:root[data-glpi-theme=academedia] .ts-dropdown .option.active,
:root[data-glpi-theme=academedia] .ts-dropdown .selected,
:root[data-glpi-theme=academedia] .ts-dropdown .option.selected,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable].active,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable][aria-selected=true],
:root[data-glpi-theme=academedia] .ts-dropdown .highlight,
:root[data-glpi-theme=academedia] .select2-results__option--highlighted,
:root[data-glpi-theme=academedia] .dropdown-menu .active {
  background: #244785 !important;
  color: #ffffff !important;
}

:root[data-glpi-theme=academedia] .ts-dropdown .active *,
:root[data-glpi-theme=academedia] .ts-dropdown .option.active *,
:root[data-glpi-theme=academedia] .ts-dropdown .selected *,
:root[data-glpi-theme=academedia] .ts-dropdown .option.selected *,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable].active *,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable][aria-selected=true] *,
:root[data-glpi-theme=academedia] .ts-dropdown .highlight *,
:root[data-glpi-theme=academedia] .select2-results__option--highlighted *,
:root[data-glpi-theme=academedia] .dropdown-menu .active * {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* Icons im aktiven Eintrag */
:root[data-glpi-theme=academedia] .ts-dropdown .active i,
:root[data-glpi-theme=academedia] .ts-dropdown .active svg,
:root[data-glpi-theme=academedia] .ts-dropdown .option.active i,
:root[data-glpi-theme=academedia] .ts-dropdown .option.active svg,
:root[data-glpi-theme=academedia] .ts-dropdown .selected i,
:root[data-glpi-theme=academedia] .ts-dropdown .selected svg,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable].active i,
:root[data-glpi-theme=academedia] .ts-dropdown [data-selectable].active svg {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* =========================================================
   SIDEBAR – bessere Lesbarkeit und klarere aktive Zustände
   ========================================================= */
/* Hauptsidebar */
:root[data-glpi-theme=academedia] .navbar-vertical {
  background: #2b2f36 !important;
}

/* Normale Hauptpunkte */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-item > a,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle,
:root[data-glpi-theme=academedia] .navbar-vertical .menu-label {
  color: #e8eef7 !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
}

/* Hover Hauptpunkte */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-item > a:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .menu-label:hover {
  background: #38404b !important;
  color: #ffffff !important;
}

/* Aktiver/geöffneter Hauptpunkt */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link.active,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-item.active > a,
:root[data-glpi-theme=academedia] .navbar-vertical .show > .nav-link,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link[aria-expanded=true],
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle[aria-expanded=true] {
  background: #244785 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Icons Hauptmenü */
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link i,
:root[data-glpi-theme=academedia] .navbar-vertical .nav-link svg,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle i,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-toggle svg {
  color: currentColor !important;
  fill: currentColor !important;
}

/* Untermenü-Container */
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu,
:root[data-glpi-theme=academedia] .navbar-vertical .submenu,
:root[data-glpi-theme=academedia] .navbar-vertical ul.dropdown-menu {
  background: #f4f6f9 !important;
  border: none !important;
  border-radius: 0 0 16px 16px !important;
  box-shadow: none !important;
  padding: 8px !important;
}

/* Unterpunkte normal */
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .nav-link {
  color: #344258 !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
}

/* Unterpunkte Hover */
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a:hover,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .nav-link:hover {
  background: #e7edf6 !important;
  color: #1f3767 !important;
}

/* Aktiver Unterpunkt – deutlich besser lesbar */
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a.active,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .nav-link.active,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .active > a,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .active {
  background: #244785 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Alles innerhalb des aktiven Unterpunkts ebenfalls hell */
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .dropdown-item.active *,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu a.active *,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .nav-link.active *,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .active *,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .active i,
:root[data-glpi-theme=academedia] .navbar-vertical .dropdown-menu .active svg {
  color: #ffffff !important;
  fill: currentColor !important;
}