.dark-mode .site-header {
  background-color: var(--gray-800);
  color: var(--dark-text-primary);
}

.dark-mode a {
  color: var(--dark-text-primary);
}

.white-noti {
  display: none !important;
}

.dark-mode .notification-item {
  display: none !important;
}

.dark-mode .white-noti {
  display: block !important;
}

.dark-mode .site-header .my-task-label {
  color: var(--dark-text-primary);
}

.dark-mode .site-header .header-logo .verimus-text {
  color: var(--dark-text-primary);
}

.dark-mode .sidebar-wrapper .sidebar-footer .sidebar-logout .dark-logout {
  display: none !important;
}

.sidebar-wrapper .sidebar-footer .sidebar-logout .white-logout {
  display: none !important;
}

.dark-mode .sidebar-wrapper .sidebar-footer .sidebar-logout .white-logout {
  display: block !important;
}

.dark-mode .header-search-form .search-form .search-field {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border)  !important;
  color: var(--dark-text-primary);
}

.dark-mode .attach-note-file-label {
  background-color: var(--dark-bg-tertiary);
  border-color: var(--dark-border);
  color: var(--dark-text-primary);
}

.dark-mode .header-search-form .search-form input::placeholder {
  color: var(--dark-text-muted) !important;
}

.dark-mode .position-descriptions-page #pd-search-input.form-control {
  background-color: #f8fafc;
  border-color: rgba(255, 255, 255, 0.24);
  color: #111827;
}

.dark-mode .position-descriptions-page #pd-search-input.form-control::placeholder {
  color: #64748b;
}

.dark-mode .header-search-form .search-form .search-submit .fa-magnifying-glass {
  color: var(--dark-text-primary) !important;
}

.dark-mode .header-company .select2 .selection .select2-selection {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
}

.dark-mode .header-company .select2 .selection .select2-selection .select2-selection__rendered {
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main {
  background-color: var(--dark-bg-primary);
  min-height: 100vh;
}

.dark-mode .hrc-pd-acceptance-task .dashboard-task-item,
.dark-mode .hrc-pd-acceptance-task .task__content,
.dark-mode .hrc-pd-acceptance-task .task__info,
.dark-mode .hrc-pd-acceptance-task .form-check-label {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .hrc-pd-acceptance-task .form-check-label a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .main-content .counter-container {
  background-color: var(--gray-800);
  color: var(--dark-text-primary);
}

/* .dark-mode .content-body styles are in layout/grid.css */

.dark-mode .sidebar-wrapper {
  background-color: var(--gray-800) !important;
  color: var(--dark-text-primary) !important;
  border-right: 1px solid var(--dark-border);
}

.dark-mode .sidebar-wrapper .menu-item-sidebar svg {
  color: var(--dark-text-primary) !important;
}

.dark-mode .toggle-sidebar {
  border-bottom-color: var(--dark-border);
}

/* DataTables FixedColumns' own dark-mode override targets html.dark, but
   this theme toggles dark mode via body.dark-mode, so frozen columns
   (e.g. Employee Name, Action) were stuck with a hardcoded white
   background from the vendor's light-mode rule. */
.dark-mode table.dataTable thead tr > .dtfc-fixed-start,
.dark-mode table.dataTable thead tr > .dtfc-fixed-end,
.dark-mode table.dataTable tfoot tr > .dtfc-fixed-start,
.dark-mode table.dataTable tfoot tr > .dtfc-fixed-end,
.dark-mode table.dataTable tbody tr > .dtfc-fixed-start,
.dark-mode table.dataTable tbody tr > .dtfc-fixed-end {
  background-color: var(--gray-800) !important;
}

/* Wrapper-scoped (not #employees-table-status / #archived-employees-table-status
   directly) so these also reach the visible header clone DataTables builds
   in .dt-scroll-head, which has its id attribute stripped — see the note
   above the equivalent rules in style-fix.css. */
.dark-mode #employees-table-status_wrapper th.no-sort:not(.dt-mobile),
.dark-mode #archived-employees-table-status_wrapper th.no-sort:not(.dt-mobile),
.dark-mode #employees-table-status_wrapper .td-action-wrap,
.dark-mode #archived-employees-table-status_wrapper .td-action-wrap {
  border-left-color: var(--dark-border);
}

/* The generic .dtfc-fixed-* dark-mode background above is !important, so
   it also blocks the generic tr:hover tint on this table's Action column.
   Wrapper-scoped override wins the specificity fight against that
   !important rule and restores a visible hover shade there. */
.dark-mode #employees-table-status_wrapper tbody tr:hover td.td-action-wrap,
.dark-mode #archived-employees-table-status_wrapper tbody tr:hover td.td-action-wrap {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .notification-item span {
  border-color: var(--gray-800);
}

