/* Hide community/enterprise upgrade banner in the left sidebar. */
nav .mt-auto.mb-2 > div[role="alert"][data-pc-name="message"] {
  display: none !important;
}

/* Preserve line breaks for description cells. */
.eramba-preserve-lines {
  white-space: pre-line !important;
}

/* Dark mode (toggle button injected in header). */
body.dark-mode {
  background-color: #11151d !important;
  color: #e5e7eb !important;
}

body.dark-mode nav {
  background-color: #151b26 !important;
  border-right-color: #2b3342 !important;
}

body.dark-mode main,
body.dark-mode section,
body.dark-mode header {
  background-color: #11151d !important;
}

body.dark-mode a {
  color: #9ad1ff !important;
}

body.dark-mode .bg-white,
body.dark-mode .bg-gray-50,
body.dark-mode .bg-gray-100,
body.dark-mode .bg-purple-100 {
  background-color: #151b26 !important;
}

body.dark-mode .text-gray-700,
body.dark-mode .text-gray-600,
body.dark-mode .text-gray-500,
body.dark-mode .text-black {
  color: #cfd6e0 !important;
}

body.dark-mode .border-gray-200,
body.dark-mode .border-gray-100 {
  border-color: #2b3342 !important;
}

/* Table readability in dark mode */
body.dark-mode table,
body.dark-mode [role="grid"] {
  background-color: #1b2433 !important;
  color: #eef2f7 !important;
}

body.dark-mode .p-datatable,
body.dark-mode .p-datatable-wrapper,
body.dark-mode .p-datatable-table {
  background-color: #1b2433 !important;
  color: #eef2f7 !important;
}

body.dark-mode thead,
body.dark-mode th {
  background-color: #243048 !important;
  color: #f8fafc !important;
  border-color: #323e54 !important;
}

body.dark-mode .p-datatable-thead > tr > th {
  background-color: #243048 !important;
  color: #f8fafc !important;
  border-color: #323e54 !important;
}

body.dark-mode tbody tr {
  background-color: #1b2433 !important;
}

body.dark-mode tbody tr:nth-child(even) {
  background-color: #202a3d !important;
}

body.dark-mode td {
  border-color: #323e54 !important;
  color: #eef2f7 !important;
}

body.dark-mode .p-datatable-tbody > tr,
body.dark-mode .p-datatable-tbody > tr > td {
  background-color: #1b2433 !important;
  color: #eef2f7 !important;
  border-color: #323e54 !important;
}

body.dark-mode .p-datatable-tbody > tr:nth-child(even),
body.dark-mode .p-datatable-tbody > tr:nth-child(even) > td {
  background-color: #202a3d !important;
}

body.dark-mode tbody tr:hover {
  background-color: #2a3650 !important;
}

body.dark-mode .p-datatable-tbody > tr:hover,
body.dark-mode .p-datatable-tbody > tr:hover > td {
  background-color: #2a3650 !important;
}

body.dark-mode #scrollContent > table,
body.dark-mode #scrollContent > table > thead > tr > th,
body.dark-mode #scrollContent > table > tbody > tr,
body.dark-mode #scrollContent > table > tbody > tr > td {
  background-color: #1b2433 !important;
  color: #eef2f7 !important;
  border-color: #323e54 !important;
}

body.dark-mode #scrollContent > table > tbody > tr:nth-child(even),
body.dark-mode #scrollContent > table > tbody > tr:nth-child(even) > td {
  background-color: #202a3d !important;
}

body.dark-mode #scrollContent > table > tbody > tr:hover,
body.dark-mode #scrollContent > table > tbody > tr:hover > td {
  background-color: #2a3650 !important;
}

/* Force dark palette for any inline-styled table cells inside the scroll grid. */
body.dark-mode #scrollContent table,
body.dark-mode #scrollContent table thead,
body.dark-mode #scrollContent table tbody,
body.dark-mode #scrollContent table tr,
body.dark-mode #scrollContent table th,
body.dark-mode #scrollContent table td,
body.dark-mode #scrollContent table th *,
body.dark-mode #scrollContent table td * {
  background-color: #1b2433 !important;
  background-image: none !important;
  color: #eef2f7 !important;
  border-color: #323e54 !important;
}

body.dark-mode #scrollContent table tbody tr:nth-child(even),
body.dark-mode #scrollContent table tbody tr:nth-child(even) > td {
  background-color: #202a3d !important;
}

body.dark-mode #scrollContent table tbody tr:hover,
body.dark-mode #scrollContent table tbody tr:hover > td {
  background-color: #2a3650 !important;
}

