/* Trust Connect - Blue Team Theme */
/* SOC command-center stijl: diep navy met cyaan accenten */
:root[data-glpi-theme=TrustConnectBlueTeam],
:root[data-glpi-theme=trustconnectblueteam] {
  /* Donkere navy achtergronden */
  --tblr-light: #111a2e;
  --tblr-dark: #e6eefc;
  --tblr-primary-rgb: 77, 208, 255;
  --tblr-primary: #4dd0ff;
  --tblr-primary-fg: #06121f;
  --tblr-primary-darken: color-mix(in srgb, var(--tblr-primary), black 10%);
  --tblr-secondary: #7d93b8;
  --tblr-secondary-fg: #06121f;
  --tblr-tertiary: #b8c7e0;
  --tblr-muted: #7d93b8;
  --tblr-muted-darken: color-mix(in srgb, var(--tblr-muted), black 10%);
  --tblr-info: #60a5fa;
  --tblr-success: #34d399;
  --tblr-warning: #fbbf24;
  --tblr-danger: #f87171;
  --tblr-link-color-rgb: 77, 208, 255;
  --tblr-link-color: #4dd0ff;
  --tblr-badge-bg: rgba(125, 147, 184, 0.25);
  --tblr-badge-color: #b8c7e0;
  --tblr-navbar-color: #dbeafe;
  --tblr-body-bg: #0b1220;
  --tblr-body-color: #e6eefc;
  --tblr-bg-surface: #111a2e;
  --tblr-bg-surface-secondary: #16213a;
  --tblr-bg-surface-tertiary: #1c2947;
  --tblr-bg-surface-dark: #060b16;
  --tblr-border-color: rgba(125, 147, 184, 0.25);
  --tblr-border-color-translucent: rgba(125, 147, 184, 0.15);
  /* Blue Team accenten */
  --tc-accent: #38bdf8;
  --tc-accent-light: #7dd3fc;
  --tc-primary-light: #93c5fd;
  /* 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 navy */
  --glpi-mainmenu-bg: #060b16;
  --glpi-mainmenu-fg: #dbeafe;
  --glpi-mainmenu-fg-muted: rgba(219, 234, 254, 0.55);
  --glpi-mainmenu-active-bg: rgba(56, 189, 248, 0.2);
  --glpi-mainmenu-border-color: rgba(60, 85, 130, 0.5);
  /* Tabs */
  --glpi-tabs-bg: #16213a;
  --glpi-tabs-fg: #7d93b8;
  --glpi-tabs-border-color: rgba(125, 147, 184, 0.25);
  --glpi-tabs-active-bg: #111a2e;
  --glpi-tabs-active-fg: #e6eefc;
  --glpi-tabs-active-border-color: var(--tc-accent);
  /* Zoeken */
  --glpi-search-bg: #16213a;
  --glpi-search-fg: #e6eefc;
  --glpi-search-border-color: rgba(125, 147, 184, 0.25);
  --glpi-fg-secondary: #dbeafe;
  /* Badges */
  --glpi-badge-bg: rgba(77, 208, 255, 0.15);
  --glpi-badge-fg: #7dd3fc;
  /* Formulier headers */
  --glpi-form-header-fg: #93c5fd;
  --glpi-form-header-bg: rgba(147, 197, 253, 0.1);
  --glpi-form-header-border-color: rgba(147, 197, 253, 0.25);
  --glpi-form-header-danger-fg: #f87171;
  --glpi-form-header-danger-bg: rgba(248, 113, 113, 0.1);
  --glpi-form-header-danger-border-color: rgba(248, 113, 113, 0.25);
  /* Scrollbar */
  --glpi-scrollbar-thumb-color: rgba(125, 147, 184, 0.4);
  --glpi-scrollbar-track-color: transparent;
  /* ITIL / Timeline - donkere versies */
  --glpi-itil-secondary-bg: #16213a;
  --glpi-timeline-itil-content-bg: rgba(52, 211, 153, 0.12);
  --glpi-timeline-itil-content-fg: #6ee7b7;
  --glpi-timeline-itil-content-border-color: rgba(52, 211, 153, 0.3);
  --glpi-timeline-fup-bg: rgba(125, 147, 184, 0.12);
  --glpi-timeline-fup-fg: #b8c7e0;
  --glpi-timeline-fup-border-color: rgba(125, 147, 184, 0.3);
  --glpi-timeline-task-bg: rgba(251, 191, 36, 0.12);
  --glpi-timeline-task-fg: #fcd34d;
  --glpi-timeline-task-border-color: rgba(251, 191, 36, 0.3);
  --glpi-timeline-solution-bg: rgba(96, 165, 250, 0.12);
  --glpi-timeline-solution-fg: #93c5fd;
  --glpi-timeline-solution-border-color: rgba(96, 165, 250, 0.3);
  --glpi-timeline-document-bg: rgba(52, 211, 153, 0.1);
  --glpi-timeline-document-fg: #6ee7b7;
  --glpi-timeline-document-border-color: rgba(52, 211, 153, 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(219, 234, 254, 0.75);
  --glpi-hover-bg: rgba(77, 208, 255, 0.08);
  /* Helpdesk */
  --glpi-helpdesk-header: #111a2e;
  --glpi-helpdesk-tiles-section-bg: #0b1220;
  --glpi-helpdesk-tabs-section-bg: #111a2e;
  /* Illustraties */
  --glpi-illustrations-background: #111a2e;
  --glpi-illustrations-header-dark: #060b16;
  --glpi-illustrations-header-light: #16213a;
  --glpi-illustrations-primary: var(--tc-accent);
  --glpi-illustrations-gradient-1: hsl(217deg, 45%, 18%);
  --glpi-illustrations-gradient-2: hsl(217deg, 45%, 28%);
  --glpi-illustrations-gradient-3: hsl(217deg, 45%, 38%);
  /* 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=TrustConnectBlueTeam] .page .glpi-logo,
:root[data-glpi-theme=trustconnectblueteam] .page .glpi-logo {
  background-size: contain !important;
  background-position: center !important;
}

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

/* Cards en surfaces donkerder */
:root[data-glpi-theme=TrustConnectBlueTeam] .card,
:root[data-glpi-theme=trustconnectblueteam] .card {
  --tblr-card-cap-bg: #16213a !important;
  --tblr-card-bg: #111a2e;
  background: #111a2e;
  border-color: rgba(125, 147, 184, 0.2);
  color: #e6eefc;
}

/* Tabel aanpassingen */
:root[data-glpi-theme=TrustConnectBlueTeam] table,
:root[data-glpi-theme=trustconnectblueteam] table {
  color: #e6eefc;
}
:root[data-glpi-theme=TrustConnectBlueTeam] table thead th,
:root[data-glpi-theme=trustconnectblueteam] table thead th {
  color: #b8c7e0;
  border-color: rgba(125, 147, 184, 0.2);
}
:root[data-glpi-theme=TrustConnectBlueTeam] table td, :root[data-glpi-theme=TrustConnectBlueTeam] table th,
:root[data-glpi-theme=trustconnectblueteam] table td,
:root[data-glpi-theme=trustconnectblueteam] table th {
  border-color: rgba(125, 147, 184, 0.12);
}
:root[data-glpi-theme=TrustConnectBlueTeam] table td.active,
:root[data-glpi-theme=TrustConnectBlueTeam] table td.tab_bg_4,
:root[data-glpi-theme=trustconnectblueteam] table td.active,
:root[data-glpi-theme=trustconnectblueteam] table td.tab_bg_4 {
  background-color: rgba(56, 189, 248, 0.08);
}

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

:root[data-glpi-theme=TrustConnectBlueTeam] .table.table-striped > tbody > tr:nth-of-type(even) > *,
:root[data-glpi-theme=trustconnectblueteam] .table.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: rgba(17, 26, 46, 0.94) !important;
}

/* Dropdown en popover */
:root[data-glpi-theme=TrustConnectBlueTeam] .dropdown-menu,
:root[data-glpi-theme=trustconnectblueteam] .dropdown-menu {
  background: #16213a;
  border-color: rgba(125, 147, 184, 0.25);
  color: #e6eefc;
}
:root[data-glpi-theme=TrustConnectBlueTeam] .dropdown-menu .dropdown-item,
:root[data-glpi-theme=trustconnectblueteam] .dropdown-menu .dropdown-item {
  color: #dbeafe;
}
:root[data-glpi-theme=TrustConnectBlueTeam] .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=TrustConnectBlueTeam] .dropdown-menu .dropdown-item:focus,
:root[data-glpi-theme=trustconnectblueteam] .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=trustconnectblueteam] .dropdown-menu .dropdown-item:focus {
  background: rgba(77, 208, 255, 0.1);
  color: #7dd3fc;
}

