/* Joele HRM — dark theme overlay
   Forest charcoal + brand green. Loaded after style.css. */

[data-theme-version="dark"] {
  color-scheme: dark;
  --cs-bg: #0e1411;
  --cs-surface: #171e1b;
  --cs-elevated: #1d2622;
  --cs-hover: #24302b;
  --cs-border: #2e3c36;
  --cs-border-strong: #3d5248;
  --cs-text: #dce8e1;
  --cs-text-strong: #f2f7f4;
  --cs-muted: #96a89e;
  --cs-accent: #4caf74;
  --cs-accent-strong: #3d9662;
  --cs-accent-soft: rgba(76, 175, 116, 0.16);
  --cs-danger: #e57373;
  --cs-danger-soft: rgba(229, 115, 115, 0.16);
  --cs-warning: #e6b84a;
  --cs-info: #6db7d4;
  --nav-headbg: var(--cs-surface);
  --sidebar-bg: var(--cs-surface);
  --headerbg: var(--cs-surface);
  --bs-body-bg: var(--cs-surface);
  --bs-body-color: var(--cs-text);
  --bs-heading-color: var(--cs-text-strong);
  --bs-border-color: var(--cs-border);
  --bs-tertiary-bg: var(--cs-elevated);
  background: var(--cs-bg);
  color: var(--cs-text);
}

[data-theme-version="dark"] ::selection {
  background: rgba(76, 175, 116, 0.35);
  color: var(--cs-text-strong);
}

[data-theme-version="dark"] body,
[data-theme-version="dark"] #main-wrapper,
[data-theme-version="dark"] .content-body {
  background: var(--cs-bg);
  color: var(--cs-text);
}

[data-theme-version="dark"] h1,
[data-theme-version="dark"] .h1,
[data-theme-version="dark"] h2,
[data-theme-version="dark"] .h2,
[data-theme-version="dark"] h3,
[data-theme-version="dark"] .h3,
[data-theme-version="dark"] h4,
[data-theme-version="dark"] .h4,
[data-theme-version="dark"] h5,
[data-theme-version="dark"] .h5,
[data-theme-version="dark"] h6,
[data-theme-version="dark"] .h6,
[data-theme-version="dark"] .card-title,
[data-theme-version="dark"] .text-black {
  color: var(--cs-text-strong) !important;
}

[data-theme-version="dark"] p,
[data-theme-version="dark"] .text-body,
[data-theme-version="dark"] label,
[data-theme-version="dark"] .form-label {
  color: var(--cs-text);
}

[data-theme-version="dark"] .text-muted,
[data-theme-version="dark"] small,
[data-theme-version="dark"] .small,
[data-theme-version="dark"] .form-text {
  color: var(--cs-muted) !important;
}
[data-theme-version="dark"] .text-dark {
  color: var(--cs-text-strong) !important;
}

[data-theme-version="dark"] .content-body a:not(.btn):not(.badge):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item):not(.brand-logo) {
  color: var(--cs-accent);
}
[data-theme-version="dark"] .content-body a:not(.btn):not(.badge):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item):not(.brand-logo):hover {
  color: #6bc48a;
}

