/* Trust Connect - Retro Theme (Light) */
/* Licht thema met pastel retro kleuren: mint, zalm, goud, sage */
:root[data-glpi-theme=TrustConnectRetro],
:root[data-glpi-theme=trustconnectretro] {
  /* Basis: licht en warm, net een tintje donkerder dan puur wit */
  --tblr-light: #f5ece4;
  --tblr-dark: #2a3032;
  --tblr-primary-rgb: 78, 145, 160;
  --tblr-primary: #4e91a0;
  --tblr-primary-fg: #ffffff;
  --tblr-primary-darken: color-mix(in srgb, var(--tblr-primary), black 10%);
  --tblr-secondary: #c87858;
  --tblr-secondary-fg: #ffffff;
  --tblr-tertiary: #d8a868;
  --tblr-muted: #8a9e9b;
  --tblr-info: #6cb2c2;
  --tblr-success: #6daa7c;
  --tblr-warning: #d8b84a;
  --tblr-danger: #d4665c;
  --tblr-link-color-rgb: 58, 112, 124;
  --tblr-link-color: #3a707c;
  --tblr-navbar-color: #3a707c;
  --tblr-body-bg: #f5ece4;
  --tblr-body-color: #2a3032;
  --tblr-bg-surface: #faf6f2;
  --tblr-bg-surface-secondary: #f0e2d6;
  --tblr-bg-surface-tertiary: #e8d4c4;
  --tblr-border-color: rgba(78, 145, 160, 0.22);
  --tblr-border-color-translucent: rgba(78, 145, 160, 0.14);
  /* Retro pastel accenten */
  --tc-accent: #dc826c;
  --tc-accent-light: #e8aa98;
  --tc-primary-light: #7cc0cc;
  /* Logo */
  --glpi-logo-light: url("/pics/Normal-Logo.png");
  --glpi-logo-light-reduced: url("/pics/Normal-Logo.png");
  --glpi-logo-dark: url("/pics/Normal-Logo.png");
  --glpi-logo-dark-reduced: url("/pics/Normal-Logo.png");
  --glpi-logo-dark-login: url("/pics/Normal-Logo.png");
  --glpi-logo-light-login: url("/pics/Normal-Logo.png");
  --glpi-logo: var(--glpi-logo-light);
  --glpi-logo-reduced: var(--glpi-logo-light-reduced);
  /* Menu: zacht teal, licht */
  --glpi-mainmenu-bg: #e6f0f0;
  --glpi-mainmenu-fg: #346c78;
  --glpi-mainmenu-fg-muted: rgba(52, 108, 120, 0.55);
  --glpi-mainmenu-active-bg: rgba(220, 130, 108, 0.2);
  --glpi-mainmenu-border-color: rgba(78, 145, 160, 0.22);
  --glpi-fg-secondary: #f0e2d6;
  /* Tabs - zachte zalm */
  --glpi-tabs-bg: #f2dcd2;
  --glpi-tabs-fg: #7e4638;
  --glpi-tabs-border-color: rgba(200, 120, 88, 0.28);
  --glpi-tabs-active-bg: #faf6f2;
  --glpi-tabs-active-fg: #2a3032;
  --glpi-tabs-active-border-color: #c87858;
  --glpi-search-bg: #f5ece4;
  --glpi-search-fg: #2a3032;
  --glpi-search-border-color: rgba(78, 145, 160, 0.28);
  /* Badges - pastel goud */
  --glpi-badge-bg: rgba(216, 184, 74, 0.25);
  --glpi-badge-fg: #7e6012;
  --glpi-form-header-fg: #346c78;
  --glpi-form-header-bg: rgba(78, 145, 160, 0.12);
  --glpi-form-header-border-color: rgba(78, 145, 160, 0.28);
  /* Timeline - pastel retro kleuren per type */
  --glpi-itil-secondary-bg: #f0e2d6;
  /* ITIL content: pastel sage */
  --glpi-timeline-itil-content-bg: rgba(109, 170, 124, 0.2);
  --glpi-timeline-itil-content-fg: #356040;
  --glpi-timeline-itil-content-border-color: rgba(109, 170, 124, 0.4);
  /* Follow-ups: pastel mint/teal */
  --glpi-timeline-fup-bg: rgba(108, 178, 194, 0.18);
  --glpi-timeline-fup-fg: #346c78;
  --glpi-timeline-fup-border-color: rgba(108, 178, 194, 0.38);
  /* Tasks: pastel goud */
  --glpi-timeline-task-bg: rgba(216, 184, 74, 0.2);
  --glpi-timeline-task-fg: #7e6012;
  --glpi-timeline-task-border-color: rgba(216, 184, 74, 0.42);
  /* Solutions: pastel sage groen */
  --glpi-timeline-solution-bg: rgba(109, 170, 124, 0.18);
  --glpi-timeline-solution-fg: #356040;
  --glpi-timeline-solution-border-color: rgba(109, 170, 124, 0.38);
  /* Documents: pastel zalm/koraal */
  --glpi-timeline-document-bg: rgba(220, 130, 108, 0.16);
  --glpi-timeline-document-fg: #7e4638;
  --glpi-timeline-document-border-color: rgba(220, 130, 108, 0.32);
  --glpi-timeline-log-bg: rgba(58, 112, 124, 0.06);
  --glpi-timeline-badge-bg: rgba(58, 112, 124, 0.12);
  --glpi-timeline-badge-fg: rgba(42, 48, 50, 0.8);
  /* Helpdesk */
  --glpi-helpdesk-header: #c8e4ea;
  --glpi-helpdesk-tiles-section-bg: #f5ece4;
  --glpi-helpdesk-tabs-section-bg: #f2dcd2;
  --glpi-illustrations-background: #e8d4c4;
  --glpi-illustrations-header-dark: #346c78;
  --glpi-illustrations-header-light: #7cc0cc;
  --glpi-illustrations-primary: #c87858;
  --glpi-illustrations-gradient-1: #f2dcd2;
  --glpi-illustrations-gradient-2: #c8e4ea;
  --glpi-illustrations-gradient-3: #daca9e;
}

