/* Trust Connect - Neon Theme (synthwave) */
/* Cyberpunk/outrun stijl: diep indigo met neon-roze en cyaan accenten */
:root[data-glpi-theme=TrustConnectNeon],
:root[data-glpi-theme=trustconnectneon] {
  /* Diep indigo achtergronden */
  --tblr-light: #1d1640;
  --tblr-dark: #f2eaff;
  --tblr-primary-rgb: 255, 92, 225;
  --tblr-primary: #ff5ce1;
  --tblr-primary-fg: #16102e;
  --tblr-primary-darken: color-mix(in srgb, var(--tblr-primary), black 10%);
  --tblr-secondary: #9284c8;
  --tblr-secondary-fg: #16102e;
  --tblr-tertiary: #cfc2ee;
  --tblr-muted: #9284c8;
  --tblr-muted-darken: color-mix(in srgb, var(--tblr-muted), black 10%);
  --tblr-info: #22d3ee;
  --tblr-success: #4ade80;
  --tblr-warning: #fde047;
  --tblr-danger: #ff5c7a;
  --tblr-link-color-rgb: 255, 92, 225;
  --tblr-link-color: #ff5ce1;
  --tblr-badge-bg: rgba(146, 132, 200, 0.25);
  --tblr-badge-color: #cfc2ee;
  --tblr-navbar-color: #ece2ff;
  --tblr-body-bg: #16102e;
  --tblr-body-color: #f2eaff;
  --tblr-bg-surface: #1d1640;
  --tblr-bg-surface-secondary: #251c50;
  --tblr-bg-surface-tertiary: #2d2260;
  --tblr-bg-surface-dark: #0d0a1e;
  --tblr-border-color: rgba(146, 132, 200, 0.25);
  --tblr-border-color-translucent: rgba(146, 132, 200, 0.15);
  /* Synthwave accenten - dual neon */
  --tc-accent: #ff5ce1;
  --tc-accent-light: #ff9dee;
  --tc-primary-light: #22d3ee;
  /* Logo */
  --glpi-logo-light: url("/pics/ColouredDark-Logo.png");
  --glpi-logo-light-reduced: url("/pics/ColouredDark-Logo.png");
  --glpi-logo-dark: url("/pics/ColouredDark-Logo.png");
  --glpi-logo-dark-reduced: url("/pics/ColouredDark-Logo.png");
  --glpi-logo-dark-login: url("/pics/ColouredDark-Logo.png");
  --glpi-logo-light-login: url("/pics/ColouredDark-Logo.png");
  --glpi-logo: var(--glpi-logo-light);
  --glpi-logo-reduced: var(--glpi-logo-light-reduced);
  /* Hoofdmenu - bijna zwart indigo */
  --glpi-mainmenu-bg: #0d0a1e;
  --glpi-mainmenu-fg: #ece2ff;
  --glpi-mainmenu-fg-muted: rgba(236, 226, 255, 0.55);
  --glpi-mainmenu-active-bg: rgba(255, 92, 225, 0.2);
  --glpi-mainmenu-border-color: rgba(90, 75, 150, 0.5);
  /* Tabs */
  --glpi-tabs-bg: #251c50;
  --glpi-tabs-fg: #9284c8;
  --glpi-tabs-border-color: rgba(146, 132, 200, 0.25);
  --glpi-tabs-active-bg: #1d1640;
  --glpi-tabs-active-fg: #f2eaff;
  --glpi-tabs-active-border-color: var(--tc-accent);
  /* Zoeken */
  --glpi-search-bg: #251c50;
  --glpi-search-fg: #f2eaff;
  --glpi-search-border-color: rgba(146, 132, 200, 0.25);
  --glpi-fg-secondary: #ece2ff;
  /* Badges */
  --glpi-badge-bg: rgba(255, 92, 225, 0.15);
  --glpi-badge-fg: #ff9dee;
  /* Formulier headers - cyaan tegenkleur */
  --glpi-form-header-fg: #67e8f9;
  --glpi-form-header-bg: rgba(103, 232, 249, 0.1);
  --glpi-form-header-border-color: rgba(103, 232, 249, 0.25);
  --glpi-form-header-danger-fg: #ff8ba0;
  --glpi-form-header-danger-bg: rgba(255, 92, 122, 0.1);
  --glpi-form-header-danger-border-color: rgba(255, 92, 122, 0.25);
  /* Scrollbar */
  --glpi-scrollbar-thumb-color: rgba(146, 132, 200, 0.4);
  --glpi-scrollbar-track-color: transparent;
  /* ITIL / Timeline - donkere versies */
  --glpi-itil-secondary-bg: #251c50;
  --glpi-timeline-itil-content-bg: rgba(74, 222, 128, 0.12);
  --glpi-timeline-itil-content-fg: #86efac;
  --glpi-timeline-itil-content-border-color: rgba(74, 222, 128, 0.3);
  --glpi-timeline-fup-bg: rgba(146, 132, 200, 0.12);
  --glpi-timeline-fup-fg: #cfc2ee;
  --glpi-timeline-fup-border-color: rgba(146, 132, 200, 0.3);
  --glpi-timeline-task-bg: rgba(253, 224, 71, 0.12);
  --glpi-timeline-task-fg: #fde68a;
  --glpi-timeline-task-border-color: rgba(253, 224, 71, 0.3);
  --glpi-timeline-solution-bg: rgba(34, 211, 238, 0.12);
  --glpi-timeline-solution-fg: #67e8f9;
  --glpi-timeline-solution-border-color: rgba(34, 211, 238, 0.3);
  --glpi-timeline-document-bg: rgba(74, 222, 128, 0.1);
  --glpi-timeline-document-fg: #86efac;
  --glpi-timeline-document-border-color: rgba(74, 222, 128, 0.25);
  --glpi-timeline-log-bg: rgba(255, 255, 255, 0.04);
  --glpi-timeline-badge-bg: rgba(255, 255, 255, 0.08);
  --glpi-timeline-badge-fg: rgba(236, 226, 255, 0.75);
  --glpi-hover-bg: rgba(255, 92, 225, 0.08);
  /* Helpdesk */
  --glpi-helpdesk-header: #1d1640;
  --glpi-helpdesk-tiles-section-bg: #16102e;
  --glpi-helpdesk-tabs-section-bg: #1d1640;
  /* Illustraties */
  --glpi-illustrations-background: #1d1640;
  --glpi-illustrations-header-dark: #0d0a1e;
  --glpi-illustrations-header-light: #251c50;
  --glpi-illustrations-primary: var(--tc-accent);
  --glpi-illustrations-gradient-1: hsl(253deg, 40%, 20%);
  --glpi-illustrations-gradient-2: hsl(253deg, 40%, 32%);
  --glpi-illustrations-gradient-3: hsl(253deg, 40%, 44%);
  /* Altcha */
  --altcha-color-base: var(--tblr-bg-surface);
  --altcha-border-radius: var(--tblr-border-radius-lg);
  --altcha-color-border: var(--tblr-border-color-translucent);
  --altcha-color-text: var(--tblr-dark);
}