/* Modals */
:root[data-glpi-theme=TrustConnectBlueTeam] .modal-content,
:root[data-glpi-theme=trustconnectblueteam] .modal-content {
  background: #111a2e;
  border-color: rgba(60, 85, 130, 0.5);
  color: #e6eefc;
}

:root[data-glpi-theme=TrustConnectBlueTeam] .modal-header,
:root[data-glpi-theme=trustconnectblueteam] .modal-header {
  border-color: rgba(125, 147, 184, 0.2);
}

:root[data-glpi-theme=TrustConnectBlueTeam] .modal-footer,
:root[data-glpi-theme=trustconnectblueteam] .modal-footer {
  border-color: rgba(125, 147, 184, 0.2);
}

/* Inputs */
:root[data-glpi-theme=TrustConnectBlueTeam] .form-control,
:root[data-glpi-theme=TrustConnectBlueTeam] .form-select,
:root[data-glpi-theme=trustconnectblueteam] .form-control,
:root[data-glpi-theme=trustconnectblueteam] .form-select {
  background: #16213a;
  border-color: rgba(125, 147, 184, 0.3);
  color: #e6eefc;
}
:root[data-glpi-theme=TrustConnectBlueTeam] .form-control::placeholder,
:root[data-glpi-theme=TrustConnectBlueTeam] .form-select::placeholder,
:root[data-glpi-theme=trustconnectblueteam] .form-control::placeholder,
:root[data-glpi-theme=trustconnectblueteam] .form-select::placeholder {
  color: rgba(219, 234, 254, 0.45);
}
:root[data-glpi-theme=TrustConnectBlueTeam] .form-control:focus,
:root[data-glpi-theme=TrustConnectBlueTeam] .form-select:focus,
:root[data-glpi-theme=trustconnectblueteam] .form-control:focus,
:root[data-glpi-theme=trustconnectblueteam] .form-select:focus {
  background: #1c2947;
  border-color: var(--tc-accent);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15);
  color: #e6eefc;
}