.dark-mode .notification-card.new-notification {
  background-color: rgba(255, 128, 48, 0.12);
}

.dark-mode .notification-card:not(.new-notification) {
  opacity: 0.6;
}

.dark-mode .notification-card:not(.new-notification):hover {
  opacity: 1;
}

.dark-mode .sidebar-menu .active>a:first-child {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .sidebar-menu .sub-menu .menu-item a {
  background-color: var(--gray-800) !important;
}

.dark-mode .short-sidebar-menu .sub-menu .menu-item a {
  background-color: var(--gray-900) !important;
}

.dark-mode .sidebar-menu .menu-item-has-children.icon-up>a:first-child {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .sidebar-menu .menu-parent-active>a:first-child {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .sidebar-menu li a:hover {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .menu-item-icon {
  color: var(--dark-text-primary) !important;
}

.dark-mode .menu-item a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .menu-item-has-children.icon-up>a {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .sidebar-footer a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .task__view-all {
  color: var(--dark-text-primary) !important;
  background: transparent;
  border-bottom-color: var(--dark-text-primary);
}

.dark-mode .quick-actions .task__item {
  border-color: var(--dark-border);
}

.dark-mode .quick-actions .task__lists .task__item .task__content .task__label {
  color: var(--dark-text-primary) !important;
}

.dark-mode .quick-actions__main .task .task__item .task__content .task__label {
  color: var(--dark-text-primary) !important;
}

.dark-mode .quick-actions .task__lists .task__item .task__content .task__tags .tag-div {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .quick-actions .task__lists .task__item .task__content .task__tags .task-out-of-date {
  background: var(--bg-error) !important;
  color: var(--error) !important;
}

.dark-mode .quick-actions .task__lists .task__item .task__content .task__tags .tag-author span {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .task__lists .task__item .task__content .task__section .task__label {
  color: var(--dark-text-primary) !important;
}

.dark-mode .task__lists .task__item .task__content .task__section .task__tags {
  background-color: var(--dark-bg-tertiary);
  color: var(--dark-text-primary) !important;
}

.dark-mode .task__lists .task__item .task__content .task__section .task__tags {
  color: var(--dark-text-primary) !important;
}

.dark-mode .dt-table-search-filter .dt-table-search-wrap .td-table-search {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-primary);
}

.dark-mode .dt-table-search-filter .dt-table-search-wrap input.td-table-search::placeholder {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-muted) !important;
}

.dark-mode .dt-table-search-filter .select2 .selection .select2-selection {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
}

.dark-mode .dt-table-search-filter .select2 .selection .select2-selection .select2-selection__rendered {
  color: var(--dark-text-primary) !important;
}

.dark-mode .dt-container {
  color: var(--dark-text-primary) !important;
}

.dark-mode .dt-container .dt-scroll .dt-scroll-head .dt-scroll-headInner table.table thead tr th,
.dark-mode #documents-table_wrapper .dt-scroll-head {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .dt-container .dt-scroll .dt-scroll-body table.table tbody tr td,
.dark-mode .table-bordered tbody tr td {
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode #documents-table tbody tr,
.dark-mode #documents-table tbody tr:nth-child(odd),
.dark-mode #documents-table tbody tr:nth-child(even),
.dark-mode #documents-table tbody tr:hover,
.dark-mode #documents-table tbody tr td {
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode #documents-table tbody tr:hover td {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode #documents-table tbody tr td a {
  color: var(--dark-text-primary) !important;
}

.dark-mode #documents-table tbody tr td a:hover {
  color: var(--color-primary) !important;
}

.dark-mode .dt-container .dt-scroll .dt-scroll-body table.table tbody tr td .tag-div {
  background-color: var(--dark-bg-tertiary);
  color: var(--dark-text-primary) !important;
}

.dark-mode .dt-container .dt-scroll .dt-scroll-body table.table tbody tr td .tag-div a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .eye-white {
  display: block;
}

.dark-mode .eye-black {
  display: none;
}

.dark-mode .dt-container .bottom .pagination .page-item a,
.dark-mode div.dt-container div.dt-paging ul.pagination li a {
  background-color: var(--dark-bg-secondary);
  color: var(--dark-text-primary);
  border-color: var(--dark-border);
}

.dark-mode .dt-container .bottom .pagination .page-item.active a,
.dark-mode div.dt-container div.dt-paging ul.pagination li.active a {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--white);
}

.dark-mode .dt-container .bottom .pagination .page-item a:hover,
.dark-mode div.dt-container div.dt-paging ul.pagination li a:hover {
  background-color: var(--dark-bg-tertiary);
  color: var(--dark-text-primary);
}

.dark-mode div.dt-container div.dt-paging ul.pagination li a.previous::after,
.dark-mode div.dt-container div.dt-paging ul.pagination li a.next::after {
  filter: invert(1);
}

.dark-mode .dt-container .bottom .dt-length .form-select {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
  border: 1px solid var(--dark-border);
}

.dark-mode .site-main .main-content .template-content form input {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main .main-content .template-content form input::placeholder {
  color: var(--dark-text-muted) !important;
}

.dark-mode .site-main .main-content .template-content form .select2 .selection .select2-selection {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .site-main .main-content .template-content form .select2 .selection .select2-selection .select2-selection__rendered {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

/* .dark-mode .form-control styles (including textarea) are in components/forms.css */

.dark-mode .site-main .main-content .content-body .entry-meta .entry-meta-category {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .site-main .main-content .content-body .entry-meta .entry-meta-category span {
  color: var(--dark-text-primary) !important;
}

.dark-mode #search-posts-input,
.dark-mode .site-main .main-content .content-body form input:not([type='submit']) {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border);
  color: var(--dark-text-primary) !important;
}

.dark-mode #search-posts-input::placeholder,
.dark-mode .site-main .main-content .content-body form input::placeholder {
  color: var(--dark-text-muted) !important;
}

.dark-mode .category-filter span.select2-container span.selection span.select2-selection,
.dark-mode .site-main .main-content .content-body form .select2 .selection .select2-selection {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
}

.dark-mode .category-filter span.select2-container span.selection span.select2-selection .select2-selection__rendered,
.dark-mode .site-main .main-content .content-body form .select2 .selection .select2-selection .select2-selection__rendered {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
  padding-block: 0;
}

.dark-mode .category-filter span.select2-container span.selection span.select2-selection .select2-selection__rendered .select2-selection__choice,
.dark-mode .site-main .main-content .content-body form .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main .main-content .content-body form textarea {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main .main-content .content-body form textarea::placeholder {
  color: var(--dark-text-muted) !important;
}

.dark-mode .site-main .main-content .content-body form .gform_body label.gform-field-label {
  color: var(--dark-text-primary) !important;
}

.dark-mode a#preview-document.link-verimus-btn {
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main .main-content #knowledge-center .knowledge-center-card-text {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main .main-content #knowledge-center .knowledge-center-card-text .knowledge-center-link a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main .main-content #knowledge-center input {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main .main-content #knowledge-center .search-posts-container {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
}

.dark-mode .site-main .main-content #knowledge-center input::placeholder {
  color: var(--dark-text-muted) !important;
}

.dark-mode .site-main .main-content #knowledge-center .knowledge-center-filter .select2 .selection .select2-selection .select2-selection__rendered {
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-main .main-content #knowledge-center .knowledge-center-filter .select2 .selection .select2-selection {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
}

/* .dark-mode table/dataTable styles are in components/tables.css */

.dark-mode table.table.dataTable>tbody>tr.selected a {
  color: var(--dark-text-primary) !important;
}

.dark-mode div.dt-scroll-body {
  border-color: var(--dark-border) !important;
}

.dark-mode .main-content .nav-tabs .nav-link {
  color: var(--dark-text-primary) !important;
}

.dark-mode .main-content .nav-tabs .nav-link.active {
  color: var(--main) !important;
}

.dark-mode #save-settings-form a {
  color: var(--dark-text-primary) !important;
}

.dark-mode ul#menu-sidebar>li.menu-item-has-children>a::before {
  background: url("../images/arrow-down-white.svg") no-repeat !important;
}

.dark-mode ul#menu-sidebar>li.active>a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: var(--main);
  width: 8px;
  height: 100%;
}

.dark-mode .select2-container--open .select2-dropdown {
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-tertiary);
}