/* Chrome */
[data-theme-version="dark"] .header,
[data-theme-version="dark"] .nav-header,
[data-theme-version="dark"] .nav-control,
[data-theme-version="dark"] .deznav,
[data-theme-version="dark"] .footer {
  background-color: var(--cs-surface) !important;
  border-color: var(--cs-border);
}
[data-theme-version="dark"] .header {
  box-shadow: 0 1px 0 var(--cs-border);
}
[data-theme-version="dark"] .deznav {
  box-shadow: 1px 0 0 var(--cs-border);
}
[data-theme-version="dark"] .header-right .header-profile .header-info span,
[data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info strong {
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .header-live-clock {
  color: var(--cs-muted);
}
[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
  color: var(--cs-text);
}
[data-theme-version="dark"] .header-right .notification_dropdown .nav-link:hover {
  background: var(--cs-hover);
  color: var(--cs-accent);
}

/* Sidebar */
[data-theme-version="dark"] .deznav .metismenu > li > a,
[data-theme-version="dark"] .deznav .metismenu a {
  color: var(--cs-muted);
}
[data-theme-version="dark"] .deznav .metismenu > li:hover > a,
[data-theme-version="dark"] .deznav .metismenu > li:focus > a,
[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a,
[data-theme-version="dark"] .deznav .metismenu ul a:hover,
[data-theme-version="dark"] .deznav .metismenu ul a:focus,
[data-theme-version="dark"] .deznav .metismenu ul a.mm-active {
  color: var(--cs-text-strong);
  background-color: var(--cs-accent-soft);
}
[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a {
  color: var(--cs-accent);
}
[data-theme-version="dark"] .deznav .metismenu ul {
  background-color: transparent;
}
[data-theme-version="dark"] .nav-label {
  color: #6f8278;
  border-color: var(--cs-border);
}

/* Cards & surfaces */
[data-theme-version="dark"] .card,
[data-theme-version="dark"] .modal-content,
[data-theme-version="dark"] .swal2-popup,
[data-theme-version="dark"] .authincation-content,
[data-theme-version="dark"] .dataTablesCard {
  background-color: var(--cs-surface);
  border: 1px solid var(--cs-border);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}
[data-theme-version="dark"] .card-header,
[data-theme-version="dark"] .card-footer,
[data-theme-version="dark"] .modal-header,
[data-theme-version="dark"] .modal-footer {
  background: transparent;
  border-color: var(--cs-border);
}
[data-theme-version="dark"] .bg-white,
[data-theme-version="dark"] .bg-light,
[data-theme-version="dark"] .table-light,
[data-theme-version="dark"] .list-group-item {
  background-color: var(--cs-surface) !important;
  color: var(--cs-text);
  border-color: var(--cs-border);
}

/* Forms */
[data-theme-version="dark"] .form-control,
[data-theme-version="dark"] .form-select,
[data-theme-version="dark"] select.form-control,
[data-theme-version="dark"] textarea.form-control,
[data-theme-version="dark"] .custom-select,
[data-theme-version="dark"] .input-group-text,
[data-theme-version="dark"] .bootstrap-select .dropdown-toggle,
[data-theme-version="dark"] .select2-container--default .select2-selection--single,
[data-theme-version="dark"] .select2-container--default .select2-selection--multiple {
  background-color: var(--cs-elevated) !important;
  border-color: var(--cs-border) !important;
  color: var(--cs-text-strong) !important;
}
[data-theme-version="dark"] .form-control::placeholder,
[data-theme-version="dark"] .form-control::-webkit-input-placeholder {
  color: #7e9087 !important;
}
[data-theme-version="dark"] .form-control:focus,
[data-theme-version="dark"] .form-select:focus,
[data-theme-version="dark"] select.form-control:focus {
  border-color: var(--cs-accent) !important;
  box-shadow: 0 0 0 0.2rem var(--cs-accent-soft);
  background-color: var(--cs-elevated) !important;
  color: var(--cs-text-strong) !important;
}
[data-theme-version="dark"] .form-check-input {
  background-color: var(--cs-elevated);
  border-color: var(--cs-border-strong);
}
[data-theme-version="dark"] .form-check-input:checked {
  background-color: var(--cs-accent-strong);
  border-color: var(--cs-accent-strong);
}

/* Dropdowns */
[data-theme-version="dark"] .dropdown-menu,
[data-theme-version="dark"] .select2-dropdown,
[data-theme-version="dark"] .bootstrap-select .dropdown-menu,
[data-theme-version="dark"] .daterangepicker {
  background-color: var(--cs-elevated);
  border: 1px solid var(--cs-border);
  color: var(--cs-text);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
[data-theme-version="dark"] .dropdown-item,
[data-theme-version="dark"] .dropdown-menu .dropdown-item {
  color: var(--cs-text);
}
[data-theme-version="dark"] .dropdown-item:hover,
[data-theme-version="dark"] .dropdown-item:focus,
[data-theme-version="dark"] .dropdown-item.active,
[data-theme-version="dark"] .dropdown-item.selected,
[data-theme-version="dark"] .select2-results__option--highlighted[aria-selected] {
  background-color: var(--cs-accent-soft) !important;
  color: var(--cs-text-strong) !important;
}

/* Tables */
[data-theme-version="dark"] table,
[data-theme-version="dark"] .table,
[data-theme-version="dark"] table.dataTable {
  color: var(--cs-text);
  border-color: var(--cs-border);
}
[data-theme-version="dark"] .table thead,
[data-theme-version="dark"] table.dataTable thead {
  background-color: var(--cs-elevated);
}
[data-theme-version="dark"] .table thead th,
[data-theme-version="dark"] .table thead td,
[data-theme-version="dark"] table.dataTable thead th,
[data-theme-version="dark"] table.dataTable thead td,
[data-theme-version="dark"] .table thead th.sorting,
[data-theme-version="dark"] .table thead th.sorting_asc,
[data-theme-version="dark"] .table thead th.sorting_desc {
  color: var(--cs-muted) !important;
  border-color: var(--cs-border) !important;
  background-color: var(--cs-elevated) !important;
}
[data-theme-version="dark"] .table tbody tr td,
[data-theme-version="dark"] table.dataTable tbody td {
  color: var(--cs-text);
  border-color: var(--cs-border);
  background-color: transparent;
}
[data-theme-version="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * ,
[data-theme-version="dark"] .dataTablesCard .odd {
  background-color: rgba(255, 255, 255, 0.025);
}
[data-theme-version="dark"] .table-hover > tbody > tr:hover > *,
[data-theme-version="dark"] .dataTablesCard tbody tr:hover,
[data-theme-version="dark"] .dataTablesCard .even:hover,
[data-theme-version="dark"] table.dataTable tbody tr:hover {
  background-color: var(--cs-hover) !important;
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .dataTablesCard .even:hover td,
[data-theme-version="dark"] .dataTablesCard tbody tr:hover td {
  color: var(--cs-text-strong) !important;
}
[data-theme-version="dark"] .dataTables_wrapper .dataTables_filter input,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_length select {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
  color: var(--cs-text);
}
[data-theme-version="dark"] .dataTables_info,
[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--cs-muted) !important;
}
[data-theme-version="dark"] .page-link,
[data-theme-version="dark"] .pagination .page-item .page-link {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
  color: var(--cs-text);
}
[data-theme-version="dark"] .page-item.active .page-link,
[data-theme-version="dark"] .pagination .page-item.active .page-link {
  background: var(--cs-accent-strong);
  border-color: var(--cs-accent-strong);
  color: #fff;
}

/* Buttons */
[data-theme-version="dark"] .btn-light,
[data-theme-version="dark"] .btn-outline-light,
[data-theme-version="dark"] .btn-secondary,
[data-theme-version="dark"] .btn-outline-secondary,
[data-theme-version="dark"] .btn-outline-dark {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
  color: var(--cs-text);
}
[data-theme-version="dark"] .btn-light:hover,
[data-theme-version="dark"] .btn-outline-light:hover,
[data-theme-version="dark"] .btn-secondary:hover,
[data-theme-version="dark"] .btn-outline-secondary:hover,
[data-theme-version="dark"] .btn-outline-dark:hover {
  background: var(--cs-hover);
  border-color: var(--cs-border-strong);
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .btn-outline-success {
  background: var(--cs-elevated);
  border-color: var(--cs-accent-strong);
  color: var(--cs-accent);
}
[data-theme-version="dark"] .btn-outline-success:hover {
  background: var(--cs-accent-soft);
  border-color: var(--cs-accent);
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .btn-outline-danger {
  background: var(--cs-elevated);
  border-color: rgba(229, 115, 115, 0.55);
  color: var(--cs-danger);
}
[data-theme-version="dark"] .btn-outline-danger:hover {
  background: var(--cs-danger-soft);
  border-color: var(--cs-danger);
  color: #f5c2c0;
}
[data-theme-version="dark"] .btn-outline-primary {
  background: var(--cs-elevated);
  border-color: var(--cs-accent-strong);
  color: var(--cs-accent);
}
[data-theme-version="dark"] .btn-outline-info {
  background: var(--cs-elevated);
  border-color: rgba(109, 183, 212, 0.45);
  color: var(--cs-info);
}
[data-theme-version="dark"] .btn-primary {
  background-color: var(--cs-accent-strong);
  border-color: var(--cs-accent-strong);
}
[data-theme-version="dark"] .btn-primary:hover {
  background-color: var(--cs-accent);
  border-color: var(--cs-accent);
}

/* Badges & alerts */
[data-theme-version="dark"] .badge-light,
[data-theme-version="dark"] .badge.bg-light {
  background: var(--cs-hover) !important;
  color: var(--cs-text) !important;
}
[data-theme-version="dark"] .alert-success {
  background: rgba(76, 175, 116, 0.14);
  border-color: rgba(76, 175, 116, 0.35);
  color: #b7e0c6;
}
[data-theme-version="dark"] .alert-danger {
  background: var(--cs-danger-soft);
  border-color: rgba(229, 115, 115, 0.35);
  color: #f5c2c0;
}
[data-theme-version="dark"] .alert-warning {
  background: rgba(230, 184, 74, 0.14);
  border-color: rgba(230, 184, 74, 0.35);
  color: #f3d89a;
}
[data-theme-version="dark"] .alert-info {
  background: rgba(109, 183, 212, 0.14);
  border-color: rgba(109, 183, 212, 0.35);
  color: #b8dff0;
}

/* Nav tabs */
[data-theme-version="dark"] .nav-tabs {
  border-color: var(--cs-border);
}
[data-theme-version="dark"] .nav-tabs .nav-link {
  color: var(--cs-muted);
}
[data-theme-version="dark"] .nav-tabs .nav-link.active {
  background: var(--cs-surface);
  border-color: var(--cs-border) var(--cs-border) var(--cs-surface);
  color: var(--cs-accent);
}

/* Preloader + auth */
[data-theme-version="dark"] #preloader,
[data-theme-version="dark"] .sk-three-bounce,
[data-theme-version="dark"] .authincation {
  background-color: var(--cs-bg);
}
[data-theme-version="dark"] .authincation-content {
  background: var(--cs-surface);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}
[data-theme-version="dark"] .auth-brand-title {
  color: var(--cs-text-strong);
}

/* Scrollbars */
[data-theme-version="dark"] *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-theme-version="dark"] *::-webkit-scrollbar-track {
  background: var(--cs-bg);
}
[data-theme-version="dark"] *::-webkit-scrollbar-thumb {
  background: #3a4a43;
  border-radius: 999px;
  border: 2px solid var(--cs-bg);
}
[data-theme-version="dark"] *::-webkit-scrollbar-thumb:hover {
  background: #4c5f56;
}

/* Dashboard custom widgets */
[data-theme-version="dark"] .cs-month-picker,
[data-theme-version="dark"] .cs-month-picker__menu,
[data-theme-version="dark"] .cs-ledger-range,
[data-theme-version="dark"] .team-eval-formula,
[data-theme-version="dark"] .team-eval-dropdown {
  background: var(--cs-surface);
  border-color: var(--cs-border);
  color: var(--cs-text);
  box-shadow: none;
}
[data-theme-version="dark"] .cs-month-picker__nav,
[data-theme-version="dark"] .cs-month-picker__trigger:hover,
[data-theme-version="dark"] .cs-month-picker__trigger.is-open,
[data-theme-version="dark"] .cs-month-picker__option:hover,
[data-theme-version="dark"] .cs-month-picker__option.is-active,
[data-theme-version="dark"] .cs-month-picker__today {
  background: var(--cs-accent-soft);
  color: var(--cs-accent);
}
[data-theme-version="dark"] .cs-month-picker__trigger,
[data-theme-version="dark"] .cs-month-picker__option,
[data-theme-version="dark"] .cs-ledger-range__field label,
[data-theme-version="dark"] .cs-ledger-range__meta,
[data-theme-version="dark"] .cs-section-label__title,
[data-theme-version="dark"] .team-eval-scorecard th {
  color: var(--cs-muted);
}
[data-theme-version="dark"] .cs-month-picker__label,
[data-theme-version="dark"] .cs-ledger-range__meta strong,
[data-theme-version="dark"] .team-eval-formula strong,
[data-theme-version="dark"] .team-eval-score {
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .cs-ledger-range__field input[type="date"],
[data-theme-version="dark"] .team-eval-formula code {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
  color: var(--cs-text);
}
[data-theme-version="dark"] .team-eval-scorecard th,
[data-theme-version="dark"] .team-eval-scorecard tfoot td {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
  color: var(--cs-muted);
}
[data-theme-version="dark"] .cs-finance-tile,
[data-theme-version="dark"] .cs-inbox-tile {
  border-color: var(--cs-border) !important;
}
[data-theme-version="dark"] .cs-dash-action:hover,
[data-theme-version="dark"] .cs-metric-card:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}
[data-theme-version="dark"] .team-eval-dropdown__title,
[data-theme-version="dark"] .team-eval-dropdown__rows,
[data-theme-version="dark"] .team-eval-queue-stats span,
[data-theme-version="dark"] .cs-section-label__hint {
  color: var(--cs-muted);
}
[data-theme-version="dark"] .team-eval-dropdown__label,
[data-theme-version="dark"] .team-eval-dropdown__rows strong,
[data-theme-version="dark"] .team-eval-queue-stats strong {
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .team-eval-dropdown__section + .team-eval-dropdown__section {
  border-top-color: var(--cs-border);
}
[data-theme-version="dark"] .customer-workspace .nav-pills .nav-link {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
  color: var(--cs-muted);
}
[data-theme-version="dark"] .customer-workspace .nav-pills .nav-link.active {
  background: var(--cs-accent-soft);
  border-color: var(--cs-accent-strong);
  color: var(--cs-accent);
}

[data-theme-version="dark"] .mo-branch-card-btn,
[data-theme-version="dark"] .hrm-file-preview-panel {
  background: var(--cs-surface);
  border-color: var(--cs-border);
  color: var(--cs-text);
}
[data-theme-version="dark"] .mo-branch-card-btn:hover:not(:disabled) {
  background: var(--cs-hover);
  border-color: var(--cs-accent-strong);
  box-shadow: none;
}
[data-theme-version="dark"] .mo-branch-en {
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .mo-branch-ar,
[data-theme-version="dark"] .mo-search-icon {
  color: var(--cs-muted);
}
[data-theme-version="dark"] .hrm-file-preview-overlay {
  background: rgba(8, 12, 10, 0.7);
}
[data-theme-version="dark"] .hrm-file-preview-header {
  background: var(--cs-elevated);
  border-bottom-color: var(--cs-border);
  color: var(--cs-text);
}

/* Inbox */
[data-theme-version="dark"] .pay-brand__label,
[data-theme-version="dark"] .pay-meta,
[data-theme-version="dark"] .agent-cell .agent-sent,
[data-theme-version="dark"] .agent-cell .agent-at {
  color: var(--cs-muted);
}
[data-theme-version="dark"] .crm-badge-new {
  background: rgba(229, 115, 115, 0.18) !important;
  color: #f5c2c0 !important;
  border-color: rgba(229, 115, 115, 0.4);
}

/* Assignees */
[data-theme-version="dark"] .assignees-results {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
}
[data-theme-version="dark"] .assignees-chip {
  background: var(--cs-accent-soft);
  color: #c8f0d8;
}
[data-theme-version="dark"] .assignees-results .assignees-phone {
  color: var(--cs-muted);
}

/* Call popup */
[data-theme-version="dark"] .cs-call-popup-overlay {
  background: rgba(8, 12, 10, 0.62);
}
[data-theme-version="dark"] .cs-call-popup-panel {
  background: var(--cs-surface);
  border-color: var(--cs-accent-strong);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}
[data-theme-version="dark"] .cs-call-popup-header {
  background: linear-gradient(180deg, rgba(76, 175, 116, 0.12) 0%, var(--cs-surface) 100%);
  border-bottom-color: var(--cs-border);
  color: var(--cs-text);
}

/* CS AI widget */
[data-theme-version="dark"] .cs-ai-root {
  --cs-ai-green-soft: rgba(76, 175, 116, 0.16);
  --cs-ai-ink: #e8f0eb;
  --cs-ai-muted: #96a89e;
  --cs-ai-line: #2e3c36;
  --cs-ai-panel: #171e1b;
  --cs-ai-bg: #121916;
}
[data-theme-version="dark"] .cs-ai-panel {
  border-color: rgba(76, 175, 116, 0.22);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(76, 175, 116, 0.08) inset;
}
[data-theme-version="dark"] .cs-ai-chip,
[data-theme-version="dark"] .cs-ai-copy,
[data-theme-version="dark"] .cs-ai-row.assistant .cs-ai-bubble,
[data-theme-version="dark"] .cs-ai-typing,
[data-theme-version="dark"] .cs-ai-footer,
[data-theme-version="dark"] .cs-ai-composer:focus-within {
  background: var(--cs-elevated);
  border-color: var(--cs-border);
  color: var(--cs-text);
}
[data-theme-version="dark"] .cs-ai-row.error .cs-ai-bubble {
  background: var(--cs-danger-soft);
  border-color: rgba(229, 115, 115, 0.4);
  color: #f5c2c0;
}

/* SweetAlert / Toastr */
[data-theme-version="dark"] .swal2-popup {
  color: var(--cs-text);
}
[data-theme-version="dark"] .swal2-title,
[data-theme-version="dark"] .swal2-html-container {
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .toast-success {
  background-color: var(--cs-accent-strong) !important;
}

/* Offcanvas / sidebar-right leftovers */
[data-theme-version="dark"] .sidebar-right,
[data-theme-version="dark"] .sidebar-right .dropdown-menu,
[data-theme-version="dark"] .sidebar-right .form-control,
[data-theme-version="dark"] .sidebar-right .default-select .list {
  background: var(--cs-surface) !important;
  color: var(--cs-text) !important;
  border-color: var(--cs-border) !important;
}
[data-theme-version="dark"] .sidebar-right .sidebar-right-inner > h4,
[data-theme-version="dark"] .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link {
  color: var(--cs-text) !important;
}

/* Native date/time pickers */
[data-theme-version="dark"] input[type="date"],
[data-theme-version="dark"] input[type="time"],
[data-theme-version="dark"] input[type="datetime-local"] {
  color-scheme: dark;
}

/* HR / borders leftover from light theme */
[data-theme-version="dark"] hr,
[data-theme-version="dark"] .border,
[data-theme-version="dark"] .border-top,
[data-theme-version="dark"] .border-bottom,
[data-theme-version="dark"] .border-start,
[data-theme-version="dark"] .border-end {
  border-color: var(--cs-border) !important;
}

/* HRM sidebar promo + Livewire */
[data-theme-version="dark"] .plus-box {
  background: linear-gradient(180deg, rgba(76, 175, 116, 0.22) 0%, var(--cs-elevated) 100%);
  border: 1px solid var(--cs-border);
}
[data-theme-version="dark"] .plus-box p,
[data-theme-version="dark"] .copyright p {
  color: var(--cs-muted);
}
[data-theme-version="dark"] .copyright strong {
  color: var(--cs-text-strong);
}
[data-theme-version="dark"] .livewire-loading {
  color: var(--cs-muted);
}

/* Table toolbar / search — hrm-rtl.css defines a light bar that would otherwise stay white */
[data-theme-version="dark"] .tbl-toolbar {
  background: var(--cs-elevated);
  border-bottom-color: var(--cs-border);
}
[data-theme-version="dark"] .tbl-card-head {
  background: transparent;
  border-color: var(--cs-border);
}
[data-theme-version="dark"] .search-area,
[data-theme-version="dark"] .tbl-search,
[data-theme-version="dark"] .form-head .search-area {
  background: var(--cs-elevated) !important;
  border-color: var(--cs-border);
}
[data-theme-version="dark"] .search-area .form-control,
[data-theme-version="dark"] .search-area .input-group-text,
[data-theme-version="dark"] .tbl-search .form-control,
[data-theme-version="dark"] .tbl-search .input-group-text {
  background: var(--cs-elevated) !important;
  border-color: var(--cs-border) !important;
  color: var(--cs-text-strong) !important;
}
[data-theme-version="dark"] .progress {
  background-color: var(--cs-hover);
}

/* Employee profile invite + “Growing with Joele” panels */
[data-theme-version="dark"] .hrm-invite-card,
[data-theme-version="dark"] .hrm-growth-card {
  background: linear-gradient(180deg, rgba(76, 175, 116, 0.14) 0%, var(--cs-elevated) 100%) !important;
  border-color: var(--cs-border) !important;
  color: var(--cs-text);
}
[data-theme-version="dark"] .hrm-invite-card__title {
  color: var(--cs-accent) !important;
}
[data-theme-version="dark"] .hrm-invite-picker {
  background: var(--cs-surface) !important;
  border-color: var(--cs-border) !important;
}
[data-theme-version="dark"] .hrm-growth-card__title {
  color: var(--cs-text-strong) !important;
}
[data-theme-version="dark"] .hrm-growth-rule {
  border-top-color: var(--cs-border) !important;
}
[data-theme-version="dark"] .hrm-progress {
  background: var(--cs-hover) !important;
}