:root[data-glpi-theme=TrustConnectRetro] .page .glpi-logo,
:root[data-glpi-theme=trustconnectretro] .page .glpi-logo {
  background-size: contain !important;
  background-position: center !important;
}

:root[data-glpi-theme=TrustConnectRetro] .page-anonymous .glpi-logo,
:root[data-glpi-theme=trustconnectretro] .page-anonymous .glpi-logo {
  object-fit: contain !important;
  width: 150px !important;
  height: 150px !important;
}

/* Cards - wit met zachte zalm border */
:root[data-glpi-theme=TrustConnectRetro] .card,
:root[data-glpi-theme=trustconnectretro] .card {
  --tblr-card-cap-bg: #f2dcd2 !important;
  --tblr-card-bg: #faf6f2;
  background: #faf6f2;
  border-color: rgba(200, 120, 88, 0.22);
  color: #2a3032;
  box-shadow: 0 2px 8px rgba(78, 145, 160, 0.1);
}

/* Tabel - teal headers */
:root[data-glpi-theme=TrustConnectRetro] table,
:root[data-glpi-theme=trustconnectretro] table {
  color: #2a3032;
}
:root[data-glpi-theme=TrustConnectRetro] table thead th,
:root[data-glpi-theme=trustconnectretro] table thead th {
  color: #346c78;
  border-color: rgba(78, 145, 160, 0.28);
  font-weight: 600;
}
:root[data-glpi-theme=TrustConnectRetro] table td, :root[data-glpi-theme=TrustConnectRetro] table th,
:root[data-glpi-theme=trustconnectretro] table td,
:root[data-glpi-theme=trustconnectretro] table th {
  border-color: rgba(78, 145, 160, 0.18);
}
:root[data-glpi-theme=TrustConnectRetro] table td.active,
:root[data-glpi-theme=TrustConnectRetro] table td.tab_bg_4,
:root[data-glpi-theme=trustconnectretro] table td.active,
:root[data-glpi-theme=trustconnectretro] table td.tab_bg_4 {
  background-color: rgba(232, 201, 90, 0.12);
}

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

:root[data-glpi-theme=TrustConnectRetro] .table.table-striped > tbody > tr:nth-of-type(even) > *,
:root[data-glpi-theme=trustconnectretro] .table.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: rgba(250, 246, 242, 0.96) !important;
}

/* Dropdown */
:root[data-glpi-theme=TrustConnectRetro] .dropdown-menu,
:root[data-glpi-theme=trustconnectretro] .dropdown-menu {
  background: #faf6f2;
  border-color: rgba(78, 145, 160, 0.22);
  color: #2a3032;
  box-shadow: 0 6px 24px rgba(45, 52, 54, 0.1);
}
:root[data-glpi-theme=TrustConnectRetro] .dropdown-menu .dropdown-item,
:root[data-glpi-theme=trustconnectretro] .dropdown-menu .dropdown-item {
  color: #2a3032;
  border-radius: 6px;
}
:root[data-glpi-theme=TrustConnectRetro] .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=TrustConnectRetro] .dropdown-menu .dropdown-item:focus,
:root[data-glpi-theme=trustconnectretro] .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=trustconnectretro] .dropdown-menu .dropdown-item:focus {
  background: rgba(232, 144, 122, 0.14);
  color: #8c5040;
}

