/* Trust Connect - Dark Theme */
/* Gebaseerd op Mailchecker dark-mode kleurenpalet */
:root[data-glpi-theme=TrustConnectDark],
:root[data-glpi-theme=trustconnectdark] {
  /* Donkere achtergronden */
  --tblr-light: #2b2045;
  --tblr-dark: #f8f2ff;
  --tblr-primary-rgb: 248, 158, 160;
  --tblr-primary: #f89ea0;
  --tblr-primary-fg: #231739;
  --tblr-primary-darken: color-mix(in srgb, var(--tblr-primary), black 10%);
  --tblr-secondary: #a88bc0;
  --tblr-secondary-fg: #231739;
  --tblr-tertiary: #d6c8e3;
  --tblr-muted: #a88bc0;
  --tblr-muted-darken: color-mix(in srgb, var(--tblr-muted), black 10%);
  --tblr-info: #b8baf5;
  --tblr-success: #7eeab4;
  --tblr-warning: #f5d68e;
  --tblr-danger: #f79598;
  --tblr-link-color-rgb: 248, 158, 160;
  --tblr-link-color: #f89ea0;
  --tblr-badge-bg: rgba(168, 139, 192, 0.25);
  --tblr-badge-color: #d6c8e3;
  --tblr-navbar-color: #f0e4ff;
  --tblr-body-bg: #231739;
  --tblr-body-color: #f8f2ff;
  --tblr-bg-surface: #2b2045;
  --tblr-bg-surface-secondary: #322650;
  --tblr-bg-surface-tertiary: #3a2d58;
  --tblr-bg-surface-dark: #1a1030;
  --tblr-border-color: rgba(168, 139, 192, 0.25);
  --tblr-border-color-translucent: rgba(168, 139, 192, 0.15);
  /* Trust Connect accent (omgekeerd voor dark) */
  --tc-accent: #f28284;
  --tc-accent-light: #f89ea0;
  --tc-primary-light: #d8b4fe;
  /* 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 - donker paars */
  --glpi-mainmenu-bg: #1a1030;
  --glpi-mainmenu-fg: #f0e4ff;
  --glpi-mainmenu-fg-muted: rgba(240, 228, 255, 0.55);
  --glpi-mainmenu-active-bg: rgba(242, 130, 132, 0.2);
  --glpi-mainmenu-border-color: rgba(90, 70, 130, 0.5);
  /* Tabs */
  --glpi-tabs-bg: #322650;
  --glpi-tabs-fg: #a88bc0;
  --glpi-tabs-border-color: rgba(168, 139, 192, 0.25);
  --glpi-tabs-active-bg: #2b2045;
  --glpi-tabs-active-fg: #f8f2ff;
  --glpi-tabs-active-border-color: var(--tc-accent);
  /* Zoeken */
  --glpi-search-bg: #322650;
  --glpi-search-fg: #f8f2ff;
  --glpi-search-border-color: rgba(168, 139, 192, 0.25);
  --glpi-fg-secondary: #f0e4ff;
  /* Badges */
  --glpi-badge-bg: rgba(248, 158, 160, 0.15);
  --glpi-badge-fg: #f89ea0;
  /* Formulier headers */
  --glpi-form-header-fg: #d8b4fe;
  --glpi-form-header-bg: rgba(216, 180, 254, 0.1);
  --glpi-form-header-border-color: rgba(216, 180, 254, 0.25);
  --glpi-form-header-danger-fg: #f79598;
  --glpi-form-header-danger-bg: rgba(247, 149, 152, 0.1);
  --glpi-form-header-danger-border-color: rgba(247, 149, 152, 0.25);
  /* Scrollbar */
  --glpi-scrollbar-thumb-color: rgba(168, 139, 192, 0.4);
  --glpi-scrollbar-track-color: transparent;
  /* ITIL / Timeline - donkere versies */
  --glpi-itil-secondary-bg: #322650;
  --glpi-timeline-itil-content-bg: rgba(89, 211, 138, 0.12);
  --glpi-timeline-itil-content-fg: #7eeab4;
  --glpi-timeline-itil-content-border-color: rgba(89, 211, 138, 0.3);
  --glpi-timeline-fup-bg: rgba(168, 139, 192, 0.12);
  --glpi-timeline-fup-fg: #d6c8e3;
  --glpi-timeline-fup-border-color: rgba(168, 139, 192, 0.3);
  --glpi-timeline-task-bg: rgba(242, 200, 115, 0.12);
  --glpi-timeline-task-fg: #f5d68e;
  --glpi-timeline-task-border-color: rgba(242, 200, 115, 0.3);
  --glpi-timeline-solution-bg: rgba(157, 162, 245, 0.12);
  --glpi-timeline-solution-fg: #b8baf5;
  --glpi-timeline-solution-border-color: rgba(157, 162, 245, 0.3);
  --glpi-timeline-document-bg: rgba(126, 234, 180, 0.1);
  --glpi-timeline-document-fg: #7eeab4;
  --glpi-timeline-document-border-color: rgba(126, 234, 180, 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(240, 228, 255, 0.75);
  --glpi-hover-bg: rgba(248, 158, 160, 0.08);
  /* Helpdesk */
  --glpi-helpdesk-header: #2b2045;
  --glpi-helpdesk-tiles-section-bg: #231739;
  --glpi-helpdesk-tabs-section-bg: #2b2045;
  /* Illustraties */
  --glpi-illustrations-background: #2b2045;
  --glpi-illustrations-header-dark: #1a1030;
  --glpi-illustrations-header-light: #322650;
  --glpi-illustrations-primary: var(--tc-accent);
  --glpi-illustrations-gradient-1: hsl(276deg, 35%, 20%);
  --glpi-illustrations-gradient-2: hsl(276deg, 35%, 30%);
  --glpi-illustrations-gradient-3: hsl(276deg, 35%, 40%);
  /* 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=TrustConnectDark] .page .glpi-logo,
:root[data-glpi-theme=trustconnectdark] .page .glpi-logo {
  background-size: contain !important;
  background-position: center !important;
}

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

/* Cards en surfaces donkerder */
:root[data-glpi-theme=TrustConnectDark] .card,
:root[data-glpi-theme=trustconnectdark] .card {
  --tblr-card-cap-bg: #322650 !important;
  --tblr-card-bg: #2b2045;
  background: #2b2045;
  border-color: rgba(168, 139, 192, 0.2);
  color: #f8f2ff;
}

/* Tabel aanpassingen */
:root[data-glpi-theme=TrustConnectDark] table,
:root[data-glpi-theme=trustconnectdark] table {
  color: #f8f2ff;
}
:root[data-glpi-theme=TrustConnectDark] table thead th,
:root[data-glpi-theme=trustconnectdark] table thead th {
  color: #d6c8e3;
  border-color: rgba(168, 139, 192, 0.2);
}
:root[data-glpi-theme=TrustConnectDark] table td, :root[data-glpi-theme=TrustConnectDark] table th,
:root[data-glpi-theme=trustconnectdark] table td,
:root[data-glpi-theme=trustconnectdark] table th {
  border-color: rgba(168, 139, 192, 0.12);
}
:root[data-glpi-theme=TrustConnectDark] table td.active,
:root[data-glpi-theme=TrustConnectDark] table td.tab_bg_4,
:root[data-glpi-theme=trustconnectdark] table td.active,
:root[data-glpi-theme=trustconnectdark] table td.tab_bg_4 {
  background-color: rgba(242, 130, 132, 0.08);
}

/* Zebra-rijen in overzichten subtieler (header/statusbalk ongemoeid) */
:root[data-glpi-theme=TrustConnectDark] .table.table-striped > tbody > tr:nth-of-type(odd) > *,
:root[data-glpi-theme=trustconnectdark] .table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(216, 180, 254, 0.06) !important;
}

:root[data-glpi-theme=TrustConnectDark] .table.table-striped > tbody > tr:nth-of-type(even) > *,
:root[data-glpi-theme=trustconnectdark] .table.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: rgba(43, 32, 69, 0.94) !important;
}

