/**
 * Peleza BGC — professional dark mode.
 * Theme uses html.dark-style (Vuexy). Also honors [data-bs-theme="dark"] if set.
 */
:is(html.dark-style, [data-bs-theme="dark"]) {
  --bgc-dark-surface: #242a3e;
  --bgc-dark-surface-2: #1c2235;
  --bgc-dark-elevated: #2e354d;
  --bgc-dark-ink: #e8eef7;
  --bgc-dark-muted: #94a3b8;
  --bgc-dark-line: rgba(148, 163, 184, 0.16);
  --bgc-dark-line-strong: rgba(148, 163, 184, 0.28);
  --bgc-dark-accent: #55c9d7;
  --bgc-dark-accent-soft: rgba(85, 201, 215, 0.14);
  --bgc-dark-danger: #f87171;
  --bgc-dark-danger-soft: rgba(248, 113, 113, 0.16);
  --bgc-dark-warning: #fbbf24;
  --bgc-dark-warning-soft: rgba(251, 191, 36, 0.16);
  --bgc-dark-success: #34d399;
  --bgc-dark-success-soft: rgba(52, 211, 153, 0.16);
}

/* ---------- Request filter toolbar ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters__toolbar {
  background: rgba(36, 42, 62, 0.88);
  border-color: var(--bgc-dark-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-filter-field__label {
  color: var(--bgc-dark-muted);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-filter-search-wrap__icon {
  color: #a5b4c8;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .bgc-filter-search-wrap .form-control.bgc-filter-search-wrap__input,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-filter-field .form-select.bgc-filter-select {
  background: var(--bgc-dark-surface-2);
  border-color: var(--bgc-dark-line-strong);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .bgc-filter-search-wrap .form-control.bgc-filter-search-wrap__input::placeholder {
  color: #7c8aa0;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .bgc-filter-search-wrap .form-control.bgc-filter-search-wrap__input:focus,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-filter-field .form-select.bgc-filter-select:focus {
  border-color: rgba(85, 201, 215, 0.55);
  box-shadow: 0 0 0 0.15rem rgba(85, 201, 215, 0.18);
  background: #171d2e;
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters__toolbar.bgc-filters--pending .bgc-filter-field:has(.bgc-filter-select)::after {
  background: var(--bgc-dark-surface-2);
  border-color: var(--bgc-dark-line-strong);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-container--default .select2-selection--single {
  background: var(--bgc-dark-surface-2);
  border-color: var(--bgc-dark-line-strong);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #7c8aa0;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-container--default.select2-container--focus .select2-selection--single,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-container--default.select2-container--open .select2-selection--single {
  border-color: rgba(85, 201, 215, 0.55);
  box-shadow: 0 0 0 0.15rem rgba(85, 201, 215, 0.18);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-dropdown {
  background: var(--bgc-dark-elevated);
  border-color: var(--bgc-dark-line-strong);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-search--dropdown .select2-search__field {
  background: var(--bgc-dark-surface-2);
  border-color: var(--bgc-dark-line-strong);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-results__option {
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #1a546c;
  color: #fff;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters__actions .btn-outline-secondary.bgc-filter-control {
  border-color: var(--bgc-dark-line-strong);
  color: var(--bgc-dark-ink);
  background: transparent;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters__actions .btn-outline-secondary.bgc-filter-control:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(148, 163, 184, 0.4);
  color: #fff;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters__actions .btn-primary.bgc-filter-control {
  background-color: #1a6b8a;
  border-color: #1a6b8a;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-request-filters__actions .btn-primary.bgc-filter-control:hover {
  background-color: #2085ab;
  border-color: #2085ab;
}

/* ---------- Status / TAT filter pills ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-status-pill {
  border-color: var(--bgc-dark-line-strong);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-status-pill.bg-label-secondary {
  background: rgba(148, 163, 184, 0.14) !important;
  color: #cbd5e1 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-status-pill.bg-label-primary {
  background: rgba(85, 201, 215, 0.14) !important;
  color: #7dd3e0 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-status-pill.bg-label-success {
  background: var(--bgc-dark-success-soft) !important;
  color: var(--bgc-dark-success) !important;
  border-color: rgba(52, 211, 153, 0.35);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-status-pill.bg-label-warning {
  background: var(--bgc-dark-warning-soft) !important;
  color: var(--bgc-dark-warning) !important;
  border-color: rgba(251, 191, 36, 0.35);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-status-pill.bg-label-danger {
  background: var(--bgc-dark-danger-soft) !important;
  color: var(--bgc-dark-danger) !important;
  border-color: rgba(248, 113, 113, 0.4);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-status-pill.active {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* ---------- Package / stage chips ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-package-summary-btn,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-stage-icons {
  background: var(--bgc-dark-elevated);
  border-color: var(--bgc-dark-line-strong);
  color: var(--bgc-dark-muted);
  box-shadow: none;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-package-summary-btn:hover,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-package-summary-btn:focus-visible {
  background: rgba(85, 201, 215, 0.1);
  border-color: rgba(85, 201, 215, 0.4);
  color: var(--bgc-dark-ink);
  box-shadow: 0 0 0 1px rgba(85, 201, 215, 0.12);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-package-summary-btn__name {
  color: #cbd5e1;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-stage-count {
  color: #a5b4c8;
}

/* ---------- Check pills / SLA badges in list tables ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-pill--completed {
  background: rgba(52, 211, 153, 0.16);
  color: #a7f3d0;
  border-color: rgba(52, 211, 153, 0.28);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-pill--qa {
  background: rgba(251, 191, 36, 0.16);
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.3);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-pill--va {
  background: rgba(96, 165, 250, 0.16);
  color: #bfdbfe;
  border-color: rgba(96, 165, 250, 0.28);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-pill--not_started {
  background: rgba(148, 163, 184, 0.14);
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, 0.24);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-delay-note {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.28);
  color: #fde68a;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-delay-note__check,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-delay-note__text,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-delay-note__meta {
  color: #fde68a;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-checks-pending-meta {
  color: #94a3b8;
}

:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge--draft,
:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge.stopped {
  background: rgba(148, 163, 184, 0.14);
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, 0.24);
}

:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge--pending,
:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge--submitted,
:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge.not-started {
  background: rgba(96, 165, 250, 0.16);
  color: #bfdbfe;
  border-color: rgba(96, 165, 250, 0.28);
}

:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge--processing,
:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge--interim {
  background: rgba(251, 191, 36, 0.16);
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.3);
}

:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge--completed,
:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge.on-track {
  background: rgba(52, 211, 153, 0.16);
  color: #a7f3d0;
  border-color: rgba(52, 211, 153, 0.28);
}

:is(html.dark-style, [data-bs-theme="dark"]) .sla-badge--stopped {
  background: rgba(248, 113, 113, 0.16);
  color: #fecaca;
  border-color: rgba(248, 113, 113, 0.28);
}

:is(html.dark-style, [data-bs-theme="dark"]) .table tbody tr.row-pending-documents {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.14), rgba(251, 191, 36, 0.08)) !important;
  border-left-color: #f59e0b;
}

:is(html.dark-style, [data-bs-theme="dark"]) .table tbody tr.row-pending-documents:hover {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(251, 191, 36, 0.12)) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .table tbody tr.row-document-issue {
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.14), rgba(248, 113, 113, 0.08)) !important;
  border-left-color: #ef4444;
}

:is(html.dark-style, [data-bs-theme="dark"]) .table tbody tr.row-document-issue:hover {
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.2), rgba(248, 113, 113, 0.12)) !important;
}

/* ---------- TAT chips ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-tat-chip.tat-within {
  background: var(--bgc-dark-success-soft);
  color: var(--bgc-dark-success);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-tat-chip.tat-nearing {
  background: var(--bgc-dark-warning-soft);
  color: var(--bgc-dark-warning);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-tat-chip.tat-overdue {
  background: var(--bgc-dark-danger-soft);
  color: var(--bgc-dark-danger);
}

/* ---------- Report ID / table accents ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-report-id-btn,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .text-primary {
  color: #7dd3e0 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell .badge.bg-label-danger,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-sla-badge.bg-label-danger {
  background: var(--bgc-dark-danger-soft) !important;
  color: var(--bgc-dark-danger) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell .badge.bg-label-success {
  background: var(--bgc-dark-success-soft) !important;
  color: var(--bgc-dark-success) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell .badge.bg-label-warning {
  background: var(--bgc-dark-warning-soft) !important;
  color: var(--bgc-dark-warning) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell .badge.bg-label-primary,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell .badge.bg-label-info {
  background: var(--bgc-dark-accent-soft) !important;
  color: #7dd3e0 !important;
}

/* ---------- SLA breach banner ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .alert-danger {
  background: linear-gradient(135deg, rgba(127, 29, 29, 0.55), rgba(69, 10, 10, 0.72));
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .alert-danger .btn-danger {
  background: #dc2626;
  border-color: #dc2626;
  box-shadow: 0 6px 16px rgba(220, 38, 38, 0.35);
}

/* ---------- Pipeline QA/VA cards ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .interim-pipeline-filter-card .pe-heading {
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .interim-pipeline-filter-card.is-active-primary .interim-pipeline-filter-card__inner {
  box-shadow: 0 0 0 2px rgba(85, 201, 215, 0.45), 0 12px 28px rgba(0, 0, 0, 0.35);
}

:is(html.dark-style, [data-bs-theme="dark"]) .interim-pipeline-filter-card.is-active-warning .interim-pipeline-filter-card__inner {
  box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.45), 0 12px 28px rgba(0, 0, 0, 0.35);
}

/* ---------- Show page CSS variables ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page.pe-page {
  --bgc-show-surface: #161b2c;
  --bgc-show-card: #242a3e;
  --bgc-show-ink: #e8eef7;
  --bgc-show-muted: #94a3b8;
  --bgc-show-line: rgba(148, 163, 184, 0.16);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .card.pe-glass-card {
  background-color: rgba(36, 42, 62, 0.98) !important;
  background-image: linear-gradient(160deg, rgba(46, 53, 77, 0.98), rgba(36, 42, 62, 0.96)) !important;
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .card.pe-glass-card::before {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.03),
    rgba(255, 255, 255, 0.01) 50%,
    rgba(85, 201, 215, 0.03)
  ) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .card.pe-glass-card .card-header {
  background: rgba(255, 255, 255, 0.03);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-table-card .pe-table-shell {
  background: #1a2033 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell thead th,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-table-card .table thead th {
  background: linear-gradient(180deg, #2e354d, #242a3e) !important;
  color: #cbd5e1 !important;
  border-bottom-color: rgba(148, 163, 184, 0.18) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell .table,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-table-card .table {
  --bs-table-bg: transparent !important;
  --bs-table-color: #e2e8f0 !important;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-bg: rgba(85, 201, 215, 0.08);
  color: #e2e8f0 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell .table > :not(caption) > * > *,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-table-card .table > :not(caption) > * > * {
  background-color: transparent !important;
  color: #e2e8f0 !important;
  border-bottom-color: rgba(148, 163, 184, 0.1) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell a,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-table-card a {
  color: #7dd3e0;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pe-table-shell a:hover,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-table-card a:hover {
  color: #a5f3fc;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .candidate-block {
  background: linear-gradient(150deg, rgba(46, 53, 77, 0.95), rgba(28, 34, 53, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Show page document cards */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-card {
  background: #242a3e !important;
  border-color: rgba(148, 163, 184, 0.18);
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-card--shared,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-card--consent {
  background: linear-gradient(90deg, rgba(85, 201, 215, 0.08), #242a3e 42%) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-card__title,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-title {
  color: #f1f5f9 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-status.bg-label-success,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-card__status-badge--accepted {
  background: rgba(52, 211, 153, 0.22) !important;
  color: #a7f3d0 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-card__actions .btn-outline-primary,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-card__actions .btn-outline-secondary {
  color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, 0.45) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-doc-card__actions .btn-outline-primary {
  color: #a5f3fc !important;
  border-color: rgba(103, 232, 249, 0.6) !important;
  background-color: rgba(34, 211, 238, 0.12) !important;
}

/* ---------- Process / check cards (common class names) ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-card {
  background: rgba(28, 34, 53, 0.85);
  border-color: var(--bgc-dark-line) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-process-candidate-card,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-process-hero {
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-candidate-meta-chip,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-process-hero-chip,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-process-assignment-pill,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-process-progress-card {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--bgc-dark-line);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-candidate-meta-label,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-process-progress-label,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-process-assignment-role {
  color: var(--bgc-dark-muted);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-process-progress-track {
  background: rgba(255, 255, 255, 0.08);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-residence-merchant,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-residence-merchant__item {
  background: rgba(22, 28, 44, 0.65);
  border-color: var(--bgc-dark-line);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-residence-merchant__label {
  color: var(--bgc-dark-muted);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-residence-merchant__value {
  color: var(--bgc-dark-ink);
}

/* ---------- Modals / forms inside BGC ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .modal-content,
:is(html.dark-style, [data-bs-theme="dark"]) .modal .modal-content:has(.bgc-identity-modal),
:is(html.dark-style, [data-bs-theme="dark"]) #processResidenceModal .modal-content,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-bulk-assign-modal .modal-content {
  background: var(--bgc-dark-surface);
  border-color: var(--bgc-dark-line);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .form-control,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .form-select,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-identity-modal .form-control,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-identity-modal .form-select {
  background-color: var(--bgc-dark-surface-2);
  border-color: var(--bgc-dark-line-strong);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .form-control:focus,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .form-select:focus,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-identity-modal .form-control:focus,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-identity-modal .form-select:focus {
  background-color: #171d2e;
  border-color: rgba(85, 201, 215, 0.55);
  color: var(--bgc-dark-ink);
  box-shadow: 0 0 0 0.15rem rgba(85, 201, 215, 0.16);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .dropdown-menu {
  background: var(--bgc-dark-elevated);
  border-color: var(--bgc-dark-line-strong);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .dropdown-item {
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .dropdown-item:hover,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .dropdown-item:focus {
  background: rgba(85, 201, 215, 0.12);
  color: #fff;
}

/* ---------- Export button / misc ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-export-btn {
  border-color: var(--bgc-dark-line-strong);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-export-btn:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

/* ---------- Flex date picker (employment / residence) ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-emp-flex-date-mode {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--bgc-dark-line);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-emp-flex-date-mode button.is-active {
  background: rgba(85, 201, 215, 0.18);
  color: #7dd3e0;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-emp-flex-date-popover {
  background: var(--bgc-dark-elevated);
  border-color: var(--bgc-dark-line-strong);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
  color: var(--bgc-dark-ink);
}

/* ---------- Credit / social / HOD common white panels ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-credit-report,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-smv-card,
:is(html.dark-style, [data-bs-theme="dark"]) .hod-signature-panel,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-activity-timeline {
  background: var(--bgc-dark-surface);
  border-color: var(--bgc-dark-line);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-heading {
  color: var(--bgc-dark-ink);
}

/* ---------- Bulk assign ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-bulk-assign-toolbar {
  background: linear-gradient(135deg, rgba(85, 201, 215, 0.1) 0%, rgba(30, 36, 54, 0.95) 100%);
  border-color: rgba(85, 201, 215, 0.22);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-bulk-assign-preview,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-bulk-assign-preview-item,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-bulk-assign-select,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-bulk-assign-chip {
  background: rgba(22, 28, 44, 0.85) !important;
  border-color: var(--bgc-dark-line);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-bulk-assign-modal__footer {
  background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.55) 100%);
  border-top-color: var(--bgc-dark-line) !important;
}

/* ---------- HOD signature panels ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .hod-signature-pad,
:is(html.dark-style, [data-bs-theme="dark"]) .hod-signature-preview,
:is(html.dark-style, [data-bs-theme="dark"]) .hod-signature-card,
:is(html.dark-style, [data-bs-theme="dark"]) .hod-signature-panel .card,
:is(html.dark-style, [data-bs-theme="dark"]) .hod-signature-panel [class*="bg-white"],
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-hod-signature,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-hod-signature__canvas-wrap {
  background: var(--bgc-dark-surface-2) !important;
  border-color: var(--bgc-dark-line) !important;
  color: var(--bgc-dark-ink);
}

/* ---------- Credit report detail ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-credit-section,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-credit-card,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-credit-table-wrap,
:is(html.dark-style, [data-bs-theme="dark"]) .credit-check-detail,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-cip-panel {
  background: var(--bgc-dark-surface) !important;
  border-color: var(--bgc-dark-line) !important;
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-credit-section table,
:is(html.dark-style, [data-bs-theme="dark"]) .credit-check-detail table {
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-credit-section thead th,
:is(html.dark-style, [data-bs-theme="dark"]) .credit-check-detail thead th {
  background: rgba(46, 53, 77, 0.95) !important;
  color: #cbd5e1 !important;
  border-color: var(--bgc-dark-line) !important;
}

/* ---------- Social media verification wizard ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-smv-step,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-smv-panel,
:is(html.dark-style, [data-bs-theme="dark"]) .social-media-verification-process .card {
  background: var(--bgc-dark-surface) !important;
  border-color: var(--bgc-dark-line) !important;
  color: var(--bgc-dark-ink);
}

/* ---------- Activity timeline on show ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-activity-item,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-activity-timeline__item {
  border-color: var(--bgc-dark-line);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-activity-timeline__meta {
  color: var(--bgc-dark-muted);
}

/* ---------- Dropdown kebab / action menus in tables ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .btn-icon.btn-text-secondary,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .btn.btn-icon.hide-arrow {
  color: #cbd5e1;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .table .progress {
  background-color: rgba(255, 255, 255, 0.08);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .table .progress-bar.bg-danger {
  background-color: #f87171 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .table .progress-bar.bg-success {
  background-color: #34d399 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .table .progress-bar.bg-warning {
  background-color: #fbbf24 !important;
}

/* ---------- Pagination ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pagination .page-link {
  background: var(--bgc-dark-surface-2);
  border-color: var(--bgc-dark-line);
  color: var(--bgc-dark-ink);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pagination .page-item.active .page-link {
  background: #1a6b8a;
  border-color: #1a6b8a;
  color: #fff;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .pagination .page-link:hover {
  background: rgba(85, 201, 215, 0.12);
  color: #fff;
}

/* ---------- Credit report (peleza-credit-report) ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .peleza-credit-report {
  --pcr-surface: #1c2235;
  --pcr-border: rgba(148, 163, 184, 0.18);
  --pcr-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  --pcr-teal-soft: rgba(85, 201, 215, 0.14);
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .peleza-credit-report .pcr-panel,
:is(html.dark-style, [data-bs-theme="dark"]) .peleza-credit-report .pcr-card,
:is(html.dark-style, [data-bs-theme="dark"]) .peleza-credit-report .pcr-section,
:is(html.dark-style, [data-bs-theme="dark"]) .peleza-credit-report .pcr-table-wrap,
:is(html.dark-style, [data-bs-theme="dark"]) .peleza-credit-report [style*="background: #fff"],
:is(html.dark-style, [data-bs-theme="dark"]) .peleza-credit-report .card {
  background: #242a3e !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .peleza-credit-report table thead th {
  background: rgba(46, 53, 77, 0.98) !important;
  color: #cbd5e1 !important;
}

/* ---------- HOD auth card ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-hod-auth-card {
  background: linear-gradient(180deg, #2e354d 0%, #242a3e 100%);
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-hod-auth-card__title {
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-hod-auth-card__meta,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-hod-auth-card__hint {
  color: #94a3b8;
}

/* ---------- Config / dashboard BGC pages ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .list-group-item {
  background: transparent;
  border-color: rgba(148, 163, 184, 0.12);
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .nav-tabs .nav-link {
  color: #94a3b8;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .nav-tabs .nav-link.active {
  color: #7dd3e0;
  background: transparent;
  border-color: rgba(148, 163, 184, 0.2) rgba(148, 163, 184, 0.2) transparent;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .table-light,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .table > thead {
  --bs-table-bg: rgba(46, 53, 77, 0.9);
  --bs-table-color: #e2e8f0;
  color: #e2e8f0;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .table {
  --bs-table-bg: transparent;
  --bs-table-color: #e2e8f0;
  --bs-table-border-color: rgba(148, 163, 184, 0.12);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-bg: rgba(85, 201, 215, 0.08);
  color: #e2e8f0;
}

/* Process workspace — never keep white glass / white table cells under dark text */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page.pe-page .card.pe-glass-card {
  background-color: rgba(36, 42, 62, 0.98) !important;
  background-image: linear-gradient(150deg, rgba(46, 53, 77, 0.98), rgba(36, 42, 62, 0.94)) !important;
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page.pe-page .card.pe-glass-card::before {
  opacity: 0.35;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.03),
    transparent 50%,
    rgba(85, 201, 215, 0.03)
  ) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-compare-table > tbody > tr > td {
  background-color: #1c2235 !important;
  color: #e8eef7 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-compare-table > tbody > tr > td:nth-child(3),
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-compare-table > tbody > tr > td.bgc-compare-table__employer-cell {
  background: #152a35 !important;
  background-color: #152a35 !important;
  color: #f0fdfa !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-compare-table > thead > tr > th.bgc-compare-table__official,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .bgc-compare-table > thead > tr > th.bgc-compare-table__employer {
  background: #1a3542 !important;
  background-color: #1a3542 !important;
  color: #5eead4 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .badge.bg-label-danger {
  background-color: rgba(248, 113, 113, 0.24) !important;
  color: #fecaca !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-wide-page .badge.bg-label-success {
  background-color: rgba(52, 211, 153, 0.24) !important;
  color: #a7f3d0 !important;
}

/* Process outreach buttons — navy outline text is invisible on dark cards */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-card .btn-outline-primary,
:is(html.dark-style, [data-bs-theme="dark"]) .btn.bgc-employment-outreach-btn.btn-outline-primary {
  --bs-btn-color: #a5f3fc !important;
  --bs-btn-border-color: rgba(103, 232, 249, 0.65) !important;
  color: #a5f3fc !important;
  border-color: rgba(103, 232, 249, 0.65) !important;
  background-color: rgba(34, 211, 238, 0.12) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-card .btn-outline-danger,
:is(html.dark-style, [data-bs-theme="dark"]) .btn.bgc-employment-outreach-btn.btn-outline-danger {
  --bs-btn-color: #fecaca !important;
  --bs-btn-border-color: rgba(248, 113, 113, 0.7) !important;
  color: #fecaca !important;
  border-color: rgba(248, 113, 113, 0.7) !important;
  background-color: rgba(248, 113, 113, 0.12) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-check-card .btn-outline-secondary,
:is(html.dark-style, [data-bs-theme="dark"]) .btn.bgc-employment-outreach-btn.btn-outline-secondary,
:is(html.dark-style, [data-bs-theme="dark"]) .btn.bgc-employment-outreach-link {
  --bs-btn-color: #f1f5f9 !important;
  --bs-btn-border-color: rgba(226, 232, 240, 0.55) !important;
  color: #f1f5f9 !important;
  border-color: rgba(226, 232, 240, 0.55) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* ---------- BGC Command Center / Work Distribution ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-dashboard-stat-card:hover {
  box-shadow: 0 0.4rem 1.35rem rgba(0, 0, 0, 0.45);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-dashboard-stat-card:hover .pe-heading {
  color: #7dd3e0;
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .form-select,
:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .form-control {
  background-color: rgba(30, 36, 54, 0.95);
  border-color: rgba(148, 163, 184, 0.22);
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .form-select:focus,
:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .form-control:focus {
  background-color: rgba(36, 42, 62, 0.98);
  border-color: rgba(85, 201, 215, 0.55);
  color: #f8fafc;
  box-shadow: 0 0 0 0.2rem rgba(85, 201, 215, 0.15);
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .alert-info {
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.28);
  color: #bae6fd;
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .btn-outline-secondary {
  --bs-btn-color: #e2e8f0;
  --bs-btn-border-color: rgba(148, 163, 184, 0.4);
  --bs-btn-hover-color: #f8fafc;
  --bs-btn-hover-bg: rgba(148, 163, 184, 0.16);
  --bs-btn-hover-border-color: rgba(148, 163, 184, 0.55);
  color: #e2e8f0;
  border-color: rgba(148, 163, 184, 0.4);
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .table > :not(caption) > * > * {
  background-color: transparent;
  color: #e2e8f0;
  border-bottom-color: rgba(148, 163, 184, 0.12);
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .table thead th {
  color: #cbd5e1;
  border-bottom-color: rgba(148, 163, 184, 0.2);
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .badge.bg-label-success {
  background-color: rgba(52, 211, 153, 0.22) !important;
  color: #a7f3d0 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .badge.bg-label-primary,
:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .badge.bg-label-info {
  background-color: rgba(56, 189, 248, 0.2) !important;
  color: #bae6fd !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .badge.bg-label-danger {
  background-color: rgba(248, 113, 113, 0.22) !important;
  color: #fecaca !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .pagination .page-link {
  background-color: rgba(36, 42, 62, 0.9);
  border-color: rgba(148, 163, 184, 0.2);
  color: #e2e8f0;
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .pagination .page-item.active .page-link {
  background-color: rgba(85, 201, 215, 0.28);
  border-color: rgba(85, 201, 215, 0.45);
  color: #e0f7fa;
}

:is(html.dark-style, [data-bs-theme="dark"]) .pe-page .pagination .page-link:hover {
  background-color: rgba(85, 201, 215, 0.14);
  color: #f8fafc;
}

/* ---------- Interim report detail modal ---------- */
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-modal {
  background: #1c2235 !important;
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-modal .modal-body {
  background: #1c2235;
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-panel {
  background: #242a3e !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-panel-head {
  border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-panel-title {
  color: #cbd5e1 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-facts li {
  border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-fact-label {
  color: #94a3b8 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-fact-value {
  color: #e8eef7 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-checks-section {
  background: #242a3e !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-checks-section h6 {
  color: #e8eef7;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-checks-section .text-muted,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-checks-empty {
  color: #94a3b8 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-summary-chip {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: #e2e8f0;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-check-row {
  background: #1a2033 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-check-row:hover {
  background: #222a40 !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-check-index {
  color: #94a3b8 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-check-icon {
  background: #2a3148 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #cbd5e1 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-check-row.stage-completed .bgc-interim-detail-check-icon {
  color: #6ee7b7 !important;
  background: rgba(16, 185, 129, 0.16) !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-check-row.stage-va .bgc-interim-detail-check-icon {
  color: #93c5fd !important;
  background: rgba(59, 130, 246, 0.16) !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-check-row.stage-qa .bgc-interim-detail-check-icon {
  color: #fcd34d !important;
  background: rgba(245, 158, 11, 0.16) !important;
  border-color: rgba(251, 191, 36, 0.35) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-check-name {
  color: #e8eef7 !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-delay-note {
  color: #fde68a !important;
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-modal .modal-footer,
:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-footer {
  background: #161b2c !important;
  border-top-color: rgba(148, 163, 184, 0.14) !important;
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-footer .btn-outline-primary {
  --bs-btn-color: #7dd3e0;
  --bs-btn-border-color: rgba(85, 201, 215, 0.55);
  --bs-btn-hover-color: #e0f7fa;
  --bs-btn-hover-bg: rgba(85, 201, 215, 0.14);
  --bs-btn-hover-border-color: rgba(85, 201, 215, 0.7);
  color: #7dd3e0;
  border-color: rgba(85, 201, 215, 0.55);
}

:is(html.dark-style, [data-bs-theme="dark"]) .bgc-interim-detail-footer .btn-label-secondary {
  background: rgba(148, 163, 184, 0.14) !important;
  color: #e2e8f0 !important;
}