/* Sidebar logo */
:root[data-glpi-theme=TrustConnectNeon] .page .glpi-logo,
:root[data-glpi-theme=trustconnectneon] .page .glpi-logo {
  background-size: contain !important;
  background-position: center !important;
}

/* Login pagina logo */
:root[data-glpi-theme=TrustConnectNeon] .page-anonymous .glpi-logo,
:root[data-glpi-theme=trustconnectneon] .page-anonymous .glpi-logo {
  object-fit: contain !important;
  width: 150px !important;
  height: 150px !important;
}

/* Cards en surfaces donkerder */
:root[data-glpi-theme=TrustConnectNeon] .card,
:root[data-glpi-theme=trustconnectneon] .card {
  --tblr-card-cap-bg: #251c50 !important;
  --tblr-card-bg: #1d1640;
  background: #1d1640;
  border-color: rgba(146, 132, 200, 0.2);
  color: #f2eaff;
}

/* Tabel aanpassingen */
:root[data-glpi-theme=TrustConnectNeon] table,
:root[data-glpi-theme=trustconnectneon] table {
  color: #f2eaff;
}
:root[data-glpi-theme=TrustConnectNeon] table thead th,
:root[data-glpi-theme=trustconnectneon] table thead th {
  color: #cfc2ee;
  border-color: rgba(146, 132, 200, 0.2);
}
:root[data-glpi-theme=TrustConnectNeon] table td, :root[data-glpi-theme=TrustConnectNeon] table th,
:root[data-glpi-theme=trustconnectneon] table td,
:root[data-glpi-theme=trustconnectneon] table th {
  border-color: rgba(146, 132, 200, 0.12);
}
:root[data-glpi-theme=TrustConnectNeon] table td.active,
:root[data-glpi-theme=TrustConnectNeon] table td.tab_bg_4,
:root[data-glpi-theme=trustconnectneon] table td.active,
:root[data-glpi-theme=trustconnectneon] table td.tab_bg_4 {
  background-color: rgba(255, 92, 225, 0.08);
}