body.dark-mode #scrollContent table input,
body.dark-mode #scrollContent table select,
body.dark-mode #scrollContent table textarea,
body.dark-mode #scrollContent table .form-control,
body.dark-mode #scrollContent table .input,
body.dark-mode #scrollContent table .p-inputtext,
body.dark-mode #scrollContent table .p-inputnumber-input,
body.dark-mode #scrollContent table .p-dropdown,
body.dark-mode #scrollContent table .p-dropdown-label,
body.dark-mode #scrollContent table .p-multiselect,
body.dark-mode #scrollContent table .p-multiselect-label,
body.dark-mode #scrollContent table .p-checkbox-box,
body.dark-mode #scrollContent table .p-radiobutton-box,
body.dark-mode #scrollContent table .p-inputswitch-slider {
  background-color: #1b2433 !important;
  color: #eef2f7 !important;
  border-color: #323e54 !important;
}

body.dark-mode #scrollContent table td,
body.dark-mode #scrollContent table td *,
body.dark-mode #scrollContent table th,
body.dark-mode #scrollContent table th * {
  background: #1b2433 !important;
  color: #eef2f7 !important;
  box-shadow: none !important;
}

body.dark-mode #scrollContent table .p-progressbar,
body.dark-mode #scrollContent table .p-progressbar-value,
body.dark-mode #scrollContent table .progress,
body.dark-mode #scrollContent table .progress-bar {
  background-color: #243048 !important;
  box-shadow: none !important;
  color: #eef2f7 !important;
}

/* Sidebar hover styles in dark mode. */
body.dark-mode nav a:hover,
body.dark-mode nav button:hover,
body.dark-mode nav [role="treeitem"]:hover,
body.dark-mode nav [role="menuitem"]:hover,
body.dark-mode nav li:hover {
  background-color: #222d43 !important;
  color: #f4f7fb !important;
}

body.dark-mode nav a[aria-current="page"],
body.dark-mode nav a.active,
body.dark-mode nav button.active,
body.dark-mode nav .active > a {
  background-color: #1a2436 !important;
  color: #f4f7fb !important;
}

/* Dark-mode badges with light pink backgrounds (e.g., small count pills). */
body.dark-mode span.rounded-full.text-xs.font-medium {
  background-color: #243048 !important;
  color: #f8fafc !important;
}
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background-color: #1b2433 !important;
  color: #eef2f7 !important;
  border-color: #323e54 !important;
}

/* Toggle button styling */
.eramba-dark-toggle {
  margin-left: auto;
  margin-right: 8px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid #2b3342;
  background: #f3f4f6;
  color: #111827;
  font-size: 12px;
}

body.dark-mode .eramba-dark-toggle {
  background: var(--dm-surface-2);
  color: var(--dm-text);
  border-color: var(--dm-border);
}

/* Softer, human-friendly table palette in dark mode. */
body.dark-mode {
  --dm-surface-1: #111827;
  --dm-surface-2: #1f2937;
  --dm-surface-3: #374151;
  --dm-surface-4: #2f3b52;
  --dm-border: #374151;
  --dm-text: #f3f4f6;
  --dm-text-muted: #d1d5db;
  --dm-link: #60a5fa;
  --dm-accent: #3b82f6;
  --dm-selected: #374151;
}

body.dark-mode {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
}

body.dark-mode nav {
  background-color: var(--dm-surface-1) !important;
  border-right-color: var(--dm-border) !important;
}

body.dark-mode main,
body.dark-mode section,
body.dark-mode header {
  background-color: var(--dm-surface-1) !important;
}

body.dark-mode a {
  color: var(--dm-link) !important;
}

body.dark-mode .bg-white,
body.dark-mode .bg-gray-50,
body.dark-mode .bg-gray-100,
body.dark-mode .bg-gray-200,
body.dark-mode .bg-purple-100 {
  background-color: var(--dm-surface-2) !important;
}

body.dark-mode .text-gray-700,
body.dark-mode .text-gray-600,
body.dark-mode .text-gray-500,
body.dark-mode .text-black {
  color: var(--dm-text-muted) !important;
}

body.dark-mode .text-gray-400 {
  color: var(--dm-text-muted) !important;
}

body.dark-mode .text-black,
body.dark-mode .text-gray-900,
body.dark-mode .text-gray-800,
body.dark-mode .text-gray-700,
body.dark-mode .text-gray-950,
body.dark-mode .text-slate-900,
body.dark-mode .text-slate-800,
body.dark-mode .text-neutral-900,
body.dark-mode .text-neutral-800,
body.dark-mode .text-zinc-900,
body.dark-mode .text-zinc-800,
body.dark-mode .text-stone-900,
body.dark-mode .text-stone-800 {
  color: var(--dm-text) !important;
}