.dark-mode .select2-container .select2-results .select2-results__options .select2-results__option {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .select2-container .select2-results .select2-results__option--highlighted[aria-selected] {
  background-color: var(--main) !important;
}

.dark-mode .select2-selection__arrow {
  background: url('../images/arrow-down-white.svg') no-repeat right;
  background-size: 70%;
}

.dark-mode .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link>a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .woocommerce .woocommerce-MyAccount-content a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .double-arrow-left {
  display: none;
}

.dark-mode .double-arrow-right {
  display: none;
}

.dark-mode .double-arrow-left-white {
  display: block;
}

.dark-mode .double-arrow-right-white {
  display: block;
  cursor: pointer;
}

/* Hide white arrows by default (light mode) */
.double-arrow-left-white,
.double-arrow-right-white {
  display: none;
}

.dark-mode #knowledge-center-range {
  color: var(--dark-text-primary) !important;
}

.dark-mode .subscrition-container .subcription-item {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .subscrition-container .subcription-item h3 a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .subscrition-container .subcription-item .change-subscription {
  color: var(--dark-text-primary) !important;
}

.dark-mode label[for="email"] {
  color: var(--dark-text-primary) !important;
}

.dark-mode .wc-block-components-text-input label,
.dark-mode .wc-block-components-country-input label {
  color: var(--dark-text-primary) !important;
}

.dark-mode .wc-block-components-address-card__edit {
  color: var(--dark-text-primary) !important;
}

.dark-mode .wc-block-components-totals-coupon-link {
  color: var(--dark-text-primary) !important;
}

.dark-mode .subscription-related {
  color: var(--dark-text-primary) !important;
  background-color: var(--dark-bg-primary);
}

.dark-mode .subscription-related .subscription-related-title a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .subscription-related .change-subscription {
  color: var(--dark-text-primary) !important;
}
.dark-mode #send-task-invitation-button {
  background-color: var(--main);
  color: var(--dark-text-primary) !important;
}