/* Zebra-rijen in overzichten subtieler (header/statusbalk ongemoeid) */
:root[data-glpi-theme=TrustConnectNeon] .table.table-striped > tbody > tr:nth-of-type(odd) > *,
:root[data-glpi-theme=trustconnectneon] .table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(34, 211, 238, 0.05) !important;
}

:root[data-glpi-theme=TrustConnectNeon] .table.table-striped > tbody > tr:nth-of-type(even) > *,
:root[data-glpi-theme=trustconnectneon] .table.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: rgba(29, 22, 64, 0.94) !important;
}

/* Dropdown en popover */
:root[data-glpi-theme=TrustConnectNeon] .dropdown-menu,
:root[data-glpi-theme=trustconnectneon] .dropdown-menu {
  background: #251c50;
  border-color: rgba(146, 132, 200, 0.25);
  color: #f2eaff;
}
:root[data-glpi-theme=TrustConnectNeon] .dropdown-menu .dropdown-item,
:root[data-glpi-theme=trustconnectneon] .dropdown-menu .dropdown-item {
  color: #ece2ff;
}
:root[data-glpi-theme=TrustConnectNeon] .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=TrustConnectNeon] .dropdown-menu .dropdown-item:focus,
:root[data-glpi-theme=trustconnectneon] .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=trustconnectneon] .dropdown-menu .dropdown-item:focus {
  background: rgba(255, 92, 225, 0.1);
  color: #ff9dee;
}

/* Modals */
:root[data-glpi-theme=TrustConnectNeon] .modal-content,
:root[data-glpi-theme=trustconnectneon] .modal-content {
  background: #1d1640;
  border-color: rgba(90, 75, 150, 0.5);
  color: #f2eaff;
}

:root[data-glpi-theme=TrustConnectNeon] .modal-header,
:root[data-glpi-theme=trustconnectneon] .modal-header {
  border-color: rgba(146, 132, 200, 0.2);
}

:root[data-glpi-theme=TrustConnectNeon] .modal-footer,
:root[data-glpi-theme=trustconnectneon] .modal-footer {
  border-color: rgba(146, 132, 200, 0.2);
}

/* Inputs */
:root[data-glpi-theme=TrustConnectNeon] .form-control,
:root[data-glpi-theme=TrustConnectNeon] .form-select,
:root[data-glpi-theme=trustconnectneon] .form-control,
:root[data-glpi-theme=trustconnectneon] .form-select {
  background: #251c50;
  border-color: rgba(146, 132, 200, 0.3);
  color: #f2eaff;
}
:root[data-glpi-theme=TrustConnectNeon] .form-control::placeholder,
:root[data-glpi-theme=TrustConnectNeon] .form-select::placeholder,
:root[data-glpi-theme=trustconnectneon] .form-control::placeholder,
:root[data-glpi-theme=trustconnectneon] .form-select::placeholder {
  color: rgba(236, 226, 255, 0.45);
}
:root[data-glpi-theme=TrustConnectNeon] .form-control:focus,
:root[data-glpi-theme=TrustConnectNeon] .form-select:focus,
:root[data-glpi-theme=trustconnectneon] .form-control:focus,
:root[data-glpi-theme=trustconnectneon] .form-select:focus {
  background: #2d2260;
  border-color: var(--tc-accent);
  box-shadow: 0 0 0 3px rgba(255, 92, 225, 0.15);
  color: #f2eaff;
}