/* Dropdown en popover */
:root[data-glpi-theme=TrustConnectDark] .dropdown-menu,
:root[data-glpi-theme=trustconnectdark] .dropdown-menu {
  background: #322650;
  border-color: rgba(168, 139, 192, 0.25);
  color: #f8f2ff;
}
:root[data-glpi-theme=TrustConnectDark] .dropdown-menu .dropdown-item,
:root[data-glpi-theme=trustconnectdark] .dropdown-menu .dropdown-item {
  color: #f0e4ff;
}
:root[data-glpi-theme=TrustConnectDark] .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=TrustConnectDark] .dropdown-menu .dropdown-item:focus,
:root[data-glpi-theme=trustconnectdark] .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=trustconnectdark] .dropdown-menu .dropdown-item:focus {
  background: rgba(248, 158, 160, 0.1);
  color: #f89ea0;
}

/* Modals */
:root[data-glpi-theme=TrustConnectDark] .modal-content,
:root[data-glpi-theme=trustconnectdark] .modal-content {
  background: #2b2045;
  border-color: rgba(90, 70, 130, 0.5);
  color: #f8f2ff;
}

:root[data-glpi-theme=TrustConnectDark] .modal-header,
:root[data-glpi-theme=trustconnectdark] .modal-header {
  border-color: rgba(168, 139, 192, 0.2);
}