/* Modals */
:root[data-glpi-theme=TrustConnectRetro] .modal-content,
:root[data-glpi-theme=trustconnectretro] .modal-content {
  background: #faf6f2;
  border-color: rgba(78, 145, 160, 0.22);
  color: #2a3032;
  box-shadow: 0 12px 48px rgba(45, 52, 54, 0.12);
}

:root[data-glpi-theme=TrustConnectRetro] .modal-header,
:root[data-glpi-theme=trustconnectretro] .modal-header {
  border-color: rgba(78, 145, 160, 0.22);
}

:root[data-glpi-theme=TrustConnectRetro] .modal-footer,
:root[data-glpi-theme=trustconnectretro] .modal-footer {
  border-color: rgba(78, 145, 160, 0.22);
}

/* Inputs - lichte achtergrond, teal focus */
:root[data-glpi-theme=TrustConnectRetro] .form-control,
:root[data-glpi-theme=TrustConnectRetro] .form-select,
:root[data-glpi-theme=trustconnectretro] .form-control,
:root[data-glpi-theme=trustconnectretro] .form-select {
  background: #f5ece4;
  border-color: rgba(78, 145, 160, 0.28);
  color: #2a3032;
}
:root[data-glpi-theme=TrustConnectRetro] .form-control::placeholder,
:root[data-glpi-theme=TrustConnectRetro] .form-select::placeholder,
:root[data-glpi-theme=trustconnectretro] .form-control::placeholder,
:root[data-glpi-theme=trustconnectretro] .form-select::placeholder {
  color: rgba(45, 52, 54, 0.45);
}
:root[data-glpi-theme=TrustConnectRetro] .form-control:focus,
:root[data-glpi-theme=TrustConnectRetro] .form-select:focus,
:root[data-glpi-theme=trustconnectretro] .form-control:focus,
:root[data-glpi-theme=trustconnectretro] .form-select:focus {
  background: #faf6f2;
  border-color: #4e91a0;
  box-shadow: 0 0 0 3px rgba(78, 145, 160, 0.2);
  color: #2a3032;
}

/* Accordion */
:root[data-glpi-theme=TrustConnectRetro] .accordion,
:root[data-glpi-theme=trustconnectretro] .accordion {
  --tblr-accordion-color: #2a3032;
  --tblr-accordion-bg: #faf6f2;
  --tblr-accordion-border-color: rgba(78, 145, 160, 0.22);
}

:root[data-glpi-theme=TrustConnectRetro] .accordion-button,
:root[data-glpi-theme=trustconnectretro] .accordion-button {
  background: #f0e2d6;
  color: #346c78;
}
:root[data-glpi-theme=TrustConnectRetro] .accordion-button:not(.collapsed),
:root[data-glpi-theme=trustconnectretro] .accordion-button:not(.collapsed) {
  background: rgba(232, 201, 90, 0.18);
  color: #8c6d18;
}

/* Toast - pastel zalm */
:root[data-glpi-theme=TrustConnectRetro] .toast,
:root[data-glpi-theme=trustconnectretro] .toast {
  background: #f2dcd2 !important;
  color: #2a3032 !important;
  border-color: rgba(200, 120, 88, 0.24);
  box-shadow: 0 6px 24px rgba(45, 52, 54, 0.1);
}

/* Tooltip */
:root[data-glpi-theme=TrustConnectRetro] .tooltip,
:root[data-glpi-theme=trustconnectretro] .tooltip {
  --tblr-tooltip-bg: #346c78;
  --tblr-tooltip-color: #faf6f2;
}

/* Pre/code - pastel goud achtergrond */
:root[data-glpi-theme=TrustConnectRetro] pre,
:root[data-glpi-theme=TrustConnectRetro] code,
:root[data-glpi-theme=trustconnectretro] pre,
:root[data-glpi-theme=trustconnectretro] code {
  background-color: rgba(232, 201, 90, 0.15);
  color: #2a3032;
}