/* Accordion */
:root[data-glpi-theme=TrustConnectNeon] .accordion,
:root[data-glpi-theme=trustconnectneon] .accordion {
  --tblr-accordion-color: #cfc2ee;
  --tblr-accordion-bg: #1d1640;
  --tblr-accordion-border-color: rgba(146, 132, 200, 0.2);
}

:root[data-glpi-theme=TrustConnectNeon] .accordion-button,
:root[data-glpi-theme=trustconnectneon] .accordion-button {
  background: #251c50;
  color: #ece2ff;
}
:root[data-glpi-theme=TrustConnectNeon] .accordion-button:not(.collapsed),
:root[data-glpi-theme=trustconnectneon] .accordion-button:not(.collapsed) {
  background: rgba(255, 92, 225, 0.1);
  color: #ff9dee;
}

/* Toast */
:root[data-glpi-theme=TrustConnectNeon] .toast,
:root[data-glpi-theme=trustconnectneon] .toast {
  background: #251c50 !important;
  color: #f2eaff !important;
  border-color: rgba(146, 132, 200, 0.25);
}

/* Tooltip */
:root[data-glpi-theme=TrustConnectNeon] .tooltip,
:root[data-glpi-theme=trustconnectneon] .tooltip {
  --tblr-tooltip-bg: #2d2260;
  --tblr-tooltip-color: #f2eaff;
}

/* Pre/code */
:root[data-glpi-theme=TrustConnectNeon] pre,
:root[data-glpi-theme=TrustConnectNeon] code,
:root[data-glpi-theme=trustconnectneon] pre,
:root[data-glpi-theme=trustconnectneon] code {
  background-color: #0d0a1e;
  color: #67e8f9;
}

/* Select2 (veelgebruikt in GLPI) */
:root[data-glpi-theme=TrustConnectNeon] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=TrustConnectNeon] .select2-container--default .select2-selection--multiple,
:root[data-glpi-theme=trustconnectneon] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=trustconnectneon] .select2-container--default .select2-selection--multiple {
  background: #251c50;
  border-color: rgba(146, 132, 200, 0.3);
  color: #f2eaff;
}
:root[data-glpi-theme=TrustConnectNeon] .select2-container--default .select2-dropdown,
:root[data-glpi-theme=trustconnectneon] .select2-container--default .select2-dropdown {
  background: #251c50;
  border-color: rgba(146, 132, 200, 0.25);
}
:root[data-glpi-theme=TrustConnectNeon] .select2-container--default .select2-results__option--highlighted,
:root[data-glpi-theme=trustconnectneon] .select2-container--default .select2-results__option--highlighted {
  background: rgba(255, 92, 225, 0.15);
  color: #ff9dee;
}

/* Login pagina */
:root[data-glpi-theme=TrustConnectNeon] .page-anonymous,
:root[data-glpi-theme=trustconnectneon] .page-anonymous {
  background: #16102e !important;
}
:root[data-glpi-theme=TrustConnectNeon] .page-anonymous .main-content-card,
:root[data-glpi-theme=trustconnectneon] .page-anonymous .main-content-card {
  background: #1d1640;
  border-color: rgba(90, 75, 150, 0.5);
  color: #f2eaff;
}

/* Breadcrumbs */
:root[data-glpi-theme=TrustConnectNeon] .breadcrumb,
:root[data-glpi-theme=trustconnectneon] .breadcrumb {
  --tblr-breadcrumb-link-color: #9284c8;
  color: #cfc2ee;
}

/* Popover */
:root[data-glpi-theme=TrustConnectNeon] .popover,
:root[data-glpi-theme=trustconnectneon] .popover {
  background: #251c50;
  border-color: rgba(146, 132, 200, 0.25);
}
:root[data-glpi-theme=TrustConnectNeon] .popover .popover-body,
:root[data-glpi-theme=trustconnectneon] .popover .popover-body {
  color: #f2eaff;
}
:root[data-glpi-theme=TrustConnectNeon] .popover .popover-arrow::after,
:root[data-glpi-theme=trustconnectneon] .popover .popover-arrow::after {
  border-top-color: #251c50;
}