/* Accordion */
:root[data-glpi-theme=TrustConnectBlueTeam] .accordion,
:root[data-glpi-theme=trustconnectblueteam] .accordion {
  --tblr-accordion-color: #b8c7e0;
  --tblr-accordion-bg: #111a2e;
  --tblr-accordion-border-color: rgba(125, 147, 184, 0.2);
}

:root[data-glpi-theme=TrustConnectBlueTeam] .accordion-button,
:root[data-glpi-theme=trustconnectblueteam] .accordion-button {
  background: #16213a;
  color: #dbeafe;
}
:root[data-glpi-theme=TrustConnectBlueTeam] .accordion-button:not(.collapsed),
:root[data-glpi-theme=trustconnectblueteam] .accordion-button:not(.collapsed) {
  background: rgba(56, 189, 248, 0.1);
  color: #7dd3fc;
}

/* Toast */
:root[data-glpi-theme=TrustConnectBlueTeam] .toast,
:root[data-glpi-theme=trustconnectblueteam] .toast {
  background: #16213a !important;
  color: #e6eefc !important;
  border-color: rgba(125, 147, 184, 0.25);
}

/* Tooltip */
:root[data-glpi-theme=TrustConnectBlueTeam] .tooltip,
:root[data-glpi-theme=trustconnectblueteam] .tooltip {
  --tblr-tooltip-bg: #1c2947;
  --tblr-tooltip-color: #e6eefc;
}

/* Pre/code */
:root[data-glpi-theme=TrustConnectBlueTeam] pre,
:root[data-glpi-theme=TrustConnectBlueTeam] code,
:root[data-glpi-theme=trustconnectblueteam] pre,
:root[data-glpi-theme=trustconnectblueteam] code {
  background-color: #060b16;
  color: #b8c7e0;
}