:root[data-glpi-theme=TrustConnectDark] .modal-footer,
:root[data-glpi-theme=trustconnectdark] .modal-footer {
  border-color: rgba(168, 139, 192, 0.2);
}

/* Inputs */
:root[data-glpi-theme=TrustConnectDark] .form-control,
:root[data-glpi-theme=TrustConnectDark] .form-select,
:root[data-glpi-theme=trustconnectdark] .form-control,
:root[data-glpi-theme=trustconnectdark] .form-select {
  background: #322650;
  border-color: rgba(168, 139, 192, 0.3);
  color: #f8f2ff;
}
:root[data-glpi-theme=TrustConnectDark] .form-control::placeholder,
:root[data-glpi-theme=TrustConnectDark] .form-select::placeholder,
:root[data-glpi-theme=trustconnectdark] .form-control::placeholder,
:root[data-glpi-theme=trustconnectdark] .form-select::placeholder {
  color: rgba(240, 228, 255, 0.45);
}
:root[data-glpi-theme=TrustConnectDark] .form-control:focus,
:root[data-glpi-theme=TrustConnectDark] .form-select:focus,
:root[data-glpi-theme=trustconnectdark] .form-control:focus,
:root[data-glpi-theme=trustconnectdark] .form-select:focus {
  background: #3a2d58;
  border-color: var(--tc-accent);
  box-shadow: 0 0 0 3px rgba(242, 130, 132, 0.15);
  color: #f8f2ff;
}

/* Accordion */
:root[data-glpi-theme=TrustConnectDark] .accordion,
:root[data-glpi-theme=trustconnectdark] .accordion {
  --tblr-accordion-color: #d6c8e3;
  --tblr-accordion-bg: #2b2045;
  --tblr-accordion-border-color: rgba(168, 139, 192, 0.2);
}

:root[data-glpi-theme=TrustConnectDark] .accordion-button,
:root[data-glpi-theme=trustconnectdark] .accordion-button {
  background: #322650;
  color: #f0e4ff;
}
:root[data-glpi-theme=TrustConnectDark] .accordion-button:not(.collapsed),
:root[data-glpi-theme=trustconnectdark] .accordion-button:not(.collapsed) {
  background: rgba(242, 130, 132, 0.1);
  color: #f89ea0;
}

/* Toast */
:root[data-glpi-theme=TrustConnectDark] .toast,
:root[data-glpi-theme=trustconnectdark] .toast {
  background: #322650 !important;
  color: #f8f2ff !important;
  border-color: rgba(168, 139, 192, 0.25);
}

/* Tooltip */
:root[data-glpi-theme=TrustConnectDark] .tooltip,
:root[data-glpi-theme=trustconnectdark] .tooltip {
  --tblr-tooltip-bg: #3a2d58;
  --tblr-tooltip-color: #f8f2ff;
}

/* Pre/code */
:root[data-glpi-theme=TrustConnectDark] pre,
:root[data-glpi-theme=TrustConnectDark] code,
:root[data-glpi-theme=trustconnectdark] pre,
:root[data-glpi-theme=trustconnectdark] code {
  background-color: #1a1030;
  color: #d6c8e3;
}

/* Select2 (veelgebruikt in GLPI) */
:root[data-glpi-theme=TrustConnectDark] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=TrustConnectDark] .select2-container--default .select2-selection--multiple,
:root[data-glpi-theme=trustconnectdark] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=trustconnectdark] .select2-container--default .select2-selection--multiple {
  background: #322650;
  border-color: rgba(168, 139, 192, 0.3);
  color: #f8f2ff;
}
:root[data-glpi-theme=TrustConnectDark] .select2-container--default .select2-dropdown,
:root[data-glpi-theme=trustconnectdark] .select2-container--default .select2-dropdown {
  background: #322650;
  border-color: rgba(168, 139, 192, 0.25);
}
:root[data-glpi-theme=TrustConnectDark] .select2-container--default .select2-results__option--highlighted,
:root[data-glpi-theme=trustconnectdark] .select2-container--default .select2-results__option--highlighted {
  background: rgba(248, 158, 160, 0.15);
  color: #f89ea0;
}

