/* Trust Connect - Semi Dark Theme */
/* Net van het witte thema af: lichte paars-grijze tinten, donkere tekst */
:root[data-glpi-theme=TrustConnectSemiDark],
:root[data-glpi-theme=trustconnectsemidark] {
  /* Licht-paars/grijs getinte basis - dicht bij wit maar net getint */
  --tblr-light: #e8e0f0;
  --tblr-dark: #2a1e45;
  --tblr-primary-rgb: 100, 52, 140;
  --tblr-primary: #64348c;
  --tblr-primary-fg: #f4f0f8;
  --tblr-primary-darken: color-mix(in srgb, var(--tblr-primary), black 10%);
  --tblr-secondary: #7a5c91;
  --tblr-secondary-fg: #f4f0f8;
  --tblr-tertiary: #a88bc0;
  --tblr-muted: #8e80a2;
  --tblr-info: #9da2f5;
  --tblr-success: #59d38a;
  --tblr-warning: #f2c873;
  --tblr-danger: #f26d70;
  --tblr-link-color-rgb: 100, 52, 140;
  --tblr-link-color: #64348c;
  --tblr-navbar-color: #64348c;
  --tblr-body-bg: #e8e0f0;
  --tblr-body-color: #2a1e45;
  --tblr-bg-surface: #f0eaf5;
  --tblr-bg-surface-secondary: #e0d6ec;
  --tblr-bg-surface-tertiary: #d8cce5;
  --tblr-border-color: rgba(100, 52, 140, 0.16);
  --tblr-border-color-translucent: rgba(100, 52, 140, 0.1);
  /* Accenten - roze/paars */
  --tc-accent: #f28284;
  --tc-accent-light: #f89ea0;
  --tc-primary-light: #8652b0;
  /* 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);
  /* Menu: donkerder paars voor contrast, maar niet zwart */
  --glpi-mainmenu-bg: #3a2858;
  --glpi-mainmenu-fg: #e8e0f5;
  --glpi-mainmenu-fg-muted: rgba(232, 224, 245, 0.55);
  --glpi-mainmenu-active-bg: rgba(242, 130, 132, 0.2);
  --glpi-mainmenu-border-color: rgba(100, 52, 140, 0.3);
  --glpi-fg-secondary: #f4f0f8;
  /* Tabs - licht getint */
  --glpi-tabs-bg: #ddd2ea;
  --glpi-tabs-fg: #5a3d7a;
  --glpi-tabs-border-color: rgba(100, 52, 140, 0.18);
  --glpi-tabs-active-bg: #f0eaf5;
  --glpi-tabs-active-fg: #2a1e45;
  --glpi-tabs-active-border-color: #f28284;
  --glpi-search-bg: #e0d6ec;
  --glpi-search-fg: #2a1e45;
  --glpi-search-border-color: rgba(100, 52, 140, 0.18);
  /* Badges */
  --glpi-badge-bg: color-mix(in srgb, var(--tblr-link-color), var(--tblr-light) 88%);
  --glpi-badge-fg: var(--tblr-link-color);
  /* Formulier headers */
  --glpi-form-header-fg: #64348c;
  --glpi-form-header-bg: rgba(100, 52, 140, 0.08);
  --glpi-form-header-border-color: rgba(100, 52, 140, 0.2);
  /* Timeline */
  --glpi-itil-secondary-bg: #e0d6ec;
  --glpi-timeline-itil-content-bg: rgba(89, 211, 138, 0.14);
  --glpi-timeline-itil-content-fg: #2a7a48;
  --glpi-timeline-itil-content-border-color: rgba(89, 211, 138, 0.3);
  --glpi-timeline-fup-bg: rgba(100, 52, 140, 0.08);
  --glpi-timeline-fup-fg: #64348c;
  --glpi-timeline-fup-border-color: rgba(100, 52, 140, 0.2);
  --glpi-timeline-task-bg: rgba(242, 200, 115, 0.2);
  --glpi-timeline-task-fg: #8a6510;
  --glpi-timeline-task-border-color: rgba(242, 200, 115, 0.4);
  --glpi-timeline-solution-bg: rgba(89, 211, 138, 0.12);
  --glpi-timeline-solution-fg: #2a7a48;
  --glpi-timeline-solution-border-color: rgba(89, 211, 138, 0.3);
  --glpi-timeline-document-bg: rgba(157, 162, 245, 0.12);
  --glpi-timeline-document-fg: #5a56a8;
  --glpi-timeline-document-border-color: rgba(157, 162, 245, 0.28);
  --glpi-timeline-log-bg: rgba(42, 30, 69, 0.04);
  --glpi-timeline-badge-bg: rgba(100, 52, 140, 0.1);
  --glpi-timeline-badge-fg: rgba(100, 52, 140, 0.7);
  /* Helpdesk */
  --glpi-helpdesk-header: hsl(276deg, 35%, 85%);
  --glpi-helpdesk-tiles-section-bg: #e8e0f0;
  --glpi-helpdesk-tabs-section-bg: #e0d6ec;
  /* Illustraties */
  --glpi-illustrations-background: #e0d6ec;
  --glpi-illustrations-header-dark: #3a2858;
  --glpi-illustrations-header-light: #a88bc0;
  --glpi-illustrations-primary: #f28284;
  --glpi-illustrations-gradient-1: hsl(276deg, 35%, 88%);
  --glpi-illustrations-gradient-2: hsl(276deg, 35%, 75%);
  --glpi-illustrations-gradient-3: hsl(276deg, 35%, 55%);
}

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

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