/* Select2 (veelgebruikt in GLPI) */
:root[data-glpi-theme=TrustConnectBlueTeam] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=TrustConnectBlueTeam] .select2-container--default .select2-selection--multiple,
:root[data-glpi-theme=trustconnectblueteam] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=trustconnectblueteam] .select2-container--default .select2-selection--multiple {
  background: #16213a;
  border-color: rgba(125, 147, 184, 0.3);
  color: #e6eefc;
}
:root[data-glpi-theme=TrustConnectBlueTeam] .select2-container--default .select2-dropdown,
:root[data-glpi-theme=trustconnectblueteam] .select2-container--default .select2-dropdown {
  background: #16213a;
  border-color: rgba(125, 147, 184, 0.25);
}
:root[data-glpi-theme=TrustConnectBlueTeam] .select2-container--default .select2-results__option--highlighted,
:root[data-glpi-theme=trustconnectblueteam] .select2-container--default .select2-results__option--highlighted {
  background: rgba(77, 208, 255, 0.15);
  color: #7dd3fc;
}

/* Login pagina */
:root[data-glpi-theme=TrustConnectBlueTeam] .page-anonymous,
:root[data-glpi-theme=trustconnectblueteam] .page-anonymous {
  background: #0b1220 !important;
}
:root[data-glpi-theme=TrustConnectBlueTeam] .page-anonymous .main-content-card,
:root[data-glpi-theme=trustconnectblueteam] .page-anonymous .main-content-card {
  background: #111a2e;
  border-color: rgba(60, 85, 130, 0.5);
  color: #e6eefc;
}

/* Breadcrumbs */
:root[data-glpi-theme=TrustConnectBlueTeam] .breadcrumb,
:root[data-glpi-theme=trustconnectblueteam] .breadcrumb {
  --tblr-breadcrumb-link-color: #7d93b8;
  color: #b8c7e0;
}

/* Popover */
:root[data-glpi-theme=TrustConnectBlueTeam] .popover,
:root[data-glpi-theme=trustconnectblueteam] .popover {
  background: #16213a;
  border-color: rgba(125, 147, 184, 0.25);
}
:root[data-glpi-theme=TrustConnectBlueTeam] .popover .popover-body,
:root[data-glpi-theme=trustconnectblueteam] .popover .popover-body {
  color: #e6eefc;
}
:root[data-glpi-theme=TrustConnectBlueTeam] .popover .popover-arrow::after,
:root[data-glpi-theme=trustconnectblueteam] .popover .popover-arrow::after {
  border-top-color: #16213a;
}

/* Mail-import / rich text readability in ticket & change views */
:root[data-glpi-theme=TrustConnectBlueTeam] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=TrustConnectBlueTeam] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=TrustConnectBlueTeam] .itil-object-fields .field-container .description,
:root[data-glpi-theme=TrustConnectBlueTeam] .timeline .rich_text_container,
:root[data-glpi-theme=TrustConnectBlueTeam] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=TrustConnectBlueTeam] .timeline .ql-editor,
:root[data-glpi-theme=trustconnectblueteam] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=trustconnectblueteam] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=trustconnectblueteam] .itil-object-fields .field-container .description,
:root[data-glpi-theme=trustconnectblueteam] .timeline .rich_text_container,
:root[data-glpi-theme=trustconnectblueteam] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=trustconnectblueteam] .timeline .ql-editor {
  background: #111a2e !important;
  color: #e6eefc !important;
  border-color: rgba(125, 147, 184, 0.3) !important;
}

:root[data-glpi-theme=TrustConnectBlueTeam] .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=TrustConnectBlueTeam] .timeline .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=TrustConnectBlueTeam] .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=TrustConnectBlueTeam] .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=trustconnectblueteam] .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=trustconnectblueteam] .timeline .rich_text_container :is(p, div, span, li, ul, ol, td, th, h1, h2, h3, h4, h5, h6, font),
:root[data-glpi-theme=trustconnectblueteam] .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=trustconnectblueteam] .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=TrustConnectBlueTeam] .itil-object-fields .field-container .rich_text_container a,
:root[data-glpi-theme=TrustConnectBlueTeam] .timeline .rich_text_container a,
:root[data-glpi-theme=TrustConnectBlueTeam] .read-only-content .rich_text_container a,
:root[data-glpi-theme=trustconnectblueteam] .itil-object-fields .field-container .rich_text_container a,
:root[data-glpi-theme=trustconnectblueteam] .timeline .rich_text_container a,
:root[data-glpi-theme=trustconnectblueteam] .read-only-content .rich_text_container a {
  color: #7dd3fc !important;
}

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

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

/* Footer */
:root[data-glpi-theme=TrustConnectBlueTeam] .footer,
:root[data-glpi-theme=trustconnectblueteam] .footer {
  color: rgba(219, 234, 254, 0.6);
}