/* Mail-import / rich text readability in ticket & change views */
:root[data-glpi-theme=TrustConnectNeon] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=TrustConnectNeon] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=TrustConnectNeon] .itil-object-fields .field-container .description,
:root[data-glpi-theme=TrustConnectNeon] .timeline .rich_text_container,
:root[data-glpi-theme=TrustConnectNeon] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=TrustConnectNeon] .timeline .ql-editor,
:root[data-glpi-theme=trustconnectneon] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=trustconnectneon] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=trustconnectneon] .itil-object-fields .field-container .description,
:root[data-glpi-theme=trustconnectneon] .timeline .rich_text_container,
:root[data-glpi-theme=trustconnectneon] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=trustconnectneon] .timeline .ql-editor {
  background: #1d1640 !important;
  color: #f2eaff !important;
  border-color: rgba(146, 132, 200, 0.3) !important;
}

:root[data-glpi-theme=TrustConnectNeon] .itil-object-fields .field-container .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=TrustConnectNeon] .timeline .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=TrustConnectNeon] .read-only-content .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=TrustConnectNeon] .read-only-content body#tinymce.mce-content-body.rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=trustconnectneon] .itil-object-fields .field-container .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=trustconnectneon] .timeline .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=trustconnectneon] .read-only-content .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=trustconnectneon] .read-only-content body#tinymce.mce-content-body.rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font) {
  color: inherit !important;
}

:root[data-glpi-theme=TrustConnectNeon] .itil-object-fields .field-container .rich_text_container a,
:root[data-glpi-theme=TrustConnectNeon] .timeline .rich_text_container a,
:root[data-glpi-theme=TrustConnectNeon] .read-only-content .rich_text_container a,
:root[data-glpi-theme=trustconnectneon] .itil-object-fields .field-container .rich_text_container a,
:root[data-glpi-theme=trustconnectneon] .timeline .rich_text_container a,
:root[data-glpi-theme=trustconnectneon] .read-only-content .rich_text_container a {
  color: #ff9dee !important;
}

:root[data-glpi-theme=TrustConnectNeon] .itil-object-fields .field-container .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=TrustConnectNeon] .timeline .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=TrustConnectNeon] .read-only-content .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectneon] .itil-object-fields .field-container .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectneon] .timeline .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectneon] .read-only-content .rich_text_container :is(table, tr, td, th) {
  background-color: transparent !important;
  color: inherit !important;
  border-color: rgba(146, 132, 200, 0.3) !important;
}

:root[data-glpi-theme=TrustConnectNeon] .itil-object-fields .field-container .rich_text_container :is(img, svg),
:root[data-glpi-theme=TrustConnectNeon] .timeline .rich_text_container :is(img, svg),
:root[data-glpi-theme=TrustConnectNeon] .read-only-content .rich_text_container :is(img, svg),
:root[data-glpi-theme=trustconnectneon] .itil-object-fields .field-container .rich_text_container :is(img, svg),
:root[data-glpi-theme=trustconnectneon] .timeline .rich_text_container :is(img, svg),
:root[data-glpi-theme=trustconnectneon] .read-only-content .rich_text_container :is(img, svg) {
  max-width: 100% !important;
  height: auto !important;
}

/* Force override of inline black text from imported emails/signatures */
:root[data-glpi-theme=TrustConnectNeon] .read-only-content .rich_text_container [style*="color: rgb(0, 0, 0)"],
:root[data-glpi-theme=TrustConnectNeon] .read-only-content .rich_text_container [style*="color:rgb(0,0,0)"],
:root[data-glpi-theme=TrustConnectNeon] .read-only-content .rich_text_container [style*="color:#000"],
:root[data-glpi-theme=TrustConnectNeon] .read-only-content .rich_text_container [style*="color: #000"],
:root[data-glpi-theme=trustconnectneon] .read-only-content .rich_text_container [style*="color: rgb(0, 0, 0)"],
:root[data-glpi-theme=trustconnectneon] .read-only-content .rich_text_container [style*="color:rgb(0,0,0)"],
:root[data-glpi-theme=trustconnectneon] .read-only-content .rich_text_container [style*="color:#000"],
:root[data-glpi-theme=trustconnectneon] .read-only-content .rich_text_container [style*="color: #000"] {
  color: #f2eaff !important;
}

/* Footer */
:root[data-glpi-theme=TrustConnectNeon] .footer,
:root[data-glpi-theme=trustconnectneon] .footer {
  color: rgba(236, 226, 255, 0.6);
}