/* Cards - licht paars getint */
:root[data-glpi-theme=TrustConnectSemiDark] .card,
:root[data-glpi-theme=trustconnectsemidark] .card {
  --tblr-card-cap-bg: #e0d6ec !important;
  --tblr-card-bg: #f0eaf5;
  background: #f0eaf5;
  border-color: rgba(100, 52, 140, 0.12);
  color: #2a1e45;
  box-shadow: 0 2px 8px rgba(42, 30, 69, 0.06);
}

/* Tabel */
:root[data-glpi-theme=TrustConnectSemiDark] table,
:root[data-glpi-theme=trustconnectsemidark] table {
  color: #2a1e45;
}
:root[data-glpi-theme=TrustConnectSemiDark] table thead th,
:root[data-glpi-theme=trustconnectsemidark] table thead th {
  color: #5a3d7a;
  border-color: rgba(100, 52, 140, 0.18);
  font-weight: 600;
}
:root[data-glpi-theme=TrustConnectSemiDark] table td, :root[data-glpi-theme=TrustConnectSemiDark] table th,
:root[data-glpi-theme=trustconnectsemidark] table td,
:root[data-glpi-theme=trustconnectsemidark] table th {
  border-color: rgba(100, 52, 140, 0.1);
}
:root[data-glpi-theme=TrustConnectSemiDark] table td.active,
:root[data-glpi-theme=TrustConnectSemiDark] table td.tab_bg_4,
:root[data-glpi-theme=trustconnectsemidark] table td.active,
:root[data-glpi-theme=trustconnectsemidark] table td.tab_bg_4 {
  background-color: rgba(242, 130, 132, 0.1);
}

/* Zebra-rijen in overzichten subtieler (header/statusbalk ongemoeid) */
:root[data-glpi-theme=TrustConnectSemiDark] .table.table-striped > tbody > tr:nth-of-type(odd) > *,
:root[data-glpi-theme=trustconnectsemidark] .table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(100, 52, 140, 0.08) !important;
}

:root[data-glpi-theme=TrustConnectSemiDark] .table.table-striped > tbody > tr:nth-of-type(even) > *,
:root[data-glpi-theme=trustconnectsemidark] .table.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: rgba(240, 234, 245, 0.95) !important;
}

/* Dropdown */
:root[data-glpi-theme=TrustConnectSemiDark] .dropdown-menu,
:root[data-glpi-theme=trustconnectsemidark] .dropdown-menu {
  background: #f0eaf5;
  border-color: rgba(100, 52, 140, 0.14);
  color: #2a1e45;
  box-shadow: 0 6px 24px rgba(42, 30, 69, 0.1);
}
:root[data-glpi-theme=TrustConnectSemiDark] .dropdown-menu .dropdown-item,
:root[data-glpi-theme=trustconnectsemidark] .dropdown-menu .dropdown-item {
  color: #2a1e45;
  border-radius: 6px;
}
:root[data-glpi-theme=TrustConnectSemiDark] .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=TrustConnectSemiDark] .dropdown-menu .dropdown-item:focus,
:root[data-glpi-theme=trustconnectsemidark] .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=trustconnectsemidark] .dropdown-menu .dropdown-item:focus {
  background: rgba(242, 130, 132, 0.12);
  color: #c0384a;
}

/* Modals */
:root[data-glpi-theme=TrustConnectSemiDark] .modal-content,
:root[data-glpi-theme=trustconnectsemidark] .modal-content {
  background: #f0eaf5;
  border-color: rgba(100, 52, 140, 0.14);
  color: #2a1e45;
  box-shadow: 0 12px 48px rgba(42, 30, 69, 0.12);
}