/* Login pagina */
:root[data-glpi-theme=TrustConnectDark] .page-anonymous,
:root[data-glpi-theme=trustconnectdark] .page-anonymous {
  background: #231739 !important;
}
:root[data-glpi-theme=TrustConnectDark] .page-anonymous .main-content-card,
:root[data-glpi-theme=trustconnectdark] .page-anonymous .main-content-card {
  background: #2b2045;
  border-color: rgba(90, 70, 130, 0.5);
  color: #f8f2ff;
}

/* Breadcrumbs */
:root[data-glpi-theme=TrustConnectDark] .breadcrumb,
:root[data-glpi-theme=trustconnectdark] .breadcrumb {
  --tblr-breadcrumb-link-color: #a88bc0;
  color: #d6c8e3;
}

/* Popover */
:root[data-glpi-theme=TrustConnectDark] .popover,
:root[data-glpi-theme=trustconnectdark] .popover {
  background: #322650;
  border-color: rgba(168, 139, 192, 0.25);
}
:root[data-glpi-theme=TrustConnectDark] .popover .popover-body,
:root[data-glpi-theme=trustconnectdark] .popover .popover-body {
  color: #f8f2ff;
}
:root[data-glpi-theme=TrustConnectDark] .popover .popover-arrow::after,
:root[data-glpi-theme=trustconnectdark] .popover .popover-arrow::after {
  border-top-color: #322650;
}

/* Mail-import / rich text readability in ticket & change views */
:root[data-glpi-theme=TrustConnectDark] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=TrustConnectDark] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=TrustConnectDark] .itil-object-fields .field-container .description,
:root[data-glpi-theme=TrustConnectDark] .timeline .rich_text_container,
:root[data-glpi-theme=TrustConnectDark] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=TrustConnectDark] .timeline .ql-editor,
:root[data-glpi-theme=trustconnectdark] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=trustconnectdark] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=trustconnectdark] .itil-object-fields .field-container .description,
:root[data-glpi-theme=trustconnectdark] .timeline .rich_text_container,
:root[data-glpi-theme=trustconnectdark] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=trustconnectdark] .timeline .ql-editor {
  background: #2b2045 !important;
  color: #f8f2ff !important;
  border-color: rgba(168, 139, 192, 0.3) !important;
}

:root[data-glpi-theme=TrustConnectDark] .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=TrustConnectDark] .timeline .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=TrustConnectDark] .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=TrustConnectDark] .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=trustconnectdark] .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=trustconnectdark] .timeline .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=trustconnectdark] .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=trustconnectdark] .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;
}

/* TinyMCE readonly body may live in an iframe without the root theme attribute */
body#tinymce.mce-content-body.rich_text_container.mce-content-readonly,
body#tinymce.mce-content-body.rich_text_container.mce-content-readonly :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font) {
  color: #f8f2ff !important;
}

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

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

:root[data-glpi-theme=TrustConnectDark] .itil-object-fields .field-container .rich_text_container :is(img, svg),
:root[data-glpi-theme=TrustConnectDark] .timeline .rich_text_container :is(img, svg),
:root[data-glpi-theme=TrustConnectDark] .read-only-content .rich_text_container :is(img, svg),
:root[data-glpi-theme=trustconnectdark] .itil-object-fields .field-container .rich_text_container :is(img, svg),
:root[data-glpi-theme=trustconnectdark] .timeline .rich_text_container :is(img, svg),
:root[data-glpi-theme=trustconnectdark] .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=TrustConnectDark] .read-only-content .rich_text_container [style*="color: rgb(0, 0, 0)"],
:root[data-glpi-theme=TrustConnectDark] .read-only-content .rich_text_container [style*="color:rgb(0,0,0)"],
:root[data-glpi-theme=TrustConnectDark] .read-only-content .rich_text_container [style*="color:#000"],
:root[data-glpi-theme=TrustConnectDark] .read-only-content .rich_text_container [style*="color: #000"],
:root[data-glpi-theme=trustconnectdark] .read-only-content .rich_text_container [style*="color: rgb(0, 0, 0)"],
:root[data-glpi-theme=trustconnectdark] .read-only-content .rich_text_container [style*="color:rgb(0,0,0)"],
:root[data-glpi-theme=trustconnectdark] .read-only-content .rich_text_container [style*="color:#000"],
:root[data-glpi-theme=trustconnectdark] .read-only-content .rich_text_container [style*="color: #000"] {
  color: #f8f2ff !important;
}

/* Footer */
:root[data-glpi-theme=TrustConnectDark] .footer,
:root[data-glpi-theme=trustconnectdark] .footer {
  color: rgba(240, 228, 255, 0.6);
}