.dark-mode #show-hide-completed-task-btn {
  color: var(--dark-text-primary) !important;
}

.dark-mode .upload-logo-label {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
}

.dark-mode .upload-black {
  display: none !important;
}

.dark-mode .upload-white {
  display: inline !important;
  vertical-align: middle;
}

.dark-mode .sfwd-courses .entry-header h2 a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .ld-item-list-item-preview {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .ld-item-list-item-preview .ld-item-title {
  color: var(--dark-text-primary) !important;
}

.dark-mode .knowledge-center-card-text {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .knowledge-center-link a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .ld-item-list-item {
  border-color: var(--dark-border) !important;
}

.dark-mode .ld-course-status {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode .entry-meta-category {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .entry-meta-category span,
.dark-mode .my-training-and-certification-expire-date {
  color: var(--dark-text-primary) !important;
}

.dark-mode .training-request .download-url {
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-lesson-list.ld-item-list .ld-item-list-item .ld-table-list .ld-table-list-items {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-table-list a.ld-table-list-item-preview {
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components {
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper {
  background-color: var(--gray-800) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-focus-header {
  background-color: var(--gray-800) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-content-actions {
  background-color: var(--gray-800) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-content-actions .ld-button.ld-button-transparent {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-breadcrumbs a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .learndash-wrapper .ld-topic-status .ld-breadcrumbs {
  background-color: var(--dark-bg-tertiary) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action .sfwd-mark-complete {
  margin: 0 !important;
}

.dark-mode .menu-item-icon.menu-item-icon-dark {
  display: block !important;
}

.dark-mode .menu-item-icon:not(.menu-item-icon-dark) {
  display: none;
}

/* Dark mode support for inline SVGs in menu items */
.dark-mode ul#menu-sidebar li a>svg {
  color: var(--dark-text-primary);
}

.dark-mode ul#menu-sidebar li.active a>svg,
.dark-mode ul#menu-sidebar li:hover a>svg {
  color: var(--white);
}

.dark-mode .upload-document-label {
  background-color: var(--dark-bg-tertiary);
}

.dark-mode .select2-search--dropdown {
  background-color: var(--dark-bg-tertiary);
}

.dark-mode .select2-search--dropdown input {
  background-color: var(--dark-bg-tertiary);
  border-color: var(--dark-border);
  color: var(--dark-text-primary);
}

.dark-mode .icon-arrow-down {
  display: none;
}

.icon-darkmode,
.toggle-sidebar-mobile .close-icon-white,
.toggle-sidebar-mobile .sidebar-icon-white {
  display: none;
}

.dark-mode .icon-darkmode,
.dark-mode .kebad-icon-white,
.dark-mode .sidebar-icon-white,
.dark-mode .close-icon-white {
  display: inline-block !important;
}

.dark-mode .icon-whitemode,
.dark-mode .kebad-icon-black,
.dark-mode .sidebar-icon-black,
.dark-mode .close-icon-black {
  display: none;
}

.dark-mode .search-results {
  color: var(--dark-text-primary) !important;
}

.dark-mode .search-results .post-result,
.dark-mode .search-results .user-result {
  background-color: var(--gray-800) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .quick-actions__employee-tasks .task .task__item .task__content .task__tags .tag-div {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .quick-actions__employee-tasks .task .task__item .task__content .task__tags .task-out-of-date {
  background: var(--bg-error) !important;
  color: var(--error) !important;
}

.dark-mode .quick-actions__employee-tasks .task .task__item .task__content .task__tags .tag-author span {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.white-icon {
  display: none;
}

.dark-mode .dark-icon {
  display: none !important;
}

.dark-mode .white-icon {
  display: block !important;
}

.dark-mode .sidebar-dropdown {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode ul#menu-sidebar li a {
  border-bottom: 0;
}

.dark-mode #createDocumentModel .modal-content {
  background-color: var(--gray-800) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode #employees-table-status_wrapper table#employees-table-status tbody .selected a.user_name_txt {
  color: var(--dark-text-primary) !important;
}

.dark-mode .delete-training-modal .modal-header {
  border-bottom: var(--bs-modal-header-border-width) solid var(--dark-border);
}

.dark-mode .delete-training-modal .modal-content {
  background-color: var(--grayscale-800);
}

.dark-mode .delete-training-modal .modal-footer {
  border-top: var(--bs-modal-footer-border-width) solid var(--dark-border);
}

.dark-mode main.page-template-advice .advice-sidebar {
  color: var(--dark-text-primary) !important;
}

.dark-mode #employees-table-search {
  color: var(--dark-text-primary) !important;
  background-color: var(--dark-bg-tertiary);
  border-color: var(--dark-border);
}

.dark-mode #knowledge-center .select2-container--default .select2-selection--single {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
}

.dark-mode .knowledge-center-pagination-cb .select2-container--default .select2-selection--single {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
}

.dark-mode #knowledge-center .select2 .selection .select2-selection .select2-selection__rendered {
  color: var(--dark-text-primary) !important;
}

.dark-mode .knowledge-center-pagination-cb .select2 .selection .select2-selection .select2-selection__rendered {
  color: var(--dark-text-primary) !important;
}

.dark-mode #no-post-knowledge-center {
  color: var(--dark-text-primary) !important;
}

.dark-mode #main-sidebar {
  min-height: 100vh;
}

/* .dark-mode .modal-content styles are in components/modals.css */

.dark-mode #result-table>thead>tr>th {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-primary) !important;

}

.dark-mode .template-content article header.entry-header,
.dark-mode .template-content article header.entry-header *:not(.verimus-btn) {
  color: var(--dark-text-primary) !important;
}

.dark-mode .template-content article header.entry-header .template-label {
  background-color: var(--main) !important;
  color: var(--white) !important;
}

.dark-mode .template-content article.template .entry-content {
  --hrc-template-panel-bg: var(--dark-bg-secondary);
  --hrc-template-panel-bg-soft: rgba(255, 255, 255, 0.04);
  --hrc-template-panel-border: rgba(255, 255, 255, 0.12);
  --hrc-template-panel-accent: var(--main);

  background: transparent !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .template-content article.template .entry-content [style*="background: #ffffff"],
.dark-mode .template-content article.template .entry-content [style*="background:#ffffff"],
.dark-mode .template-content article.template .entry-content [style*="background: white"],
.dark-mode .template-content article.template .entry-content [style*="background:white"],
.dark-mode .template-content article.template .entry-content [style*="background-color: #ffffff"],
.dark-mode .template-content article.template .entry-content [style*="background-color:#ffffff"],
.dark-mode .template-content article.template .entry-content [style*="background-color: white"],
.dark-mode .template-content article.template .entry-content [style*="background-color:white"] {
  background: var(--hrc-template-panel-bg) !important;
  border-color: var(--hrc-template-panel-border) !important;
  box-shadow: none !important;
}

.dark-mode .template-content article.template .entry-content [style*="background: #f8f9fa"],
.dark-mode .template-content article.template .entry-content [style*="background:#f8f9fa"],
.dark-mode .template-content article.template .entry-content [style*="background: #f9fafb"],
.dark-mode .template-content article.template .entry-content [style*="background:#f9fafb"],
.dark-mode .template-content article.template .entry-content [style*="background: #fefce8"],
.dark-mode .template-content article.template .entry-content [style*="background:#fefce8"],
.dark-mode .template-content article.template .entry-content [style*="background-color: #f8f9fa"],
.dark-mode .template-content article.template .entry-content [style*="background-color:#f8f9fa"],
.dark-mode .template-content article.template .entry-content [style*="background-color: #f9fafb"],
.dark-mode .template-content article.template .entry-content [style*="background-color:#f9fafb"],
.dark-mode .template-content article.template .entry-content [style*="background-color: #fefce8"],
.dark-mode .template-content article.template .entry-content [style*="background-color:#fefce8"] {
  background: var(--hrc-template-panel-bg-soft) !important;
  border-color: var(--hrc-template-panel-border) !important;
}

.dark-mode .template-content article.template .entry-content [style*="border: 1px solid #e5e7eb"],
.dark-mode .template-content article.template .entry-content [style*="border:1px solid #e5e7eb"],
.dark-mode .template-content article.template .entry-content [style*="border-color: #e5e7eb"],
.dark-mode .template-content article.template .entry-content [style*="border-color:#e5e7eb"] {
  border-color: var(--hrc-template-panel-border) !important;
}

.dark-mode .template-content article.template .entry-content [style*="border-left: 4px solid #1e3a8a"],
.dark-mode .template-content article.template .entry-content [style*="border-left:4px solid #1e3a8a"] {
  border-left-color: var(--hrc-template-panel-accent) !important;
}

.dark-mode .template-content article.template .entry-content h1,
.dark-mode .template-content article.template .entry-content h2,
.dark-mode .template-content article.template .entry-content h3,
.dark-mode .template-content article.template .entry-content h4,
.dark-mode .template-content article.template .entry-content h5,
.dark-mode .template-content article.template .entry-content h6 {
  color: var(--dark-text-primary) !important;
}

.dark-mode .template-content article.template .entry-content [style*="color: #1e3a8a"],
.dark-mode .template-content article.template .entry-content [style*="color:#1e3a8a"],
.dark-mode .template-content article.template .entry-content [style*="color: #1d4ed8"],
.dark-mode .template-content article.template .entry-content [style*="color:#1d4ed8"],
.dark-mode .template-content article.template .entry-content [style*="color: #2563eb"],
.dark-mode .template-content article.template .entry-content [style*="color:#2563eb"] {
  color: var(--hrc-template-panel-accent) !important;
}

.dark-mode .template-content article.template .entry-content p,
.dark-mode .template-content article.template .entry-content li,
.dark-mode .template-content article.template .entry-content span,
.dark-mode .template-content article.template .entry-content small {
  color: var(--dark-text-secondary) !important;
}

.dark-mode .template-content article.template .entry-content [style*="color: #111827"],
.dark-mode .template-content article.template .entry-content [style*="color:#111827"],
.dark-mode .template-content article.template .entry-content [style*="color: #1f2937"],
.dark-mode .template-content article.template .entry-content [style*="color:#1f2937"],
.dark-mode .template-content article.template .entry-content [style*="color: #374151"],
.dark-mode .template-content article.template .entry-content [style*="color:#374151"] {
  color: var(--dark-text-primary) !important;
}

.dark-mode .template-content article.template .entry-content [style*="color: #4b5563"],
.dark-mode .template-content article.template .entry-content [style*="color:#4b5563"],
.dark-mode .template-content article.template .entry-content [style*="color: #6b7280"],
.dark-mode .template-content article.template .entry-content [style*="color:#6b7280"] {
  color: var(--dark-text-secondary) !important;
}

.dark-mode .template-content article.template .entry-content strong,
.dark-mode .template-content article.template .entry-content b {
  color: var(--dark-text-primary) !important;
}

.dark-mode .template-content article.template .entry-content a {
  color: var(--color-primary) !important;
}

.dark-mode .template-left-content .v-badge--muted,
.dark-mode .template-left-content .entry-meta-category {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid var(--dark-border) !important;
}

.dark-mode .template-left-content .v-badge--muted,
.dark-mode .template-left-content .v-badge--muted span,
.dark-mode .template-left-content .v-badge--muted a,
.dark-mode .template-left-content .entry-meta-category,
.dark-mode .template-left-content .entry-meta-category span,
.dark-mode .template-left-content .entry-meta-category a {
  color: var(--dark-text-primary) !important;
}

.dark-mode .site-lists li.site-item:first-child,
.dark-mode .site-lists li.site-item,
.dark-mode .hrc-asset-header:not(:has(h1)) {
  border-color: var(--dark-border);
}

.add-another-site {
  transition: all .3s ease-in-out;
}

.add-another-site:hover {
  color: var(--main);
}

/* Dark mode footer styling - no border to avoid extending over sidebar */
.dark-mode .global-footer {
  border-top: none;
}

/* Modal border styles are in components/modals.css */

/* Secondary/muted text for dark mode */
.dark-mode .text-muted,
.dark-mode .text-secondary,
.dark-mode small,
.dark-mode .small {
  color: var(--dark-text-secondary) !important;
}

/* Link hover states */
.dark-mode a:hover {
  color: var(--main);
}

/* Disabled states - .form-control:disabled styles are in components/forms.css */
.dark-mode .disabled,
.dark-mode [disabled] {
  opacity: 0.5;
}

/* Card/panel backgrounds with subtle distinction */
.dark-mode .card,
.dark-mode .panel {
  background-color: var(--gray-800);
  border-color: var(--dark-border);
}

/* Table row hover */
.dark-mode table tbody tr:hover td {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Scrollbar styling for dark mode */
.dark-mode ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark-mode ::-webkit-scrollbar-track {
  background: var(--dark-bg-primary);
}

.dark-mode ::-webkit-scrollbar-thumb {
  background: var(--dark-bg-tertiary);
  border-radius: var(--radius-sm);
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: var(--gray-500);
}

/* Main content area borders */
.dark-mode .main-content {
  border-color: var(--dark-border);
}

.dark-mode #main-sidebar {
  border-right-color: var(--dark-border);
}

/* All tag-author name badges */
.dark-mode .tag-author,
.dark-mode .task__tags .tag-author,
.dark-mode .tag-author span,
.dark-mode .task__tags .tag-author span {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

/* Tag hover states in tables */
.dark-mode table.dataTable tr:hover .tag-div {
  background-color: var(--dark-bg-tertiary) !important;
}

/* ==========================================================================
   STYLES CONSOLIDATED FROM STYLE-FIX.CSS
   ========================================================================== */


/* Search result sections */
.dark-mode .search-result-section .inner-wrap {
  border-bottom: 1px solid var(--dark-border);
}

/* Employee action buttons */
.dark-mode .archive-employee-btn .icon-verimus-2>svg>path,
.dark-mode .delete-employee-btn .icon-verimus-2>svg>path {
  fill: var(--white) !important;
}

.dark-mode .delete-employee-btn .icon-verimus-2>svg>path {
  fill: var(--white);
}

.dark-mode .delete-employee-btn:hover .icon-verimus-2>svg>path {
  fill: var(--main);
}

/* Notification items */
.dark-mode a.my-task-label .notification-item,
.dark-mode a.notification-link .notification-item {
  display: block !important;
}

.dark-mode .notification-item path {
  stroke: var(--white);
}

/* Search tabs */
.dark-mode .search-tabs {
  background-color: var(--gray-800);
  border-color: var(--dark-border);
}

.dark-mode #quick-actions.quick-actions {
  border-color: var(--dark-border);
}

.dark-mode .search-tabs .divider {
  background-color: var(--dark-bg-tertiary);
}

.dark-mode .search-header h4 {
  color: var(--white);
}

.dark-mode .search-tabs .search-tab {
  color: var(--white);
}

/* Dashboard stats row (Documents/Tasks/People + Upcoming Key Dates) */
.dark-mode .hrc-stat-pill {
  background-color: var(--dark-bg-tertiary);
  color: var(--dark-text-primary);
}

.dark-mode a.hrc-stat-pill:hover {
  background-color: var(--color-primary);
  color: var(--white);
}

.dark-mode .hrc-view-all {
  color: var(--dark-text-primary);
}

.dark-mode .hrc-view-all:hover {
  color: var(--color-primary);
}

/* Select2 components */
.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
  color: var(--grayscale-900) !important;
  background-color: var(--white) !important;
  border-color: var(--gray-150) !important;
}

.dark-mode .select2-container .select2-selection--single .select2-selection__arrow b {
  filter: invert();
}

.dark-mode .select2-container--default .select2-selection--single {
  border: 1px solid var(--dark-border);
  background-color: var(--dark-bg-tertiary);
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--white);
}

/* Collapse */
.dark-mode .collapse {
  background-color: transparent;
}

/* Employee detail page. */
.dark-mode .employee-detail-left-container {
  border-right: 1px solid var(--dark-border);
}

.dark-mode .employee-detail-section {
  border-bottom-color: var(--dark-border) !important;
}

/* Advice sidebar */
.dark-mode .advice-sidebar {
  background-color: rgba(255, 128, 48, 0.18);
}

/* Document table button */
.dark-mode .doc-table-button {
  border-color: transparent;
}

/* List group items */
.dark-mode .list-group-item {
  background-color: transparent;
  border-color: var(--dark-border);
  color: var(--white);
}

/* Archive button */
.dark-mode .action-btn.archive-btn {
  opacity: 1;
}

.dark-mode .action-btn.archive-btn svg path {
  fill: var(--white) !important;
  stroke: var(--white);
}

.dark-mode .action-btn.archive-btn:hover svg path {
  fill: none !important;
  stroke: var(--main);
}

/* Post container */
.dark-mode .post-container {
  background-color: var(--dark-bg-secondary);
  border-color: var(--dark-border);
}

/* Search posts container */
.dark-mode .search-posts-container {
  border: 0 !important;
  background-color: transparent !important;
}

.dark-mode .search-posts-container input:not([type="checkbox"]):not([type="submit"]):not(.select2-search__field):focus:focus {
  border: 1px solid var(--main) !important;
  box-shadow: 0px 0px 0px 3px rgba(255, 128, 48, 0.2), 0px 0px 0px 6px rgba(255, 128, 48, 0.2) !important;
}

/* Data removal notice */
.dark-mode .data-removal-notice {
  background-color: rgba(255, 128, 48, 0.18);
}

/* Contract preview modal */
.dark-mode #contract-preview-modal .modal-content {
  background-color: var(--gray-300) !important;
}

.dark-mode #contract-preview-modal .modal-content h1 {
  color: var(--gray-900);
}

.dark-mode #contract-preview-modal .entry-content>* {
  color: var(--gray-900);
}

.dark-mode #open-download-modal-button {
  background-color: var(--gray-900);
}

/* Tally iframe */
.dark-mode .content-body iframe[data-tally-src] {
  border: 0;
  border-radius: var(--radius-input);
  padding: var(--spacing-5);
  background-color: var(--white);
  box-sizing: content-box;
}

.dark-mode .hrc-card-primary {
  background-color: #222;
}

.dark-mode .hrc-card-header {
  border-bottom: 1px solid #0b0b0b;
}

.dark-mode .hrc-integration-info h3,
.dark-mode .hrc-card-header h3 {
  color: #fff !important;
}

.dark-mode .hrc-stat-number,
.dark-mode .hrc-stat-label,
.dark-mode .card-body,
.dark-mode .hrc-health-message {
  color: #fff;
}
 
.dark-mode .notifications-list-wrap .notifications-list-container,
.dark-mode .add-document-type-form {
  background-color: var(--dark-bg-secondary);
}
.dark-mode .notifications-list-wrap:after{
  border-bottom-color: var(--dark-bg-secondary);
}
.dark-mode .notifications-list>.notification-link-card {
  border-color: var(--gray-600);
}

/* ==========================================================================
   BugHerd 2111/2112: scoped table and contract dark-mode fixes
   ========================================================================== */

.dark-mode table.table.dataTable > tbody > tr > *,
.dark-mode table.table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > *,
.dark-mode table.table.dataTable.table-hover > tbody > tr:hover > * {
  background-color: var(--dark-bg-secondary) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
  box-shadow: none !important;
}

.dark-mode table.table.dataTable > tbody > tr:hover > * {
  background-color: var(--dark-bg-tertiary) !important;
}

.dark-mode table.table.dataTable .dt-empty,
.dark-mode table.table.dataTable .dataTables_empty {
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-secondary) !important;
}

.dark-mode .dt-container .dt-info,
.dark-mode .dt-container .dt-length,
.dark-mode .dt-container .dt-search label,
.dark-mode .dt-container .dt-paging {
  color: var(--dark-text-secondary) !important;
}

.dark-mode .template-contaier,
.dark-mode .template-content,
.dark-mode #contract-fields-container,
.dark-mode #contract-fields-container form,
.dark-mode .content-body #contract-fields-container #create-document-form {
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary) !important;
}