body.dark-mode [style*="color: #000"],
body.dark-mode [style*="color:#000"],
body.dark-mode [style*="color: rgb(0, 0, 0)"],
body.dark-mode [style*="color: rgb(0,0,0)"],
body.dark-mode [style*="color:black"] {
  color: var(--dm-text) !important;
}

body.dark-mode .group:hover [class*="group-hover:text-gray-700"] {
  color: var(--dm-text) !important;
}

body.dark-mode [class*="text-purple-"],
body.dark-mode [class*="text-violet-"],
body.dark-mode [class*="text-indigo-"],
body.dark-mode [class*="text-fuchsia-"] {
  color: var(--dm-link) !important;
}

body.dark-mode .group:hover [class*="group-hover:text-purple-"],
body.dark-mode .group:hover [class*="group-hover:text-violet-"],
body.dark-mode .group:hover [class*="group-hover:text-indigo-"],
body.dark-mode .group:hover [class*="group-hover:text-fuchsia-"] {
  color: var(--dm-link) !important;
}

body.dark-mode .border-gray-200,
body.dark-mode .border-gray-100 {
  border-color: var(--dm-border) !important;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode nav a:hover,
body.dark-mode nav button:hover,
body.dark-mode nav [role="treeitem"]:hover,
body.dark-mode nav [role="menuitem"]:hover,
body.dark-mode nav li:hover {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

body.dark-mode nav a[aria-current="page"],
body.dark-mode nav a.active,
body.dark-mode nav button.active,
body.dark-mode nav .active > a {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

/* Dropdown/list hover in dark mode (avoid white hover backgrounds). */
body.dark-mode .dropdown-menu,
body.dark-mode .dropdown-menu a,
body.dark-mode .menu,
body.dark-mode .menu a,
body.dark-mode .p-menu,
body.dark-mode .p-menuitem-link,
body.dark-mode [role="menu"],
body.dark-mode [role="menuitem"],
body.dark-mode [role="listbox"],
body.dark-mode [role="option"] {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
}

body.dark-mode .dropdown-menu a:hover,
body.dark-mode .dropdown-menu li:hover,
body.dark-mode .menu a:hover,
body.dark-mode .menu li:hover,
body.dark-mode .p-menu .p-menuitem-link:hover,
body.dark-mode .p-menu .p-menuitem-link:focus,
body.dark-mode [role="menuitem"]:hover,
body.dark-mode [role="menuitem"]:focus,
body.dark-mode [role="option"]:hover,
body.dark-mode [role="option"]:focus,
body.dark-mode [class*="hover:bg-white"]:hover,
body.dark-mode [class*="hover:bg-gray-50"]:hover,
body.dark-mode [class*="hover:bg-gray-100"]:hover,
body.dark-mode [class*="hover:bg-slate-50"]:hover,
body.dark-mode [class*="hover:bg-slate-100"]:hover {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

body.dark-mode #scrollContent,
body.dark-mode #scrollContent table,
body.dark-mode table,
body.dark-mode [role="grid"] {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
}

body.dark-mode thead,
body.dark-mode th,
body.dark-mode #scrollContent table thead,
body.dark-mode #scrollContent table th {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode tbody tr,
body.dark-mode #scrollContent table tbody tr {
  background-color: var(--dm-surface-2) !important;
}

body.dark-mode tbody tr:nth-child(even),
body.dark-mode #scrollContent table tbody tr:nth-child(even) {
  background-color: var(--dm-surface-1) !important;
}

body.dark-mode tbody tr:hover,
body.dark-mode #scrollContent table tbody tr:hover {
  background-color: var(--dm-surface-4) !important;
}

body.dark-mode td,
body.dark-mode #scrollContent table td {
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

body.dark-mode #scrollContent table td,
body.dark-mode #scrollContent table td *,
body.dark-mode #scrollContent table th,
body.dark-mode #scrollContent table th * {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
  box-shadow: none !important;
}

body.dark-mode #scrollContent table td::before,
body.dark-mode #scrollContent table td::after {
  background-color: transparent !important;
}

body.dark-mode #scrollContent table .bg-white,
body.dark-mode #scrollContent table .bg-gray-50,
body.dark-mode #scrollContent table .bg-gray-100,
body.dark-mode #scrollContent table .bg-gray-200,
body.dark-mode #scrollContent table .bg-slate-50,
body.dark-mode #scrollContent table .bg-slate-100 {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
}