/* Select2 */
:root[data-glpi-theme=TrustConnectRetro] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=TrustConnectRetro] .select2-container--default .select2-selection--multiple,
:root[data-glpi-theme=trustconnectretro] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=trustconnectretro] .select2-container--default .select2-selection--multiple {
  background: #f5ece4;
  border-color: rgba(78, 145, 160, 0.28);
  color: #2a3032;
}
:root[data-glpi-theme=TrustConnectRetro] .select2-container--default .select2-dropdown,
:root[data-glpi-theme=trustconnectretro] .select2-container--default .select2-dropdown {
  background: #faf6f2;
  border-color: rgba(78, 145, 160, 0.22);
  box-shadow: 0 6px 24px rgba(42, 48, 50, 0.12);
}
:root[data-glpi-theme=TrustConnectRetro] .select2-container--default .select2-results__option--highlighted,
:root[data-glpi-theme=trustconnectretro] .select2-container--default .select2-results__option--highlighted {
  background: rgba(232, 144, 122, 0.14);
  color: #8c5040;
}

/* Login pagina - pastel mint achtergrond */
:root[data-glpi-theme=TrustConnectRetro] .page-anonymous,
:root[data-glpi-theme=trustconnectretro] .page-anonymous {
  background: #c8e4ea !important;
}
:root[data-glpi-theme=TrustConnectRetro] .page-anonymous .main-content-card,
:root[data-glpi-theme=trustconnectretro] .page-anonymous .main-content-card {
  background: #faf6f2;
  border-color: rgba(78, 145, 160, 0.22);
  color: #2a3032;
  box-shadow: 0 12px 48px rgba(42, 48, 50, 0.12);
}

/* Breadcrumbs */
:root[data-glpi-theme=TrustConnectRetro] .breadcrumb,
:root[data-glpi-theme=trustconnectretro] .breadcrumb {
  --tblr-breadcrumb-link-color: #4e91a0;
  color: #8a9e9b;
}

/* Popover */
:root[data-glpi-theme=TrustConnectRetro] .popover,
:root[data-glpi-theme=trustconnectretro] .popover {
  background: #faf6f2;
  border-color: rgba(78, 145, 160, 0.22);
  box-shadow: 0 6px 24px rgba(42, 48, 50, 0.12);
}
:root[data-glpi-theme=TrustConnectRetro] .popover .popover-body,
:root[data-glpi-theme=trustconnectretro] .popover .popover-body {
  color: #2a3032;
}
:root[data-glpi-theme=TrustConnectRetro] .popover .popover-arrow::after,
:root[data-glpi-theme=trustconnectretro] .popover .popover-arrow::after {
  border-top-color: #faf6f2;
}

/* Rich text readability */
:root[data-glpi-theme=TrustConnectRetro] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=TrustConnectRetro] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=TrustConnectRetro] .itil-object-fields .field-container .description,
:root[data-glpi-theme=TrustConnectRetro] .timeline .rich_text_container,
:root[data-glpi-theme=TrustConnectRetro] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=TrustConnectRetro] .timeline .ql-editor,
:root[data-glpi-theme=trustconnectretro] .itil-object-fields .field-container .rich_text_container,
:root[data-glpi-theme=trustconnectretro] .itil-object-fields .field-container .ql-editor,
:root[data-glpi-theme=trustconnectretro] .itil-object-fields .field-container .description,
:root[data-glpi-theme=trustconnectretro] .timeline .rich_text_container,
:root[data-glpi-theme=trustconnectretro] .read-only-content body#tinymce.mce-content-body.rich_text_container,
:root[data-glpi-theme=trustconnectretro] .timeline .ql-editor {
  background: #faf6f2 !important;
  color: #2a3032 !important;
  border-color: rgba(78, 145, 160, 0.22) !important;
}

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

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

:root[data-glpi-theme=TrustConnectRetro] .itil-object-fields .field-container .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=TrustConnectRetro] .timeline .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=TrustConnectRetro] .read-only-content .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectretro] .itil-object-fields .field-container .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectretro] .timeline .rich_text_container :is(table, tr, td, th),
:root[data-glpi-theme=trustconnectretro] .read-only-content .rich_text_container :is(table, tr, td, th) {
  background-color: transparent !important;
  color: inherit !important;
  border-color: rgba(78, 145, 160, 0.22) !important;
}

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

/* Footer */
:root[data-glpi-theme=TrustConnectRetro] .footer,
:root[data-glpi-theme=trustconnectretro] .footer {
  color: rgba(42, 48, 50, 0.52);
}