@media screen {
html[data-app-theme="dark"] {
  color-scheme: dark;
  --bs-body-bg: #111918;
  --bs-body-color: #e4eeea;
  --bs-secondary-bg: #1a2422;
  --bs-tertiary-bg: #222e2b;
  --bs-border-color: #354440;
  --bs-emphasis-color: #f0fbf5;
  --app-bg: #111918;
  --app-surface: #1a2422;
  --app-surface-raised: #222e2b;
  --app-border: #354440;
  --app-text: #e4eeea;
  --app-muted: #a9bbb4;
  --app-accent: #83d7c5;
  --app-info: #9ac9f5;
  --app-danger: #ffb5ad;
  --app-warning: #f0d28f;
  --app-violet: #cbbaff;
  --app-danger-surface: #412c2b;
  --app-warning-surface: #493b24;
  --app-info-surface: #243747;
  --app-violet-surface: #332d47;
}

html[data-app-theme="dark"] body,
html[data-app-theme="dark"] .container-fluid.bg-soft,
html[data-app-theme="dark"] .bg-soft,
html[data-app-theme="dark"] main.content,
html[data-app-theme="dark"] main.main-content {
  background-color: var(--app-bg) !important;
  color: var(--app-text) !important;
}

html[data-app-theme="dark"] .page-loader,
html[data-app-theme="dark"] .preloader { background-color: #111918 !important; }

html[data-app-theme="dark"] .orimba-layout { color: var(--app-text) !important; }
html[data-app-theme="dark"] .form-bg-image { background: #111918 !important; }
html[data-app-theme="dark"] .orimba-login-panel {
  background: radial-gradient(ellipse at 100% 0%, #293432, transparent 65%), #17211f !important;
}
html[data-app-theme="dark"] .orimba-login-panel::before,
html[data-app-theme="dark"] .orimba-login-panel::after { content: none !important; }
html[data-app-theme="dark"] :is(.auth-brand strong, .auth-content h2, .auth-content h2 span,
.auth-eyebrow, .field-group label, .auth-subtitle, .auth-note, .auth-version) {
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] .auth-version { border-color: var(--app-border) !important; }

html[data-app-theme="dark"] .app-content-bg::before { opacity: .08; }
html[data-app-theme="dark"] .logo-absolute { opacity: .035; }

html[data-app-theme="dark"] :is(.card, .card-body, .card-header, .card-footer,
.table-container, .table-wrapper, .modal-content, .dropdown-menu, .list-group-item,
.accordion-item, .filter-section, .section-info-card, .offcanvas, .popover,
.alert:not(.alert-danger):not(.alert-warning)) {
  background-color: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

/* Form panels and nested field groups appear under many app-specific class names. */
html[data-app-theme="dark"] :is(form, fieldset, .form-section, .form-panel,
.form-card, .form-wrapper, .form-container, .form-group, .form-row,
.form-check, .form-floating, .input-group, .container-form, .form-bg-image,
.modal-body, .input-container, .field-group, .item-1, .item-2) {
  background-color: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

html[data-app-theme="dark"] :is(div, section, article):has(> form) {
  background-color: var(--app-surface) !important;
  color: var(--app-text) !important;
}

html[data-app-theme="dark"] :is(form, fieldset) :is(input:not([type="hidden"]), textarea, select,
.form-control, .form-select, .input-group-text, .select2-selection, .bootstrap-select > .dropdown-toggle) {
  background-color: #17211f !important;
  color: var(--app-text) !important;
  border-color: #465751 !important;
  box-shadow: none;
}

html[data-app-theme="dark"] :is(form, fieldset) :is(input[type="checkbox"], input[type="radio"], .form-check-input) {
  accent-color: #49b9a1;
}

html[data-app-theme="dark"] :is(form, fieldset) :is(input:disabled, input[readonly], textarea:disabled,
textarea[readonly], select:disabled, .form-control:disabled, .form-select:disabled) {
  background-color: #202b29 !important;
  color: #a9bbb4 !important;
  opacity: 1;
}

html[data-app-theme="dark"] form button:not(.btn):not(.password-toggle):not([type="submit"]):not([id*="submit"]):not(.btn-save-edit) {
  background-color: #263330 !important;
  color: var(--app-text) !important;
  border-color: #53645e !important;
}

html[data-app-theme="dark"] :is(.card-header, .card-footer, .modal-header, .modal-footer,
.table thead, .table thead th, .nav-tabs, .dropdown-header) {
  background-color: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

html[data-app-theme="dark"] :is(.table, table, .table > :not(caption) > *,
.table tbody tr, .table tbody td, .table tbody th, .table tfoot td) {
  --bs-table-bg: var(--app-surface);
  --bs-table-color: var(--app-text);
  --bs-table-striped-bg: #202b29;
  --bs-table-striped-color: var(--app-text);
  --bs-table-hover-bg: #2a3935;
  --bs-table-hover-color: var(--app-text);
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

html[data-app-theme="dark"] :is(.table th, .table td, table th, table td) {
  border-color: var(--app-border) !important;
}

html[data-app-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]),
textarea, select, .form-control, .form-select, .input-group-text, .form-control:focus,
.form-select:focus, .flatpickr-input) {
  background-color: #17211f !important;
  color: var(--app-text) !important;
  border-color: #465751 !important;
}

html[data-app-theme="dark"] :is(input, textarea, .form-control)::placeholder {
  color: #9aaca5 !important;
  opacity: 1;
}

html[data-app-theme="dark"] option { background: var(--app-surface); color: var(--app-text); }
html[data-app-theme="dark"] :is(.select2-dropdown, .select2-results__option,
.select2-search__field, .bootstrap-select .dropdown-menu, .flatpickr-calendar,
.flatpickr-months, .flatpickr-weekdays, .flatpickr-days, .datepicker-dropdown,
.datepicker-picker, .datepicker-controls, .datepicker-grid, .timepicker-popover) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] :is(.flatpickr-day, .flatpickr-current-month,
.flatpickr-weekday, .datepicker-cell, .select2-results__option) { color: var(--app-text) !important; }
html[data-app-theme="dark"] :is(.flatpickr-day:hover, .flatpickr-day.selected,
.datepicker-cell.focused, .datepicker-cell.selected, .select2-results__option--highlighted) {
  background: #28685e !important;
  color: #fff !important;
}
html[data-app-theme="dark"] :is(.text-dark, .text-black, .text-body, .text-body-emphasis,
.text-gray-800, .text-gray-900, .text-slate-800, .text-slate-900,
.form-label, label, .card-title,
.modal-title, .breadcrumb-item, .page-link, .dropdown-item, .list-group-item-action,
.nav-tabs .nav-link, .info-value, .info-label) { color: var(--app-text) !important; }
html[data-app-theme="dark"] :is(.text-muted, .text-secondary, .form-text, small) { color: var(--app-muted) !important; }
html[data-app-theme="dark"] a:not(.btn):not(.nav-link) { color: var(--app-accent); }
html[data-app-theme="dark"] a:not(.btn):not(.nav-link):hover { color: #b2f0e2; }
html[data-app-theme="dark"] hr,
html[data-app-theme="dark"] .dropdown-divider { border-color: var(--app-border) !important; }
html[data-app-theme="dark"] :is(.border-light, .border-white) { border-color: var(--app-border) !important; }

html[data-app-theme="dark"] :is(.btn-light, .btn-outline-secondary, .btn-outline-primary,
.btn-outline-success, .btn-outline-dark, .btn-info) {
  background-color: #263330 !important;
  color: var(--app-text) !important;
  border-color: #53645e !important;
}

html[data-app-theme="dark"] #sidebarMenu {
  --sb-bg: #073f3d;
  border-color: #315752 !important;
}

.app-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 36px;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(230, 255, 248, .24);
  border-radius: 9px;
  background: rgba(255, 255, 255, .08);
  color: #f1fff9;
  font: 600 13px/1.2 'Open Sans', sans-serif;
  cursor: pointer;
}

.app-theme-toggle:hover,
.app-theme-toggle:focus-visible { background: rgba(255, 255, 255, .17); }
.app-theme-toggle:focus-visible { outline: 2px solid #b8eee0; outline-offset: 2px; }
.app-theme-toggle [data-theme-icon="light"] { display: none; }
html[data-app-theme="dark"] .app-theme-toggle [data-theme-icon="dark"] { display: none; }
html[data-app-theme="dark"] .app-theme-toggle [data-theme-icon="light"] { display: inline-block; }
#sidebarMenu[data-collapsed="true"] .app-theme-toggle { align-self: center; width: 42px; margin: 0; padding: 8px; }
#sidebarMenu[data-collapsed="true"] .app-theme-toggle-label { display: none; }
.app-theme-toggle-floating { position: fixed; top: 16px; right: 16px; z-index: 1200; }
.app-theme-toggle-label { display: none !important; }
.status-avatar-group .app-theme-toggle {
  flex: 0 0 36px;
  color: #d9eee7;
  background: rgba(15, 23, 42, .18);
  border-color: rgba(177, 220, 205, .28);
}
.status-avatar-group .app-theme-toggle:hover { background: rgba(36, 125, 109, .35); }
.app-theme-toggle-floating {
  width: 36px;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0;
}

@media (prefers-reduced-motion: no-preference) {
  html[data-app-theme] body,
  html[data-app-theme] .card,
  html[data-app-theme] .table,
  html[data-app-theme] .modal-content { transition: background-color .18s ease, color .18s ease; }
}

/* The list workspaces ship their own light palette and inline component styles. */
html[data-app-theme="dark"] body main.mf-list,
html[data-app-theme="dark"] body main.berita-page,
html[data-app-theme="dark"] body .mf-modal,
html[data-app-theme="dark"] body .berita-modal {
  --ink: #e7f0ec;
  --muted: #afc2ba;
  --line: #3b514a;
  --soft: #253b35;
  --teal: #168679;
  --teal-dark: #95dfce;
  --accent: #79d8c3;
  color: var(--app-text) !important;
}

html[data-app-theme="dark"] body main.mf-list {
  background: var(--app-bg) !important;
}

html[data-app-theme="dark"] body main.mf-list :is(.mf-hero, .berita-hero) {
  background: radial-gradient(ellipse at 78% 0%, #2b4941 0%, transparent 58%),
    linear-gradient(115deg, #223630, #182824) !important;
  border-color: #436259 !important;
  box-shadow: 0 16px 40px #030b0960 !important;
}

html[data-app-theme="dark"] body main.mf-list :is(.mf-hero h1, .berita-hero h1,
.mf-description, .berita-hero-description, .mf-eyebrow, .berita-hero-eyebrow,
.directory-heading h2, .directory-heading p) {
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main.mf-list :is(.mf-eyebrow, .berita-hero-eyebrow,
.search-submit, .text-primary) { color: #8de0cb !important; }

html[data-app-theme="dark"] body main.mf-list :is(.table-settings, .table-container,
.table-wrapper, .table-footer, .mf-pagination, .card, .card-body, .card-footer,
.directory-heading, .app-card, .mobile-summary-card, .mobile-log-card) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: 0 12px 32px #030b0938 !important;
}

html[data-app-theme="dark"] body main.mf-list :is(.card-header, .directory-heading,
.mf-table > thead > tr > th, .berita-table > thead > tr > th) {
  background: #273a34 !important;
  color: #e8f2ed !important;
  border-color: #456057 !important;
}

html[data-app-theme="dark"] body main.mf-list :is(.mf-table, .berita-table) {
  --bs-table-bg: #1a2824;
  --bs-table-color: #e7f0ec;
  --bs-table-hover-bg: #2b4038;
  --bs-table-striped-bg: #20312b;
  --bs-table-border-color: #364b43;
}

html[data-app-theme="dark"] body main.mf-list :is(.mf-table, .berita-table) > tbody > tr > td {
  background: #1a2824 !important;
  color: #dce9e2 !important;
  border-color: #354a42 !important;
}

html[data-app-theme="dark"] body main.mf-list :is(.mf-table, .berita-table) > tbody > tr:nth-child(even) > td {
  background: #20312b !important;
}

html[data-app-theme="dark"] body main.mf-list :is(.mf-table, .berita-table) > tbody > tr:hover > td {
  background: #2a4037 !important;
}
html[data-app-theme="dark"] body main.mf-list :is(.mf-table, .berita-table) > tbody > tr.bg-row-off > td {
  background: #382c2c !important;
}
html[data-app-theme="dark"] body main.mf-list :is(.mf-table, .berita-table) > tbody > tr.table-warning > td {
  background: #423926 !important;
}

html[data-app-theme="dark"] body main.mf-list :is(.table-settings .input-group,
.table-settings .form-control, .table-settings .form-select,
.table-settings .input-group-text, .section-chip, .time-display,
.directory-tag, .directory-icon, .edit-popup, .edit-popup input,
.page-link, .dropdown-menu, .dropdown-item) {
  background: #22332d !important;
  color: #dcf0e7 !important;
  border-color: #456057 !important;
}

html[data-app-theme="dark"] body main.mf-list :is(.table-settings input,
.table-settings select, .edit-popup input)::placeholder { color: #a8c2b8 !important; }
html[data-app-theme="dark"] body main.mf-list .mf-hero-art { opacity: .72; }
html[data-app-theme="dark"] body main.mf-list :is(.text-muted, .page-item.disabled .page-link) {
  color: #a9bbb4 !important;
}
html[data-app-theme="dark"] body main.mf-list :is(.page-item.active .page-link,
.btn-success, .btn-primary, .btn-find-modern) {
  background: #167d70 !important;
  border-color: #269b88 !important;
  color: #fff !important;
}
html[data-app-theme="dark"] body main.mf-list :is(.btn-outline-primary, .btn-outline-success,
.btn-outline-secondary, .btn-light, .btn-secondary, .btn-reset-modern,
.btn-outline-danger, .btn-cancel-edit) {
  background: #294138 !important;
  border-color: #527367 !important;
  color: #dff4e9 !important;
}

html[data-app-theme="dark"] body :is(.mf-modal, .berita-modal) :is(.modal-content,
.modal-body, .modal-header, .modal-footer, .table th, .table td,
.form-control, .form-select) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

html[data-app-theme="dark"] body :is(.mf-modal, .berita-modal) :is(.modal-header,
.table th) { background: #273a34 !important; }
html[data-app-theme="dark"] body :is(.mf-modal, .berita-modal) :is(.text-muted,
.modal-title, .close) { color: var(--app-text) !important; }
html[data-app-theme="dark"] body :is(.mf-modal, .berita-modal) .btn-close {
  filter: invert(1) grayscale(1) !important;
}

/* Form pages use a separate set of cards, panels and workspaces. */
html[data-app-theme="dark"] body :is(.mf-input, .rotary-ui, .salary-workspace) :is(
.card, .card-body, .table-wrapper, .container-form, .rotary-form,
.form-section, .form-group, .repair-form-item, .table-panel) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

/* Shared edit pages have their own inline light theme. */
html[data-app-theme="dark"] body main.edit-ui {
  --edit-ink: var(--app-text);
  background: var(--app-bg) !important;
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main.edit-ui .edit-hero {
  background: radial-gradient(ellipse at 78% 0%, #2b4941, transparent 58%),
    linear-gradient(115deg, #223630, #182824) !important;
  border-color: #436259 !important;
  box-shadow: 0 16px 40px #030b0960 !important;
}
html[data-app-theme="dark"] body main.edit-ui :is(.edit-hero h1, .edit-description,
.edit-section h2, .edit-section p, label, .breadcrumb) {
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main.edit-ui .edit-eyebrow { color: #8de0cb !important; }
html[data-app-theme="dark"] body main.edit-ui :is(.edit-card, .edit-section-number,
.edit-shell .card, .edit-shell .card-body) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: 0 12px 32px #030b0938 !important;
}
html[data-app-theme="dark"] body main.edit-ui .edit-section,
html[data-app-theme="dark"] body main.edit-ui .mf-input-actions {
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body main.edit-ui :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background: #17211f !important;
  color: var(--app-text) !important;
  border-color: #465751 !important;
}
html[data-app-theme="dark"] body main.edit-ui :is(input, textarea)::placeholder {
  color: #9aaca5 !important;
}
html[data-app-theme="dark"] body main.edit-ui .mf-input-actions :is(a.btn, a > button) {
  background: #294138 !important;
  border-color: #527367 !important;
  color: #dff4e9 !important;
}

/* Salary pages define a second complete palette in their template. */
html[data-app-theme="dark"] body .salary-workspace {
  --pay-accent: #80d6c2;
  --pay-ink: #e4eeea;
  --pay-muted: #a9bbb4;
  --pay-line: #354440;
  --pay-surface: #1a2422;
  background: radial-gradient(ellipse at 90% 0%, #1c3931, transparent 46%),
    var(--app-bg) !important;
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body .salary-workspace .page-heading {
  background: radial-gradient(ellipse at 80% 0%, #2b4941, transparent 60%),
    linear-gradient(115deg, #223630, #182824) !important;
  border-color: #436259 !important;
  box-shadow: 0 16px 40px #030b0960 !important;
}
html[data-app-theme="dark"] body .salary-workspace :is(h1, .page-heading p,
.breadcrumb-item.active, .overview .row > div > span:last-child,
.table .fw-semibold, .form-label, .skeleton-caption) {
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body .salary-workspace :is(.card, .card-body,
.overview, .table-panel, .payroll-skeleton, .table-responsive) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body .salary-workspace :is(.modern-tabs, .nav-tabs) {
  background: #23332e !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body .salary-workspace :is(.modern-tabs .nav-link.active,
.card > .nav-tabs .nav-link.active) {
  background: #315247 !important;
  color: #dcf5e9 !important;
  border-color: #5b9c86 !important;
}
html[data-app-theme="dark"] body .salary-workspace :is(.modern-tabs .nav-link,
.card > .nav-tabs .nav-link, .overview .row > div, .breadcrumb a) {
  color: #b8ccc3 !important;
}
html[data-app-theme="dark"] body .salary-workspace :is(.table thead th,
.table thead td) { background: #273a34 !important; color: #e8f2ed !important; }
html[data-app-theme="dark"] body .salary-workspace :is(.table tbody tr,
.table tbody td, .table tbody th) {
  background: #1a2824 !important;
  color: #dce9e2 !important;
  border-color: #354a42 !important;
}
html[data-app-theme="dark"] body .salary-workspace .table tbody tr:hover > * {
  --bs-table-accent-bg: #2a4037;
  --bs-table-bg-state: #2a4037;
  background: #2a4037 !important;
}
html[data-app-theme="dark"] body .salary-workspace :is(.page-link,
.btn-secondary, .btn-light) {
  background: #294138 !important;
  border-color: #527367 !important;
  color: #dff4e9 !important;
}
html[data-app-theme="dark"] body .salary-workspace .page-item.active .page-link {
  background: #167d70 !important;
  border-color: #269b88 !important;
  color: #fff !important;
}
html[data-app-theme="dark"] body .salary-workspace :is(.skeleton-bar,
.skeleton-row .skeleton-bar:nth-child(even), .skeleton-row:first-child) {
  background: #2b4038 !important;
}
html[data-app-theme="dark"] body #initialFilterModal :is(.modal-content,
.modal-header, .modal-body, .modal-footer) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body #initialFilterModal :is(.form-label,
.modal-title) { color: var(--app-text) !important; }

/* Entry forms and standalone screens share components with different names. */
html[data-app-theme="dark"] body :is(.bg-white, .bg-light, .bg-gray-100,
.bg-gray-200, .bg-soft, .btn-white, .info-value, .nav-tabs .nav-link.active) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body main:is(.mf-input, .salary-teal-ui,
.saas-layout, .salary-summary) {
  --ink: var(--app-text);
  --muted: var(--app-muted);
  --line: var(--app-border);
  --saas-text: var(--app-text);
  --saas-muted: var(--app-muted);
  --saas-border: var(--app-border);
  --soft: #253b35;
  --text-secondary: var(--app-muted);
  background: var(--app-bg) !important;
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main:is(.mf-input, .salary-teal-ui,
.saas-layout) :is(.mf-entry-hero, .labour-hero, .salary-hero,
.jobtitle-hero, .page-hero, .form-hero, .saas-hero,
.sawn-hero, .ot-hero, .gs-hero, .rotary-hero) {
  background: radial-gradient(ellipse at 78% 0%, #2b4941, transparent 58%),
    linear-gradient(115deg, #223630, #182824) !important;
  border-color: #436259 !important;
  color: var(--app-text) !important;
  box-shadow: 0 16px 40px #030b0960 !important;
}
html[data-app-theme="dark"] body main.mf-input .labour-hero::after {
  background: linear-gradient(90deg, #19332b66, transparent 65%) !important;
}
html[data-app-theme="dark"] body main:is(.mf-input, .salary-teal-ui,
.saas-layout, .salary-summary) :is(h1, h2, h3, h4, h5, h6,
[class$="hero-description"], [class$="hero-caption"],
.mf-input-subheader, .edit-description, .salary-description,
.form-label, .form-check-label, label) {
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main:is(.mf-input, .salary-teal-ui,
.saas-layout, .salary-summary) :is(.card, .card-body, .card-header,
.card-footer, .form-card, .form-panel, .form-section, .salary-card-heading,
.ot-card, .gs-card, .modal1, .regenerate-toolbar) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body main:is(.mf-input, .salary-teal-ui,
.saas-layout, .salary-summary) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
select, textarea, .form-control, .form-select, .select2-selection) {
  background: #17211f !important;
  color: var(--app-text) !important;
  border-color: #465751 !important;
}
html[data-app-theme="dark"] body main.mf-input :is(.text-muted, .text-secondary,
.form-text, .help-text, .helptext, .text-gray-400, .text-gray-500,
.text-gray-600, .text-gray-700, .text-gray-800, .text-slate-400,
.text-slate-500, .text-slate-600, .text-slate-700) {
  color: var(--app-muted) !important;
}
html[data-app-theme="dark"] body main.mf-input :is(input, textarea)::placeholder {
  color: #9aaca5 !important;
}
html[data-app-theme="dark"] body main.mf-input :is(
label, .form-label, .form-check-label):not(.text-danger):not(.text-success):not(.text-warning) {
  color: #d5e3dc !important;
}
html[data-app-theme="dark"] body main.mf-input :is(
.mf-input-subheader, .ot-subtitle, .ot-hint, .help-text, .helptext,
.form-text, [class$="hero-description"], [class$="hero-caption"]) {
  color: #afc2ba !important;
}
html[data-app-theme="dark"] body main:is(.mf-input, .salary-teal-ui) :is(
.btn-secondary, .btn-light, .btn-white, .btn-outline-primary,
.btn-outline-success, .btn-outline-secondary, .btn-info) {
  background: #294138 !important;
  border-color: #527367 !important;
  color: #dff4e9 !important;
}

html[data-app-theme="dark"] body main.salary-summary .summary-workspace {
  --ink: var(--app-text);
  --muted: var(--app-muted);
  --accent: #80d6c2;
  --line: var(--app-border);
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main.salary-summary .summary-hero {
  background: radial-gradient(ellipse at 80% 0%, #2b4941, transparent 60%),
    linear-gradient(115deg, #223630, #182824) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body main.salary-summary :is(.filter-panel,
.card, .card-body, .table-wrapper) {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main.salary-summary .employee-summary-table :is(th, td) {
  background: #1a2824 !important;
  border-color: #354a42 !important;
  color: #dce9e2 !important;
}
html[data-app-theme="dark"] body main.salary-summary .employee-summary-table thead th {
  background: #273a34 !important;
  color: #e8f2ed !important;
}
html[data-app-theme="dark"] body main.salary-summary .employee-summary-table tbody tr:hover td {
  background: #2a4037 !important;
}
html[data-app-theme="dark"] body main.salary-summary .employee-summary-table td.total-column {
  background: #423926 !important;
  color: #f0dba8 !important;
}
html[data-app-theme="dark"] body main.salary-summary :is(.btn-secondary,
.btn-outline-secondary, .page-link) {
  background: #294138 !important;
  border-color: #527367 !important;
  color: #dff4e9 !important;
}

/* Final form readability overrides run after each page's inline stylesheet. */
html[data-app-theme="dark"] body main :is(form, fieldset) :is(
label, .form-label, .form-check-label):not(.text-danger):not(.text-success):not(.text-warning) {
  color: #d5e3dc !important;
}
html[data-app-theme="dark"] body main :is(form, fieldset) :is(
.form-text, .help-text, .helptext, small, [class*="description"], [class*="subtitle"], [class*="hint"]) {
  color: #afc2ba !important;
}
html[data-app-theme="dark"] body main :is(form, fieldset) :is(
[class*="card"], [class*="panel"], [class*="section"], [class*="group"]):not([class*="alert"]) {
  background-color: var(--app-surface) !important;
  background-image: none !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

/* The repeated form families use inline styles with hardcoded light colors. */
html[data-app-theme="dark"] body main:is(.pricing-ui, .rotary-ui, .glue-ui,
.dryer-ui, .core-repair-ui, .composer-ui, .ss-ui,
.supplier-ui, .veneer-ui, .fb-setting-ui, .ot-page) {
  --ink: var(--app-text);
  --muted: var(--app-muted);
  --line: var(--app-border);
  --pricing-ink: var(--app-text);
  background: var(--app-bg) !important;
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main:is(.pricing-ui, .rotary-ui, .glue-ui,
.dryer-ui, .core-repair-ui, .composer-ui, .ss-ui,
.supplier-ui, .veneer-ui, .fb-setting-ui, .ot-page) :is(
.pricing-hero, .rotary-hero, .glue-hero, .dryer-hero,
.composer-hero, .ss-hero, .supplier-hero, .veneer-hero,
.ot-hero, .mf-entry-hero) {
  background: radial-gradient(ellipse at 78% 0%, #2b4941, transparent 58%),
    linear-gradient(115deg, #223630, #182824) !important;
  border-color: #436259 !important;
  color: var(--app-text) !important;
  box-shadow: 0 16px 40px #030b0960 !important;
}
html[data-app-theme="dark"] body main:is(.pricing-ui, .rotary-ui, .glue-ui,
.dryer-ui, .core-repair-ui, .composer-ui, .ss-ui,
.supplier-ui, .veneer-ui, .fb-setting-ui, .ot-page) :is(
.pricing-card, .pricing-section-number, .rotary-section > span,
.glue-section > span, .rotary-form, .glue-panel,
.repair-form-item, .container-form, .modal1,
.card, .card-body, .card-header, .card-footer) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body main.rotary-ui > form > .card > .form-group:has(#volume-roundup) {
  background: #263a32 !important;
  border-color: #456057 !important;
}
html[data-app-theme="dark"] body main:is(.pricing-ui, .rotary-ui, .glue-ui,
.dryer-ui, .core-repair-ui, .composer-ui, .ss-ui,
.supplier-ui, .veneer-ui, .fb-setting-ui, .ot-page) :is(
.pricing-hero h1, .pricing-description, .pricing-section h2,
.pricing-section p, .rotary-section h2, .rotary-section p,
.modal-title, h1, h2, h3, h4, h5, h6,
label, .form-label, .form-check-label) {
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body main:is(.pricing-ui, .rotary-ui, .glue-ui,
.dryer-ui, .core-repair-ui, .composer-ui, .ss-ui,
.supplier-ui, .veneer-ui, .fb-setting-ui, .ot-page) :is(
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
select, textarea, .form-control, .form-select) {
  background: #17211f !important;
  color: var(--app-text) !important;
  border-color: #465751 !important;
}
html[data-app-theme="dark"] body main:is(.pricing-ui, .rotary-ui, .glue-ui,
.dryer-ui, .core-repair-ui, .composer-ui, .ss-ui,
.supplier-ui, .veneer-ui, .fb-setting-ui, .ot-page) :is(
input:disabled, input[readonly], select:disabled, textarea:disabled,
.form-control:disabled, .form-control[readonly]) {
  background: #26332e !important;
  color: #b3c6bc !important;
  border-color: #40584d !important;
}
html[data-app-theme="dark"] body main:is(.pricing-ui, .rotary-ui, .glue-ui,
.dryer-ui, .core-repair-ui, .composer-ui, .ss-ui,
.supplier-ui, .veneer-ui, .fb-setting-ui, .ot-page) :is(
.btn-secondary, .btn-light, .btn-white, .btn-info, .btn-outline-secondary,
.mf-input-actions a.btn, .modal1 > button) {
  background: #294138 !important;
  border-color: #527367 !important;
  color: #dff4e9 !important;
}
html[data-app-theme="dark"] body main:is(.pricing-ui, .rotary-ui, .glue-ui,
.dryer-ui, .core-repair-ui, .composer-ui, .ss-ui,
.supplier-ui, .veneer-ui, .fb-setting-ui, .ot-page) :is(
.pricing-section, .rotary-section, .mf-input-actions, .modal-header,
.modal-footer) { border-color: var(--app-border) !important; }
html[data-app-theme="dark"] body main.rotary-ui .rotary-section :is(h2, p, span) {
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.rotary-ui .rotary-section > span {
  background: #294138 !important;
  border-color: #527367 !important;
}
html[data-app-theme="dark"] body main.rotary-ui #output-form-id > .item-1:has(> #volume-id) {
  background: linear-gradient(115deg, #20352e, #263c33) !important;
  border-color: #456057 !important;
}
html[data-app-theme="dark"] body main.rotary-ui #output-form-id > .item-1:has(> #volume-id) label {
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.saas-layout :is(.sawn-hero h1,
.sawn-hero .sawn-hero-eyebrow, .sawn-hero .sawn-hero-description) {
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.saas-layout .sawn-card {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body main.saas-layout .sawn-hero {
  background: radial-gradient(ellipse at 78% 0%, #2b4941, transparent 58%),
    linear-gradient(115deg, #223630, #182824) !important;
  border-color: #436259 !important;
}

/* Standardize page hero/header banners, including page-specific names like po-hero. */
html[data-app-theme="dark"] body main.content :is(
header[class*="hero"], section[class*="hero"],
header[class*="heading"], section[class*="heading"],
header[class*="header"], section[class*="header"]) {
  background: radial-gradient(ellipse at 80% 0%, #2b4941, transparent 58%),
    linear-gradient(115deg, #223630, #182824) !important;
  color: #e4eeea !important;
  border-color: #436259 !important;
  box-shadow: 0 14px 36px #030b0945 !important;
}
html[data-app-theme="dark"] body main.content :is(
header[class*="hero"], section[class*="hero"])::after {
  background: linear-gradient(90deg, #182a24a8, transparent 68%) !important;
}
html[data-app-theme="dark"] body main.content :is(
header[class*="hero"], section[class*="hero"],
header[class*="heading"], section[class*="heading"],
header[class*="header"], section[class*="header"]) :is(
h1, h2, h3, .eyebrow, [class*="eyebrow"], [class*="kicker"]) {
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.content :is(
header[class*="hero"], section[class*="hero"],
header[class*="heading"], section[class*="heading"],
header[class*="header"], section[class*="header"]) :is(
p, [class*="description"], [class*="caption"], [class*="subtitle"]) {
  color: #afc2ba !important;
}
html[data-app-theme="dark"] body main.content :is(
header[class*="hero"], section[class*="hero"],
header[class*="heading"], section[class*="heading"],
header[class*="header"]) :is([class*="eyebrow"], [class*="kicker"]) {
  color: #8de0cb !important;
}

/* Less common form families found in the full template audit. */
html[data-app-theme="dark"] body main.glue-ui :is(.gs-mode, .glue-panel,
.glue-section, .process-link, #button-container > a) {
  background: #1a2824 !important;
  color: #dce9e2 !important;
  border-color: #354a42 !important;
}
html[data-app-theme="dark"] body main.glue-ui :is(.gs-mode.active,
.process-link.active, #button-container > a:hover) {
  background: #315247 !important;
  color: #effaf5 !important;
  border-color: #5b9c86 !important;
}
html[data-app-theme="dark"] body main:is(.fb-setting-ui, .veneer-ui) :is(
.fbs-ui-card, .veneer-card, .fbs-ui-section, .veneer-section,
#fbs-jobang-component, .fbs-ui-modes) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body main:is(.fb-setting-ui, .veneer-ui) :is(
.fbs-ui-section > span, .veneer-section > span, .fbs-ui-mode-link,
.fbs-ui-modes button) {
  background: #294138 !important;
  color: #dff4e9 !important;
  border-color: #527367 !important;
}
html[data-app-theme="dark"] body main:is(.fb-setting-ui, .veneer-ui) :is(
.fbs-ui-mode-link.active, .fbs-ui-modes button.active) {
  background: #167d70 !important;
  color: #fff !important;
  border-color: #269b88 !important;
}
html[data-app-theme="dark"] body main :is(.rotary-block, .rotary-summary,
.upload-form, .input-container, .repair-form-item, .pricing-fields) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body :is(form, .modal, .modal1) .btn-danger,
html[data-app-theme="dark"] body :is(form, .modal, .modal1) .btn-outline-danger {
  background: #512d32 !important;
  border-color: #85565d !important;
  color: #ffd1cc !important;
}
html[data-app-theme="dark"] body :is(form, .modal, .modal1) .btn-warning {
  background: #493b24 !important;
  border-color: #78613a !important;
  color: #f4d99e !important;
}
html[data-app-theme="dark"] body :is(.alert-danger, .alert-warning,
.alert-success, .alert-info) {
  background: #202b28 !important;
  border-color: #465751 !important;
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body .alert-danger { border-left: 3px solid #c87a76 !important; }
html[data-app-theme="dark"] body .alert-warning { border-left: 3px solid #c8a65f !important; }
html[data-app-theme="dark"] body .alert-success { border-left: 3px solid #57ad8b !important; }
html[data-app-theme="dark"] body main :is(.rotary-ui, .glue-ui, .fb-setting-ui,
.veneer-ui, .pricing-ui, .saas-layout) :is(.apexcharts-tooltip,
.apexcharts-yaxistooltip, .apexcharts-tooltip-title) {
  background: #1a2422 !important;
  color: #e4eeea !important;
  border-color: #354440 !important;
}

/* Keep field states readable across forms rendered outside the main content. */
html[data-app-theme="dark"] body :is(form, .modal, .modal1) :is(
.form-control, .form-select, input:not([type="hidden"]), select, textarea):focus {
  background: #1b2b25 !important;
  color: #f0fbf5 !important;
  border-color: #79cbb6 !important;
  box-shadow: 0 0 0 3px #3e9b8055 !important;
}
html[data-app-theme="dark"] body :is(form, .modal, .modal1) :is(
.form-control, .form-select, input:not([type="hidden"]), select, textarea):disabled,
html[data-app-theme="dark"] body :is(form, .modal, .modal1) :is(
.form-control, .form-select, input, textarea)[readonly] {
  background: #26332e !important;
  color: #b3c6bc !important;
  border-color: #40584d !important;
  opacity: 1;
}
html[data-app-theme="dark"] body :is(form, .modal, .modal1) :is(
.form-check-input, input[type="checkbox"], input[type="radio"]) {
  border-color: #6b8b7c !important;
  accent-color: #49b9a1;
}
html[data-app-theme="dark"] body :is(form, .modal, .modal1) :is(
input[type="file"], .form-control[type="file"])::file-selector-button {
  background: #294138 !important;
  color: #dff4e9 !important;
  border-color: #527367 !important;
}
html[data-app-theme="dark"] body :is(form, .modal, .modal1) :is(
.invalid-feedback, .errorlist, .field-error, .text-danger) {
  color: #ffaca5 !important;
}
html[data-app-theme="dark"] body :is(form, .modal, .modal1) :is(
.valid-feedback, .text-success) { color: #89dec2 !important; }

html[data-app-theme="dark"] body :is(main.content, main.main-content, .modal) form
  :is(div, section, article, fieldset):is([class*="card"], [class*="panel"],
  [class*="section"], [class*="container"], [class*="group"]) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body :is(main.content, main.main-content, .modal) form
  :is(div, section, article):is([class*="header"], [class*="heading"],
  [class*="footer"]) {
  background: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

/* Hide the sidebar scrollbar track and thumb while keeping the menu scrollable. */
#sidebarMenu {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
#sidebarMenu::-webkit-scrollbar,
#sidebarMenu *::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Shared widget chrome; template surfaces resolve their own theme tokens. */
html[data-app-theme="dark"] body :is(.bg-white, .bg-light, .table-light) {
  background-color: var(--app-surface) !important;
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body :is(.page-link, .page-item.disabled .page-link,
.page-link:hover, .page-link:focus, .pagination .page-link) {
  background-color: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body .page-item.active .page-link {
  background-color: #176d5c !important;
  border-color: #398a73 !important;
}
html[data-app-theme="dark"] body :is(.btn-secondary, .btn-warning,
.btn-outline-warning, .bg-warning, .badge.bg-secondary, .badge.bg-warning) {
  background-color: var(--app-warning-surface) !important;
  color: var(--app-warning) !important;
  border-color: #78613a !important;
}
html[data-app-theme="dark"] body :is(.btn-gray-200, .bg-gray-50, .bg-gray-100,
.bg-gray-200, .bg-gray-300, .bg-gray-400, .bg-gray-500, .breadcrumb,
.nav-tabs .nav-link, .nav-pills .nav-link,
.form-check-input:not(:checked)) {
  background-color: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] body .form-check-input:checked {
  background-color: #176d5c !important;
  border-color: #398a73 !important;
}
html[data-app-theme="dark"] body :is(h1,h2,h3,h4,h5,h6) {
  color: var(--app-text) !important;
}
html[data-app-theme="dark"] body :is(.apexcharts-text, .apexcharts-legend-text,
.apexcharts-title-text, .apexcharts-subtitle-text) {
  fill: var(--app-muted) !important;
  color: var(--app-muted) !important;
}
html[data-app-theme="dark"] body :is(.apexcharts-gridline, .apexcharts-xaxis line,
.apexcharts-yaxis line) { stroke: var(--app-border) !important; }
html[data-app-theme="dark"] body :is(.apexcharts-tooltip, .apexcharts-tooltip-title,
.apexcharts-xaxistooltip, .apexcharts-yaxistooltip, .tooltip-inner, .tippy-box) {
  background: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-app-theme="dark"] table tbody tr:hover {
  background-color: var(--app-surface-raised) !important;
}

/* Main Dashboard keeps its teal identity with dark surfaces and readable data. */
html[data-app-theme="dark"] body main.super-dashboard {
  --sd-teal: #78cbbb;
  --sd-deep: #a8dfd0;
  --sd-mint: #243b35;
  --sd-line: #354940;
  background: #111918 !important;
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-hero {
  background: radial-gradient(ellipse at 83% 12%, #3b6c5b66, transparent 38%), linear-gradient(112deg, #20352f, #182824 68%, #14221f) !important;
  border-color: #3d5c50 !important;
  color: #e4eeea !important;
  box-shadow: 0 12px 32px #030b0940 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-hero :is(h1, .sd-eyebrow) {
  color: #eaf6ef !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-hero :is(.sd-muted, p) {
  color: #b2c9be !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-stamp {
  background: #ffffff0b !important;
  border-color: #ffffff1a !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-period-label {
  background: #ffffff12 !important;
  border-color: #ffffff20 !important;
  color: #d9eee5 !important;
}
html[data-app-theme="dark"] body main.super-dashboard :is(.sd-panel, .sd-kpi) {
  background: #1a2422 !important;
  border-color: #354440 !important;
  color: #e4eeea !important;
  box-shadow: 0 8px 26px #030b0930 !important;
}
html[data-app-theme="dark"] body main.super-dashboard :is(.sd-panel h2, .sd-number, .sd-list-row strong, .sd-legend-value) {
  color: #e9f2ed !important;
}
html[data-app-theme="dark"] body main.super-dashboard :is(
  .sd-muted, .sd-note, .sd-label, .sd-empty, .sd-filter label,
  .sd-table th, .sd-chart-legend, .sd-chart-state, .sd-chart-controls button
) {
  color: #a9bbb4 !important;
}
html[data-app-theme="dark"] body main.super-dashboard :is(.sd-reset, .sd-panel-head a, .sd-shortcut:hover) {
  color: #83d7c5 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-filter input {
  background: #111918 !important;
  border-color: #465751 !important;
  color: #e4eeea !important;
  color-scheme: dark;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-filter input:focus {
  border-color: #79cbb6 !important;
  box-shadow: 0 0 0 3px #3e9b8055 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-button {
  background: #277f72 !important;
  color: #fff !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-button:hover {
  background: #329783 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-kpi .sd-label::before {
  background: #263b35 !important;
  color: #8ed8c4 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-kpi:nth-child(3n) .sd-label::before {
  color: #e0c181 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-table :is(th, td),
html[data-app-theme="dark"] body main.super-dashboard .sd-list-row {
  border-color: #354440 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-table tbody tr:hover {
  background: #222e2b !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-bar {
  background: #2b3934 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-bar span {
  background: linear-gradient(90deg, #4ca995, #83d7c5) !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-badge {
  background: #263b35 !important;
  border-color: #3b574c !important;
  color: #bfe8d7 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-stock-box {
  background: linear-gradient(145deg, #22332d, #1d2b27) !important;
  border-color: #354940 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-alert {
  background: #332d20 !important;
  border-color: #625536 !important;
  color: #ead9aa !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-shortcut {
  background: linear-gradient(145deg, #1d2b27, #1a2422) !important;
  border-color: #354940 !important;
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-shortcut:hover {
  background: linear-gradient(145deg, #263b35, #22332d) !important;
  border-color: #527367 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-chart-state {
  background: linear-gradient(145deg, #22332d, #1d2b27) !important;
  color: #a9bbb4 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-chart-controls {
  background: #18221f !important;
  border-color: #354440 !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-chart-controls button[aria-pressed="true"] {
  background: #315247 !important;
  color: #eaf6ef !important;
}
html[data-app-theme="dark"] body main.super-dashboard .sd-chart-tip {
  background: #e4eeea !important;
  color: #17211f !important;
}

/* Recovery Time Series uses the same forest-green dark surfaces as the dashboards. */
html[data-app-theme="dark"] body main.recovery-ui {
  background: #111918 !important;
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.recovery-ui .recovery-hero {
  background: radial-gradient(ellipse at 76% 12%, #3b6c5b55, transparent 55%), linear-gradient(115deg, #20352f, #182824 70%, #14221f) !important;
  border-color: #3d5c50 !important;
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.recovery-ui :is(.recovery-hero h1, .recovery-heading h2, .recovery-toolbar h2, .recovery-stat-value, .recovery-row .card-title) {
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.recovery-ui :is(
  .recovery-description, .recovery-stat-label, .recovery-toolbar p,
  .recovery-heading p, #reportTime, .breadcrumb a
) {
  color: #a9bbb4 !important;
}
html[data-app-theme="dark"] body main.recovery-ui :is(.recovery-panel, .recovery-stat, .recovery-row .card) {
  background: #1a2422 !important;
  border-color: #354440 !important;
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.recovery-ui .recovery-row .card-header {
  background: #222e2b !important;
  border-color: #354440 !important;
  color: #e4eeea !important;
}
html[data-app-theme="dark"] body main.recovery-ui :is(.filter-container, .recovery-toggle, .recovery-stat-icon, .recovery-heading > span) {
  background: #222e2b !important;
  border-color: #354440 !important;
  color: #bfe8d7 !important;
}
html[data-app-theme="dark"] body main.recovery-ui .filter-container label {
  color: #c4d2cb !important;
}
html[data-app-theme="dark"] body main.recovery-ui :is(#dateRange, .recovery-row .form-control, .recovery-row .form-select) {
  background: #111918 !important;
  border-color: #465751 !important;
  color: #e4eeea !important;
  color-scheme: dark;
}
html[data-app-theme="dark"] body main.recovery-ui .recovery-toggle .btn-outline-primary {
  background: transparent !important;
  color: #a9bbb4 !important;
}
html[data-app-theme="dark"] body main.recovery-ui .recovery-toggle .btn-primary,
html[data-app-theme="dark"] body main.recovery-ui #dashboardFilterForm .btn {
  background: #277f72 !important;
  border-color: #398a73 !important;
  color: #fff !important;
}
html[data-app-theme="dark"] body main.recovery-ui #recovery-table-view table,
html[data-app-theme="dark"] body main.recovery-ui #recovery-table-view td {
  color: #e4eeea !important;
  border-color: #354440 !important;
}
html[data-app-theme="dark"] body main.recovery-ui #recovery-table-view th {
  background: #222e2b !important;
  color: #b9c9c1 !important;
  border-color: #354440 !important;
}
html[data-app-theme="dark"] body main.recovery-ui .apexcharts-text {
  fill: #c4d2cb !important;
}
html[data-app-theme="dark"] body main.recovery-ui .apexcharts-gridline {
  stroke: #354440 !important;
}
html[data-app-theme="dark"] body main.recovery-ui .apexcharts-tooltip,
html[data-app-theme="dark"] body main.recovery-ui .apexcharts-tooltip-title {
  background: #222e2b !important;
  color: #e4eeea !important;
  border-color: #465751 !important;
}
html[data-app-theme="dark"] body main.recovery-ui .alert-warning {
  background: #332d20 !important;
  border-color: #625536 !important;
  color: #ead9aa !important;
}

}