/* Dark-mode badges with light backgrounds (small count pills). */
body.dark-mode span.rounded-full.text-xs.font-medium {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

/* Table wrapper background (matches dark palette). */
body.dark-mode main .py-3 > div > div:nth-child(2) {
  background-color: var(--dm-surface-1) !important;
  border: 1px solid var(--dm-border) !important;
}

/* Kill white overlays and gradients inside table cells. */
body.dark-mode #scrollContent [class*="after:bg-white"]::after {
  background-color: var(--dm-surface-2) !important;
}

body.dark-mode #scrollContent [class*="after:bg-gradient"]::after,
body.dark-mode #scrollContent [class*="after:bg-gradient-to-r"]::after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--dm-surface-2)) !important;
  background-color: transparent !important;
}

body.dark-mode [class*="after:to-gray-50"]::after,
body.dark-mode [class*="after:to-gray-100"]::after,
body.dark-mode [class*="after:to-white"]::after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--dm-surface-2)) !important;
  background-color: transparent !important;
}

body.dark-mode [class*="after:to-gray-50"],
body.dark-mode [class*="after:to-gray-100"] {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
}

/* Modal report overlays (System Report - Item, etc.). */
body.dark-mode .modal,
body.dark-mode .modal-content {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .modal-header {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-bottom-color: var(--dm-border) !important;
}

body.dark-mode .modal-body,
body.dark-mode .modal-footer {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .modal-title,
body.dark-mode .modal-header h1,
body.dark-mode .modal-header h2,
body.dark-mode .modal-header h3,
body.dark-mode .modal-header h4,
body.dark-mode .modal-header h5,
body.dark-mode .modal-header h6 {
  color: var(--dm-text) !important;
}

body.dark-mode .report-content,
body.dark-mode .report-content .clearfix,
body.dark-mode .report-content > div {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
}

body.dark-mode .report-content h1,
body.dark-mode .report-content h2,
body.dark-mode .report-content h3,
body.dark-mode .report-content h4,
body.dark-mode .report-content h5,
body.dark-mode .report-content h6 {
  color: var(--dm-text) !important;
}

body.dark-mode .report-content .text-muted,
body.dark-mode .report-content .text-gray-400,
body.dark-mode .report-content .text-gray-500,
body.dark-mode .report-content .text-gray-600 {
  color: var(--dm-text-muted) !important;
}

body.dark-mode .report-content .table,
body.dark-mode .report-content table {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-content .table th,
body.dark-mode .report-content table th {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-content .table td,
body.dark-mode .report-content table td {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-content .table-striped > tbody > tr:nth-child(even) > td,
body.dark-mode .report-content .table-striped > tbody > tr:nth-child(even) > th {
  background-color: var(--dm-surface-1) !important;
}

body.dark-mode .report-content .panel,
body.dark-mode .report-content .panel-body,
body.dark-mode .report-content .panel-default,
body.dark-mode .report-content .well {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-content .panel-heading {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-content .list-group,
body.dark-mode .report-content .list-group-item {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-content .label,
body.dark-mode .report-content .badge {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

body.dark-mode .report-block-dashboard .label,
body.dark-mode .dashboard .label,
body.dark-mode .report-block-dashboard .badge,
body.dark-mode .dashboard .badge {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-content .progress,
body.dark-mode .report-content .progress-bar {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

body.dark-mode .report-content a {
  color: var(--dm-link) !important;
}

body.dark-mode .report-content hr {
  border-color: var(--dm-border) !important;
}

body.dark-mode .modal .btn,
body.dark-mode .modal .btn-default,
body.dark-mode .modal .btn-secondary {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .modal .btn-primary {
  background-color: var(--dm-accent) !important;
  color: #ffffff !important;
  border-color: var(--dm-accent) !important;
}

/* Modal close icon */
body.dark-mode .modal .icon-x,
body.dark-mode .modal .icon-close,
body.dark-mode .modal [class*="icon-"],
body.dark-mode .modal .close,
body.dark-mode .modal button.close {
  color: var(--dm-text) !important;
}

/* Dashboard report blocks */
body.dark-mode .report-block-dashboard,
body.dark-mode .report-block-dashboard .panel,
body.dark-mode .report-block-dashboard .panel-default,
body.dark-mode .report-block-dashboard .panel-body,
body.dark-mode .dashboard .panel,
body.dark-mode .dashboard .panel-body {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-block-dashboard .panel-heading,
body.dark-mode .dashboard .panel-heading,
body.dark-mode .report-block-dashboard .panel-title,
body.dark-mode .dashboard .panel-title {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-block-dashboard .panel-footer,
body.dark-mode .dashboard .panel-footer {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text-muted) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-block-dashboard a,
body.dark-mode .dashboard a {
  color: var(--dm-link) !important;
}

body.dark-mode .report-block-dashboard hr,
body.dark-mode .dashboard hr {
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-block-dashboard canvas,
body.dark-mode .dashboard canvas {
  background-color: transparent !important;
  border: 1px solid var(--dm-border) !important;
  filter: invert(1) hue-rotate(180deg) saturate(1.0) contrast(0.9) brightness(1.25) !important;
}

/* Report modal tabs (nav-tabs) */
body.dark-mode .nav-tabs,
body.dark-mode .nav-tabs > li > a,
body.dark-mode .nav-tabs > li.active > a,
body.dark-mode .nav-tabs > li > a:hover,
body.dark-mode .nav-tabs > li > a:focus {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .nav-tabs > li.active > a,
body.dark-mode .nav-tabs > li.active > a:hover,
body.dark-mode .nav-tabs > li.active > a:focus {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

/* Select2 dropdowns (white backgrounds in dark mode). */
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--open .select2-selection,
body.dark-mode .select2-container--focus .select2-selection,
body.dark-mode .select2-container--default .select2-selection__rendered,
body.dark-mode .select2-container--default .select2-selection__placeholder {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--dm-text-muted) transparent transparent transparent !important;
}

body.dark-mode .select2-container--open .select2-dropdown,
body.dark-mode .select2-dropdown,
body.dark-mode .select2-results__option {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .select2-results__option--highlighted[aria-selected],
body.dark-mode .select2-results__option--highlighted {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

body.dark-mode .report-content canvas {
  box-shadow: none !important;
}
body.dark-mode .report-content .content-box {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
}

body.dark-mode .report-content table td .content-box {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

body.dark-mode .report-content canvas {
  background-color: transparent !important;
  border: 1px solid var(--dm-border) !important;
  filter: invert(1) hue-rotate(180deg) saturate(1.0) contrast(0.9) brightness(1.25) !important;
}

body.dark-mode .modal canvas {
  filter: invert(1) hue-rotate(180deg) saturate(1.0) contrast(0.9) brightness(1.25) !important;
}

body.dark-mode .btn-link {
  color: var(--dm-link) !important;
}

body.dark-mode .btn-link:hover,
body.dark-mode .btn-link:focus {
  color: var(--dm-text) !important;
  text-decoration: underline !important;
}

body.dark-mode #scrollContent [class*="bg-white"] {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
}

body.dark-mode #scrollContent [class*="text-gray-600"] {
  color: var(--dm-text-muted) !important;
}

/* Edit page header (legacy layout) */
body.dark-mode .page-header,
body.dark-mode .page-header-default,
body.dark-mode .page-header-content {
  background-color: var(--dm-surface-1) !important;
  color: var(--dm-text) !important;
  border-bottom-color: var(--dm-border) !important;
}

body.dark-mode .page-header .breadcrumb > li > a,
body.dark-mode .page-header .breadcrumb > li > span {
  color: var(--dm-text-muted) !important;
}

/* Selected row (checkbox checked) gets a slightly lighter surface. */
body.dark-mode #scrollContent tr:has(input.peer:checked),
body.dark-mode #scrollContent tr:has(input.peer:checked) td,
body.dark-mode #scrollContent tr:has(input.peer:checked) td * {
  background-color: var(--dm-selected) !important;
  color: var(--dm-text) !important;
}

body.dark-mode #scrollContent tr:has(input.peer:checked) [class*="after:bg-purple-100"]::after {
  background-color: var(--dm-selected) !important;
}

body.dark-mode #scrollContent tr:has(input.peer:checked) [class*="after:to-purple-100"]::after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--dm-selected)) !important;
}

/* Checkbox visibility in table rows. */
body.dark-mode .relative.inline-flex.align-bottom.w-5.h-5 > input.peer + div {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-text-muted) !important;
  opacity: 1 !important;
}

body.dark-mode .relative.inline-flex.align-bottom.w-5.h-5 > input.peer:checked + div {
  background-color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
}

body.dark-mode .relative.inline-flex.align-bottom.w-5.h-5 > input.peer:focus + div {
  outline: 2px solid var(--dm-link) !important;
  outline-offset: 1px !important;
}




/* Dark mode: ensure tab content text is visible. */
body.dark-mode .tab-content,
body.dark-mode .tab-content *,
body.dark-mode .tab-pane,
body.dark-mode .tab-pane * {
  color: var(--dm-text) !important;
}