:root[data-glpi-theme=TrustConnectSemiDark] .modal-header,
:root[data-glpi-theme=trustconnectsemidark] .modal-header {
  border-color: rgba(100, 52, 140, 0.14);
}

:root[data-glpi-theme=TrustConnectSemiDark] .modal-footer,
:root[data-glpi-theme=trustconnectsemidark] .modal-footer {
  border-color: rgba(100, 52, 140, 0.14);
}

/* Inputs */
:root[data-glpi-theme=TrustConnectSemiDark] .form-control,
:root[data-glpi-theme=TrustConnectSemiDark] .form-select,
:root[data-glpi-theme=trustconnectsemidark] .form-control,
:root[data-glpi-theme=trustconnectsemidark] .form-select {
  background: #e8e0f0;
  border-color: rgba(100, 52, 140, 0.18);
  color: #2a1e45;
}
:root[data-glpi-theme=TrustConnectSemiDark] .form-control::placeholder,
:root[data-glpi-theme=TrustConnectSemiDark] .form-select::placeholder,
:root[data-glpi-theme=trustconnectsemidark] .form-control::placeholder,
:root[data-glpi-theme=trustconnectsemidark] .form-select::placeholder {
  color: rgba(42, 30, 69, 0.4);
}
:root[data-glpi-theme=TrustConnectSemiDark] .form-control:focus,
:root[data-glpi-theme=TrustConnectSemiDark] .form-select:focus,
:root[data-glpi-theme=trustconnectsemidark] .form-control:focus,
:root[data-glpi-theme=trustconnectsemidark] .form-select:focus {
  background: #f0eaf5;
  border-color: #f28284;
  box-shadow: 0 0 0 3px rgba(242, 130, 132, 0.15);
  color: #2a1e45;
}

/* Accordion */
:root[data-glpi-theme=TrustConnectSemiDark] .accordion,
:root[data-glpi-theme=trustconnectsemidark] .accordion {
  --tblr-accordion-color: #2a1e45;
  --tblr-accordion-bg: #f0eaf5;
  --tblr-accordion-border-color: rgba(100, 52, 140, 0.14);
}

:root[data-glpi-theme=TrustConnectSemiDark] .accordion-button,
:root[data-glpi-theme=trustconnectsemidark] .accordion-button {
  background: #e0d6ec;
  color: #5a3d7a;
}
:root[data-glpi-theme=TrustConnectSemiDark] .accordion-button:not(.collapsed),
:root[data-glpi-theme=trustconnectsemidark] .accordion-button:not(.collapsed) {
  background: rgba(242, 130, 132, 0.12);
  color: #c0384a;
}

/* Toast */
:root[data-glpi-theme=TrustConnectSemiDark] .toast,
:root[data-glpi-theme=trustconnectsemidark] .toast {
  background: #e0d6ec !important;
  color: #2a1e45 !important;
  border-color: rgba(100, 52, 140, 0.15);
  box-shadow: 0 6px 24px rgba(42, 30, 69, 0.1);
}

/* Tooltip */
:root[data-glpi-theme=TrustConnectSemiDark] .tooltip,
:root[data-glpi-theme=trustconnectsemidark] .tooltip {
  --tblr-tooltip-bg: #3a2858;
  --tblr-tooltip-color: #f4f0f8;
}

/* Pre/code */
:root[data-glpi-theme=TrustConnectSemiDark] pre,
:root[data-glpi-theme=TrustConnectSemiDark] code,
:root[data-glpi-theme=trustconnectsemidark] pre,
:root[data-glpi-theme=trustconnectsemidark] code {
  background-color: rgba(100, 52, 140, 0.08);
  color: #2a1e45;
}

/* Select2 */
:root[data-glpi-theme=TrustConnectSemiDark] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=TrustConnectSemiDark] .select2-container--default .select2-selection--multiple,
:root[data-glpi-theme=trustconnectsemidark] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=trustconnectsemidark] .select2-container--default .select2-selection--multiple {
  background: #e8e0f0;
  border-color: rgba(100, 52, 140, 0.18);
  color: #2a1e45;
}
:root[data-glpi-theme=TrustConnectSemiDark] .select2-container--default .select2-dropdown,
:root[data-glpi-theme=trustconnectsemidark] .select2-container--default .select2-dropdown {
  background: #f0eaf5;
  border-color: rgba(100, 52, 140, 0.14);
  box-shadow: 0 6px 24px rgba(42, 30, 69, 0.1);
}
:root[data-glpi-theme=TrustConnectSemiDark] .select2-container--default .select2-results__option--highlighted,
:root[data-glpi-theme=trustconnectsemidark] .select2-container--default .select2-results__option--highlighted {
  background: rgba(242, 130, 132, 0.12);
  color: #c0384a;
}