.dark-mode .template-content .entry-content,
.dark-mode .template-content .entry-content p,
.dark-mode .template-content .entry-content li,
.dark-mode .template-content .entry-content span,
.dark-mode .template-content .entry-content strong,
.dark-mode #contract-fields-container label,
.dark-mode #contract-fields-container .form-label {
  color: var(--dark-text-primary) !important;
}

.dark-mode #contract-fields-container .form-control,
.dark-mode #contract-fields-container .form-select,
.dark-mode #contract-fields-container .select2-selection {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}
.dark-mode .quick-actions .v-content-title,
.dark-mode #quick-actions .task > .d-flex:first-child,
.dark-mode .dt-scroll+.bottom .custom-bottom-wrapper,
.dark-mode tbody tr td{
  border-color: var(--dark-border);
}
.dark-mode div.dt-container div.dt-paging ul.pagination{
  gap: 7px;
}
.dark-mode .js-copy-onboarding-link svg rect{
  fill:var(--dark-bg-secondary);
}
.dark-mode .hrc-asset-filters.card,
.dark-mode .hrc-asset-filters.card+.card,
.dark-mode .dt-table-wrap{
  background: none;
}
.dark-mode .v-action--download svg path{
  fill: var(--white);
}
.dark-mode .v-action--send svg path{
  stroke:var(--white);
}
.dark-mode .table>thead>tr>th,
.dark-mode .um-wrapper table thead th{
  color:var(--white) !important;
  background-color: var(--dark-bg-tertiary) !important;
  border: 0;
}
.dark-mode .action-btn.archive-btn svg path{
  stroke-width:unset;
  stroke: none;
}
.dark-mode  .action-btn.archive-btn:hover svg path {
  fill: var(--main) !important;
}
.dark-mode .employees-wrap {
  background-color: var(--dark-bg-secondary) !important;
}
.dark-mode .whs-reports-table-container .table>:not(caption)>*>*{
  background-color: var(--dark-bg-secondary);
  color: var(--white);
  border-color: var(--dark-border);
}
.page-template-templatespage-user-management-php.dark-mode .content-body,
.page-template-templatespage-user-management-php.dark-mode .content-body .um-wrapper{
  background: none !important;
}
.dark-mode .um-stat-card{
  background: var(--dark-bg-secondary, #2d2d3a);
    border-color: var(--dark-border, #444);
}
.dark-mode .org-sidebar,
.dark-mode .org-chart-area{
  background-color: var(--gray-800);
    border-color: var(--dark-border);
}
.dark-mode .org-person{
  background: var(--dark-bg-secondary, #2d2d3a);
}