/* Login pagina */
:root[data-glpi-theme=TrustConnectSemiDark] .page-anonymous,
:root[data-glpi-theme=trustconnectsemidark] .page-anonymous {
  background: #d8cce5 !important;
}
:root[data-glpi-theme=TrustConnectSemiDark] .page-anonymous .main-content-card,
:root[data-glpi-theme=trustconnectsemidark] .page-anonymous .main-content-card {
  background: #f0eaf5;
  border-color: rgba(100, 52, 140, 0.14);
  color: #2a1e45;
  box-shadow: 0 12px 48px rgba(42, 30, 69, 0.1);
}

/* Breadcrumbs */
:root[data-glpi-theme=TrustConnectSemiDark] .breadcrumb,
:root[data-glpi-theme=trustconnectsemidark] .breadcrumb {
  --tblr-breadcrumb-link-color: #7a5c91;
  color: #8e80a2;
}

/* Popover */
:root[data-glpi-theme=TrustConnectSemiDark] .popover,
:root[data-glpi-theme=trustconnectsemidark] .popover {
  background: #f0eaf5;
  border-color: rgba(100, 52, 140, 0.14);
  box-shadow: 0 6px 24px rgba(42, 30, 69, 0.1);
}
:root[data-glpi-theme=TrustConnectSemiDark] .popover .popover-body,
:root[data-glpi-theme=trustconnectsemidark] .popover .popover-body {
  color: #2a1e45;
}
:root[data-glpi-theme=TrustConnectSemiDark] .popover .popover-arrow::after,
:root[data-glpi-theme=trustconnectsemidark] .popover .popover-arrow::after {
  border-top-color: #f0eaf5;
}

/* Rich text readability */
:root[data-glpi-theme=TrustConnectSemiDark] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=TrustConnectSemiDark] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=TrustConnectSemiDark] .itil-object-fields .field-container .description,
:root[data-glpi-theme=TrustConnectSemiDark] .timeline .rich_text_container,
:root[data-glpi-theme=TrustConnectSemiDark] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=TrustConnectSemiDark] .timeline .ql-editor,
:root[data-glpi-theme=trustconnectsemidark] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=trustconnectsemidark] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=trustconnectsemidark] .itil-object-fields .field-container .description,
:root[data-glpi-theme=trustconnectsemidark] .timeline .rich_text_container,
:root[data-glpi-theme=trustconnectsemidark] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=trustconnectsemidark] .timeline .ql-editor {
  background: #f0eaf5 !important;
  color: #2a1e45 !important;
  border-color: rgba(100, 52, 140, 0.14) !important;
}

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

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

:root[data-glpi-theme=TrustConnectSemiDark] .itil-object-fields .field-container .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=TrustConnectSemiDark] .timeline .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=TrustConnectSemiDark] .read-only-content .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectsemidark] .itil-object-fields .field-container .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectsemidark] .timeline .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectsemidark] .read-only-content .rich_text_container :is(table, tr, td, th) {
  background-color: transparent !important;
  color: inherit !important;
  border-color: rgba(100, 52, 140, 0.14) !important;
}

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

/* Force override inline black text */
:root[data-glpi-theme=TrustConnectSemiDark] .read-only-content .rich_text_container [style*="color: rgb(0, 0, 0)"],
:root[data-glpi-theme=TrustConnectSemiDark] .read-only-content .rich_text_container [style*="color:rgb(0,0,0)"],
:root[data-glpi-theme=TrustConnectSemiDark] .read-only-content .rich_text_container [style*="color:#000"],
:root[data-glpi-theme=TrustConnectSemiDark] .read-only-content .rich_text_container [style*="color: #000"],
:root[data-glpi-theme=trustconnectsemidark] .read-only-content .rich_text_container [style*="color: rgb(0, 0, 0)"],
:root[data-glpi-theme=trustconnectsemidark] .read-only-content .rich_text_container [style*="color:rgb(0,0,0)"],
:root[data-glpi-theme=trustconnectsemidark] .read-only-content .rich_text_container [style*="color:#000"],
:root[data-glpi-theme=trustconnectsemidark] .read-only-content .rich_text_container [style*="color: #000"] {
  color: #2a1e45 !important;
}

/* Footer */
:root[data-glpi-theme=TrustConnectSemiDark] .footer,
:root[data-glpi-theme=trustconnectsemidark] .footer {
  color: rgba(42, 30, 69, 0.5);
}