/* Shared light/dark theme tokens and compatibility styles. */
:root {
    --bg-primary: #f5f7fb;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef2f7;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --border-color: #d8dee8;
    --input-bg: #ffffff;
    --input-border: #cbd5e1;
    --card-bg: #ffffff;
    --sidebar-bg: #ffffff;
    --overlay-bg: rgba(15, 23, 42, 0.55);
    --surface-hover: #f1f5f9;
    --surface-selected: #e8eef8;
    --surface-page: #f5f7fb;
    --surface-section: #ffffff;
    --surface-card: #ffffff;
    --surface-inset: #f1f5f9;
    --focus-ring: rgba(37, 99, 235, 0.28);
    --shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
    --shadow-lg: 0 18px 45px rgba(15, 23, 42, 0.18);
}

html[data-theme='dark'] {
    --bg-primary: #0f172a;
    --bg-secondary: #172033;
    --bg-tertiary: #202b40;
    --text-primary: #f8fafc;
    --text-secondary: #d6deea;
    --text-muted: #aeb9ca;
    --border-color: #3a465c;
    --input-bg: #111b2e;
    --input-border: #526079;
    --card-bg: #172033;
    --sidebar-bg: #111827;
    --overlay-bg: rgba(2, 6, 23, 0.78);
    --surface-hover: #243047;
    --surface-selected: #2b3b58;
    --surface-page: #0f172a;
    --surface-section: #111827;
    --surface-card: #172033;
    --surface-inset: #202b40;
    --focus-ring: rgba(96, 165, 250, 0.38);
    --shadow: 0 3px 12px rgba(0, 0, 0, 0.34);
    --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.48);

    --header-bg: #111827;
    --header-border: #344055;
    --header-text: #f8fafc;
    --header-text-muted: #b6c1d1;
    --header-accent: #93c5fd;
    --header-shadow: 0 1px 4px rgba(0, 0, 0, 0.38);
    --hover-bg: #243047;
}

html[data-theme='dark'] body {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'] :where(
    .container, .app-layout, .main-content, .content-wrapper,
    .page-container, .dashboard-container, .collections-container,
    .reports-container, .tracking-container, .sukli-container,
    .report-container
) {
    background-color: var(--surface-page) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'] :where(
    .card, .dashboard-card, .summary-card, .stat-card,
    .form-container, .loan-form, .form-section, .filter-section, .details-container,
    .summary-container, .record-item, .record-summary, .loan-details-content,
    .table-container, .table-wrapper, .modal-content, .dialog-content,
    .dropdown-menu, .autocomplete-dropdown, .search-results,
    .recent-activity, .welcome-section, .analytics-card,
    .acop-clients-section, .gradweyt-clients-section,
    .acop-client-card, .gradweyt-client-card,
    .summary-section, .sent-summaries-section, .pending-summaries-section,
    .page-header, .checker-dialog, .withdrawal-section,
    .session-item, .action-button, .loading-dashboard,
    .filter-bar, .search-section, .content-section, .management-section,
    .report-section, .data-section, .results-section, .content-panel,
    .content-card, .data-card, .loan-card, .report-card,
    .filter-card, .records-card, .search-bar
) {
    background-color: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow);
}

/* Loan application: the legacy form and semantic fieldsets must share one
   surface hierarchy. This also prevents a white parent around dark sections. */
html[data-theme='dark'][data-page='index'] body .loan-form {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'][data-page='index'] body fieldset.form-section {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'] :where(h1, h2, h3, h4, h5, h6, label, legend, .title, .section-title) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] :where(
    .welcome-title, .welcome-subtitle, .card-title, .metric-label,
    .dashboard-section-header, .dashboard-section-header h2,
    .dashboard-section-header p, .user-name, .brand-text h1
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] :where(p, .subtitle, .description, .help-text, .text-muted, small) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] :where(input, select, textarea, .form-control) {
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme='dark'] :where(input, textarea)::placeholder {
    color: var(--text-muted) !important;
    opacity: 1;
}

html[data-theme='dark'] :where(input, select, textarea, button, a):focus-visible {
    outline: 2px solid #93c5fd !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--focus-ring);
}

html[data-theme='dark'] :where(input:disabled, select:disabled, textarea:disabled, input[readonly]) {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-muted) !important;
}

html[data-theme='dark'] :where(table, tbody, tr, td) {
    background-color: var(--card-bg);
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] :where(thead, th) {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] :where(tbody tr:hover, .dropdown-item:hover, .autocomplete-item:hover) {
    background-color: var(--surface-hover) !important;
}

html[data-theme='dark'] :where(.nav-tab.active, .pagination-btn, .action-button:hover) {
    background-color: var(--surface-selected) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] :where(.record-details, .empty-state, .loading) {
    background-color: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] :where(.modern-sidebar, .sidebar, .sidebar-content) {
    background-color: var(--sidebar-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] .modern-sidebar :where(
    .sidebar-link, .dropdown-toggle, .dropdown-item, .nav-text,
    .nav-icon, .nav-arrow, .dropdown-arrow, .sidebar-logout-link
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body .modern-sidebar .sidebar-link {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme='dark'] .modern-sidebar :where(.nav-icon svg) {
    color: currentColor !important;
    stroke: currentColor !important;
}

html[data-theme='dark'] .modern-sidebar :where(
    .sidebar-link:hover, .sidebar-link.active, .dropdown-toggle:hover,
    .dropdown-item:hover, .dropdown-item.active, .sidebar-logout-link:hover
) {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'] .modern-sidebar :where(.sidebar-footer) {
    background: var(--sidebar-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] :where(.sidebar-link, .dropdown-toggle, .modern-sidebar .dropdown-item) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] :where(.sidebar-link:hover, .sidebar-link.active, .dropdown-toggle:hover, .modern-sidebar .dropdown-item:hover) {
    background-color: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'] :where(.modal, .modal-overlay, .dialog-backdrop, .sidebar-overlay, .sidebar-mobile-overlay) {
    background-color: var(--overlay-bg) !important;
}

html[data-theme='dark'] .modal > :where(div, section) {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] :where(.btn-secondary, .secondary-button, button.secondary) {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] :where(.user-dropdown, .mobile-logout-dropdown, .atm-notif-dropdown) {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'] :where(.toast, .notification, .alert) {
    color: var(--text-primary);
    border-color: var(--border-color);
    box-shadow: var(--shadow);
}

/* Katibayan: keep each workflow level on a coherent dark surface. */
html[data-theme='dark'][data-page='katibayan'] body :where(.main-content) {
    background: var(--surface-page) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(
    .workflow-breadcrumb, .client-workflow-section, .form-section-compact,
    .form-actions, .pagination-container
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(
    .page-header, .dashboard-section, .section-separator
) {
    background: transparent !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(
    .page-title, .page-title-kicker, .page-description,
    .section-header h2, .section-header-compact h3,
    .section-description, .step-title, .step-subtitle
) {
    color: var(--text-primary) !important;
    text-shadow: none !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.page-description, .section-description, .step-subtitle) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.section-header, .section-header-compact) {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.step-item) {
    background: transparent !important;
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.step-item.active) {
    background: var(--surface-selected) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.step-icon) {
    background: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.step-item.active .step-icon) {
    background: #4f46e5 !important;
    color: #ffffff !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.step-connector, .separator-line) {
    background: var(--border-color) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(
    .search-input-group input, .search-filters select,
    .form-group input, .form-group select, .form-group textarea,
    .pagination-size select
) {
    background: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(
    .form-group label, .admin-branch-filter label
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.client-card) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.client-card.deceased-client) {
    background: linear-gradient(135deg, rgba(127, 29, 29, 0.2), var(--surface-card)) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.client-header) {
    background: transparent !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.client-name, .detail-value) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.client-sss, .detail-label) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.detail-item) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 6px;
    padding: 8px 10px;
}

html[data-theme='dark'][data-page='katibayan'] body :where(
    .btn-form-action.btn-secondary, .btn-view, .btn-edit, .btn-delete,
    .pagination-btn, .page-number, .separator-text, .input-prefix
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='katibayan'] body :where(.checkbox-field) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* Records: grouped clients, loan rows, filters, and details share the same hierarchy. */
html[data-theme='dark'][data-page='records'] body,
html[data-theme='dark'][data-page='records'] body :where(.main-content, .records-container) {
    background: var(--surface-page) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='records'] body :where(
    .page-header, .filter-bar, .search-section, .records-header,
    .client-group, .record-item, .bulk-replenish-modal .modal-content
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='records'] body :where(
    .page-header h1, .records-title, .record-info h3,
    .client-info h2, .loan-info h4, .record-detail,
    .record-detail strong, .summary-stat .stat-value
) {
    color: var(--text-primary) !important;
}

/* Muñoz was omitted from Records' branch-name palette and fell back to an
   inline #666. Keep those client names neutral and readable in both themes. */
html[data-page='records'] body .records-client-name-munoz {
    color: var(--text-primary) !important;
}

/* Preserve Parang/Rainbow branch identity with accessible accents on the
   dark Records surface. This covers both client names and branch labels. */
html[data-theme='dark'][data-page='records'] body :is(
    .records-client-name-parang, .branch-name.branch-parang
) {
    color: #60a5fa !important;
}

html[data-theme='dark'][data-page='records'] body :is(
    .records-client-name-rainbow, .branch-name.branch-rainbow
) {
    color: #a78bfa !important;
}

html[data-theme='dark'][data-page='records'] body :where(
    .page-header p, .record-meta, .client-info .client-details,
    .loan-info .loan-details, .summary-stat .stat-label,
    .filter-group label, .admin-branch-filter label
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='records'] body :where(
    .filter-select, .filter-group select, .filter-group input[type='date'],
    .admin-branch-filter select, #searchInput, .records-per-page-select,
    .record-detail input, .record-detail select, .record-detail textarea
) {
    background: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme='dark'][data-page='records'] body :where(
    .records-header, .record-details, .details-section,
    .client-loans, .loans-list, .summary-stat, .search-info, .no-records
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='records'] body .no-records h3 {
    background: none !important;
    color: #a5b4fc !important;
    -webkit-text-fill-color: #a5b4fc !important;
}

html[data-theme='dark'][data-page='records'] body .no-records p {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='records'] body .no-records .btn-primary {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: none !important;
}

html[data-theme='dark'][data-page='records'] body .no-records .btn-primary:hover {
    background: #1d4ed8 !important;
    border-color: #60a5fa !important;
}

html[data-theme='dark'][data-page='records'] body :where(
    .client-header, .record-summary, .client-loan-item, .loan-row
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='records'] body :where(
    .btn-search, .btn-clear, .action-btn, .btn-view, .btn-save,
    .btn-cancel, .btn-debug, .btn-client-toggle, .btn-client-profile,
    .btn-check-ledger, .btn-print-voucher, .btn-print-ledger,
    .action-buttons-wrapper button, .action-buttons-wrapper a
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}

html[data-theme='dark'][data-page='records'] body :where(
    .btn-search:hover, .btn-clear:hover, .action-btn:hover,
    .btn-view:hover, .btn-client-toggle:hover, .btn-client-profile:hover
) {
    background: var(--surface-hover) !important;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: #f97316 !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar .bulk-info {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar .bulk-info::before {
    background: var(--surface-card) !important;
    color: #fb923c !important;
    border-color: #fb923c !important;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar .btn-bulk-replenish {
    background: rgba(249, 115, 22, 0.16) !important;
    color: #fdba74 !important;
    border-color: #f97316 !important;
    box-shadow: none !important;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar .btn-bulk-replenish:hover {
    background: rgba(249, 115, 22, 0.28) !important;
    color: #ffedd5 !important;
    border-color: #fb923c !important;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar .btn-clear-selection {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
    box-shadow: none !important;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar .btn-clear-selection:hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
    border-color: var(--text-muted) !important;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar :is(
    .btn-bulk-replenish, .btn-clear-selection
):focus-visible {
    outline: 3px solid var(--focus-ring) !important;
    outline-offset: 2px;
}

html[data-theme='dark'][data-page='records'] body .bulk-action-bar :is(
    .btn-bulk-replenish, .btn-clear-selection
):disabled {
    background: var(--surface-inset) !important;
    color: var(--text-muted) !important;
    border-color: var(--border-color) !important;
    cursor: not-allowed;
    opacity: 0.65;
    transform: none !important;
}

/* Cross-page operational surfaces audited from active authenticated screens. */
html[data-theme='dark'] body :is(
    .modal-content, .session-modal-content, .payment-modal-content,
    .delete-modal-content, .instruction-dialog, .checker-dialog,
    .filter-controls, .filters-section, .filters-row, .search-filter-container,
    .data-table-container, .table-container, .collections-table-container,
    .users-table-container, .transaction-form-panel, .table-entry-card,
    .tab-container, .summary-section, .summary-card-large,
    .sukli-table, .sukli-action-bar, .smart-action-bar,
    .recon-toolbar, .recon-panel, .queue-filter-panel,
    .profile-section, .photo-section-compact, .notifications-section,
    .ledger-section, .info-section-horizontal, .client-header-section,
    .denomination-section, .cash-count-panel, .vault-count-panel,
    .bulk-action-bar, .entry-form-card, .client-overview-card,
    .client-selection-card, .payment-status-card, .sukli-history-card,
    .sukli-replenish-card, .sukli-process-card, .sukli-process-empty
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'] body :is(
    .branch-card, .entry-card, .payment-card, .history-card, .info-card,
    .photo-card, .loan-item, .notification-item, .security-event,
    .monthly-status-card, .monthly-claim-option, .sukli-history-record,
    .replenish-entry-group, .replenish-entry-individual,
    .detail-record, .client-dropdown, .client-suggestions,
    .client-results, .client-dropdown-item, .selected-banner
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

@media screen {
/* Real-page cascade repairs found during authenticated browser QA. */
html[data-theme='dark'] body :is(
    .page-title, .page-header h1,
    .main-content .header-content h1
) {
    background: none !important;
    color: var(--text-primary) !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: var(--text-primary) !important;
    text-shadow: none !important;
}

html[data-theme='dark'] body :is(.page-description, .page-header .page-description) {
    color: var(--text-secondary) !important;
}

/* Dashboard operational lists: late light-only child colors must follow the
   dark card hierarchy without losing ACOP/maturity/activity meaning. */
html[data-theme='dark'][data-page='dashboard'] body .dashboard-section-header {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .acop-client-name, .gradweyt-client-name, .activity-title
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .acop-client-details, .gradweyt-client-details,
    .acop-stats, .activity-time
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .acop-month-badge, .gradweyt-stats
) {
    background: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .acop-client-status {
    background: rgba(146, 64, 14, 0.25) !important;
    color: #fde68a !important;
    border: 1px solid rgba(245, 158, 11, 0.45) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .gradweyt-badge, .gradweyt-client-status
) {
    background: rgba(127, 29, 29, 0.25) !important;
    color: #fecaca !important;
    border: 1px solid rgba(239, 68, 68, 0.45) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .acop-action-btn, .gradweyt-action-btn
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}

html[data-theme='dark'][data-page='dashboard'] body .branch-stats .branch-stat {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .branch-stats .branch-stat .branch-name {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .branch-stats .branch-stat .branch-count {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .acop-action-btn:hover, .gradweyt-action-btn:hover,
    .acop-client-card:hover, .gradweyt-client-card:hover
) {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
    border-color: #64748b !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .client-list-search, .client-list-branch
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .client-list-search, .client-list-branch
)::placeholder {
    color: var(--text-muted) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .client-list-table-wrap {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .client-list-table th {
    background: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .client-list-table tbody tr {
    background: var(--surface-card) !important;
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .client-list-table tbody tr:is(:hover, :focus) {
    background: var(--surface-hover) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .client-list-table td {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .client-list-table :is(
    .client-list-name, .client-list-muted
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    .client-list-footer, .client-list-no-results
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .client-list-toggle {
    color: #93c5fd !important;
}

html[data-theme='dark'][data-page='dashboard'] body .client-list-toggle:hover {
    background: rgba(37, 99, 235, 0.22) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .gradweyt-client-status.status-ready {
    background: rgba(6, 95, 70, 0.3) !important;
    color: #a7f3d0 !important;
    border-color: rgba(16, 185, 129, 0.55) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .gradweyt-client-status.status-deceased {
    background: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

@media (max-width: 768px) {
    html[data-theme='dark'][data-page='dashboard'] body .client-list-table tbody tr {
        border-color: var(--border-color) !important;
    }

    html[data-theme='dark'][data-page='dashboard'] body .client-list-table td::before {
        color: var(--text-secondary) !important;
    }
}

html[data-theme='dark'][data-page='dashboard'] body .activity-item {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .activity-icon.new {
    background: rgba(37, 99, 235, 0.22) !important;
    color: #bfdbfe !important;
    border: 1px solid rgba(59, 130, 246, 0.45) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .activity-icon.edit {
    background: rgba(146, 64, 14, 0.25) !important;
    color: #fde68a !important;
    border: 1px solid rgba(245, 158, 11, 0.45) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .activity-icon.delete {
    background: rgba(127, 29, 29, 0.25) !important;
    color: #fecaca !important;
    border: 1px solid rgba(239, 68, 68, 0.45) !important;
}

html[data-theme='dark'] body .modern-sidebar .dropdown-menu {
    background: var(--surface-inset) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body .modern-sidebar .dropdown-item,
html[data-theme='dark'] body .modern-sidebar .dropdown-item .nav-text,
html[data-theme='dark'] body .modern-sidebar .dropdown-item .nav-icon {
    background: transparent !important;
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body .modern-sidebar .dropdown-item:hover,
html[data-theme='dark'] body .modern-sidebar .dropdown-item.active {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

/* Transient notifications: keep white-surface toast families readable in dark mode. */
html[data-theme='dark'] body .toast {
    --toast-surface: var(--surface-card);
    background: var(--toast-surface) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'] body .toast :is(
    .bdsnotice-title, .toast-title, .toast-icon
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body .toast :is(
    .bdsnotice-message, .toast-message
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body .toast :is(
    .bdsnotice-close, .toast-close
) {
    background: transparent !important;
    color: var(--text-muted) !important;
}

html[data-theme='dark'] body .toast :is(
    .bdsnotice-close, .toast-close
):hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(.records-toast, .mobile-toast, .pwa-notification, .update-notification) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'] body :is(.records-toast, .mobile-toast) {
    border-top-color: var(--border-color) !important;
    border-right-color: var(--border-color) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme='dark'] body :is(.pwa-notification, .update-notification) {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body .records-toast :is(
    .records-toast-title, .records-toast-message
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body .records-toast .records-toast-message {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body .records-toast .records-toast-close,
html[data-theme='dark'] body .mobile-toast .toast-close {
    background: transparent !important;
    color: var(--text-muted) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .sukli-toast {
    background: var(--surface-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .sukli-toast.success {
    border-left: 4px solid #10b981 !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .sukli-toast.error {
    border-left: 4px solid #ef4444 !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .sukli-toast.warning {
    border-left: 4px solid #f59e0b !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .sukli-toast.info {
    border-left: 4px solid #3b82f6 !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .sukli-toast .sukli-toast-message {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .sukli-toast .sukli-toast-close {
    background: transparent !important;
    color: var(--text-muted) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .sukli-toast .sukli-toast-close:hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body .pwa-notification .notification-content > div:last-child > div:last-child {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body :is(.pwa-notification, .update-notification) button:not(.btn-primary) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='index'] body :is(.client-info-display) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='index'] body :is(.info-placeholder) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='index'] body .card-expiry-warning {
    background: rgba(127, 29, 29, 0.24) !important;
    color: #fecaca !important;
    border-color: #ef4444 !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='index'] body .card-expiry-warning :is(
    .warning-content, .warning-text
) {
    color: #fecaca !important;
}

html[data-theme='dark'][data-page='index'] body .card-expiry-warning :is(
    .warning-icon, .warning-text strong
) {
    color: #f87171 !important;
}

html[data-theme='dark'][data-page='index'] body .card-expiry-warning .warning-close {
    background: transparent !important;
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='index'] body .card-expiry-warning .warning-close:hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

/* Loan response modal is declared late in index.html. These ID-scoped rules
   also prevent its `.modal-icon.error` class from inheriting form-field error
   borders and shadows from the legacy global `.error` selector. */
html[data-theme='dark'][data-page='index'] body #responseModal .modal-content {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'][data-page='index'] body #responseModal .modal-header {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='index'] body #responseModal #modalTitle {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='index'] body #responseModal .modal-close {
    color: var(--text-muted) !important;
}

html[data-theme='dark'][data-page='index'] body #responseModal .modal-close:hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='index'] body #responseModal #modalMessage {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='index'] body #responseModal .modal-icon.error {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme='dark'][data-page='index'] body #responseModal .modal-footer .btn-secondary {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

html[data-theme='dark'][data-page='index'] body #responseModal .modal-footer .btn-secondary:hover {
    background: var(--surface-hover) !important;
    border-color: var(--input-border) !important;
}

/* Dynamically-created loan application confirmation dialog. */
html[data-theme='dark'][data-page='index'] body .acm-overlay {
    background: var(--overlay-bg) !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-modal {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-header {
    background: linear-gradient(135deg, #1e3a8a, #1d4ed8) !important;
    color: #ffffff !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay :is(
    .acm-header h2, .acm-client-header
) {
    color: #ffffff !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-section-title,
html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-tile-label {
    color: var(--text-muted) !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-tile {
    background: var(--surface-card) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-tile-value {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-monthly-band {
    background: rgba(30, 64, 175, 0.22) !important;
    border-color: #3b82f6 !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-monthly-label {
    color: #bfdbfe !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-monthly-value {
    color: #60a5fa !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-net-band {
    background: rgba(5, 150, 105, 0.18) !important;
    border-color: #10b981 !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-net-label {
    color: #a7f3d0 !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-net-value {
    color: #34d399 !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-elderly-notice {
    background: rgba(154, 52, 18, 0.2) !important;
    color: #fed7aa !important;
    border-left-color: #fb923c !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-cancel {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

html[data-theme='dark'][data-page='index'] body .acm-overlay .acm-cancel:hover {
    background: var(--surface-hover) !important;
}

html[data-theme='dark'] body :is(
    input[readonly], textarea[readonly], .form-control[readonly],
    input.forecasted-readonly
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(
    input:disabled, select:disabled, textarea:disabled,
    .form-control:disabled
) {
    background: var(--surface-inset) !important;
    color: var(--text-muted) !important;
    border-color: var(--input-border) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--text-muted) !important;
}

html[data-theme='dark'] body :is(
    .client-info-grid .info-group > .info-value,
    .readonly-grid .info-value,
    .read-only-grid .info-value,
    .display-value-tile
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme='dark'] body :is(
    .info-item > .info-value,
    .detail-item > .detail-value
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(
    .searchable-dropdown .dropdown-list,
    .client-search-container .client-dropdown,
    .client-selection .client-dropdown,
    .client-results, .client-suggestions
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'] body :is(
    .searchable-dropdown .dropdown-item,
    .client-search-container .client-dropdown-item,
    .client-selection .client-dropdown > .dropdown-item,
    .client-results .client-result-item,
    .client-suggestions .client-suggestion
) {
    background: transparent !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body :is(
    .searchable-dropdown .dropdown-item:hover,
    .client-search-container .client-dropdown-item:hover,
    .client-selection .client-dropdown > .dropdown-item:hover,
    .client-results .client-result-item:hover,
    .client-suggestions .client-suggestion:hover
) {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(
    .searchable-dropdown .dropdown-item.selected,
    .client-search-container .client-dropdown-item.selected,
    .client-selection .client-dropdown > .dropdown-item.selected,
    .client-results .client-result-item.selected,
    .client-suggestions .client-suggestion.selected
) {
    background: var(--surface-selected) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(
    .client-dropdown-info .client-name,
    .client-dropdown-item .client-name,
    .client-result-name, .client-suggestion-name
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(
    .client-dropdown-info .client-details,
    .client-dropdown-item .client-details,
    .client-result-meta, .client-suggestion-details,
    .dropdown-item.no-results, .client-dropdown-item.no-results,
    .client-result-item.no-results
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body .searchable-dropdown .dropdown-item .highlight {
    background: rgba(245, 158, 11, 0.28) !important;
    color: #fde68a !important;
}

html[data-theme='dark'][data-page='collections-entry'] body :is(
    .entry-mode-toggle, .toggle-container
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .toggle-container {
    background: var(--surface-inset) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .totals-display {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .total-item {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .total-item.highlight {
    background: rgba(99, 102, 241, 0.22) !important;
    border-color: rgba(129, 140, 248, 0.58) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .total-value {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .total-label {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .total-item.highlight .total-value {
    color: #e0e7ff !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .total-item.highlight .total-label {
    color: #c7d2fe !important;
}

html[data-theme='dark'][data-page='collections-entry'] body :is(.ar-assignment-notice) {
    background: rgba(30, 64, 175, 0.24) !important;
    border-color: #3b82f6 !important;
}

html[data-theme='dark'][data-page='collections-entry'] body :is(
    .ar-assignment-notice .notice-text, .period-label
) {
    color: #bfdbfe !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .branch-tab:not(.active) {
    background: var(--surface-card) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .branch-tab:not(.active):hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
    border-color: #6366f1 !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .branch-tab.active {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

html[data-theme='dark'][data-page='collections-entry'] body :is(
    .table-header-actions, .table-footer
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body :is(
    .table-header-actions #selectedBranchLabel, .selection-summary,
    .control-group label
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .client-count {
    background: rgba(99, 102, 241, 0.22) !important;
    color: #c7d2fe !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .table-header-actions .action-btn.secondary {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .table-header-actions .action-btn.secondary:hover {
    background: var(--surface-hover) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .collections-table tbody tr.selected {
    background: var(--surface-selected) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .collections-table tbody tr.has-arrears {
    background: rgba(127, 29, 29, 0.2) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .collections-table tbody tr.has-arrears:hover {
    background: rgba(127, 29, 29, 0.3) !important;
}

html[data-theme='dark']:is(
    [data-page='collections-management'],
    [data-page='collections-management-fixed'],
    [data-page='collections-reports']
) body :is(.branch-breakdown, .filter-controls, .data-table-container) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark']:is(
    [data-page='collections-management'],
    [data-page='collections-management-fixed'],
    [data-page='collections-reports']
) body :is(.breakdown-header h3, .filter-header h2, .table-header h3, .branch-header h4) {
    color: var(--text-primary) !important;
}

html[data-theme='dark']:is(
    [data-page='collections-management'],
    [data-page='collections-management-fixed'],
    [data-page='collections-reports']
) body :is(.summary-card .card-value, .branch-stats .stat-value) {
    color: var(--text-primary) !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}

html[data-theme='dark']:is(
    [data-page='collections-management'],
    [data-page='collections-management-fixed'],
    [data-page='collections-reports']
) body :is(.summary-card .card-label, .branch-stats .stat-label) {
    color: var(--text-secondary) !important;
    -webkit-text-fill-color: var(--text-secondary) !important;
}

html[data-theme='dark']:is(
    [data-page='collections-management'],
    [data-page='collections-management-fixed'],
    [data-page='collections-reports']
) body .entry-count {
    background: rgba(99, 102, 241, 0.22) !important;
    color: #c7d2fe !important;
}

html[data-theme='dark']:is(
    [data-page='collections-management'],
    [data-page='collections-management-fixed'],
    [data-page='collections-reports']
) body .loading-overlay {
    background: rgba(2, 6, 23, 0.9) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark']:is(
    [data-page='collections-management'],
    [data-page='collections-management-fixed'],
    [data-page='collections-reports']
) body .loading-spinner {
    border-color: var(--border-color) !important;
    border-top-color: #818cf8 !important;
}

html[data-theme='dark']:is(
    [data-page='collections-management'],
    [data-page='collections-management-fixed'],
    [data-page='collections-reports']
) body .loading-text {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .action-btn.secondary,
html[data-theme='dark'][data-page='sukli-summary'] body .action-btn.secondary {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .sukli-info-notice {
    background: rgba(30, 64, 175, 0.24) !important;
    color: #dbeafe !important;
    border-color: #3b82f6 !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body :is(
    .sukli-info-notice .notice-text, .sukli-info-notice .workflow-divider
) {
    color: #dbeafe !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .workflow-step {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .workflow-step.active {
    background: rgba(5, 150, 105, 0.2) !important;
    color: #a7f3d0 !important;
    border-color: #10b981 !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body :is(
    .monthly-sukli-timeline > h3, .monthly-period,
    .month-attempt-row strong
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body :is(
    .monthly-attempt-count, .month-attempt-row
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .monthly-sukli-amount.no-entitlement {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body :is(
    .monthly-sukli-amount, .sukli-attempt-row
) {
    color: #a7f3d0 !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .breakdown-toggle {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .breakdown-toggle:hover {
    background: var(--surface-hover) !important;
    border-color: #64748b !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .breakdown-toggle:focus-visible {
    outline: 3px solid rgba(96, 165, 250, 0.45) !important;
    outline-offset: 2px;
}

html[data-theme='dark'][data-page='sukli-entry'] body .breakdown-section {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .month-attempt-row {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .monthly-claim-option {
    background: rgba(5, 150, 105, 0.16) !important;
    color: #d1fae5 !important;
    border-color: #10b981 !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .failed-month-notice {
    background: rgba(127, 29, 29, 0.3) !important;
    color: #fecaca !important;
    border-color: #ef4444 !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .direct-sukli-warning {
    background: rgba(146, 64, 14, 0.25) !important;
    color: #fde68a !important;
    border-color: #f59e0b !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .month-state-badge.state-failed {
    background: rgba(127, 29, 29, 0.3) !important;
    color: #fecaca !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .month-state-badge.state-claimable {
    background: rgba(5, 150, 105, 0.2) !important;
    color: #a7f3d0 !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body :is(
    .month-state-badge.state-claimed, .month-state-badge.state-replenished
) {
    background: rgba(37, 99, 235, 0.25) !important;
    color: #bfdbfe !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body .multi-select-actions button:disabled {
    color: #d1fae5 !important;
    opacity: 0.72 !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body #processSukliModal :is(
    .modal-container, .modal-header, .modal-body, .modal-footer
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body #processSukliModal .claim-summary {
    background: rgba(14, 116, 144, 0.16) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    border-color: rgba(56, 189, 248, 0.45) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body #processSukliModal .summary-row.highlight {
    background: rgba(14, 165, 233, 0.16) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body #processSukliModal :is(
    .summary-label, .summary-value, .claim-month-confirmation,
    .claim-month-confirmation span, .modal-form label
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body #processSukliModal .claim-month-confirmation {
    background: var(--surface-inset) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body #processSukliModal .claim-month-warning {
    background: rgba(146, 64, 14, 0.25) !important;
    color: #fde68a !important;
    border-color: #f59e0b !important;
}

html[data-theme='dark'][data-page='sukli-entry'] body #processSukliModal .modal-close:hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body :is(
    .main-content > main, .summary-container, .queue-workspace
) {
    background: var(--surface-page) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body :is(
    .client-overview-card, .queue-filter-panel, .overall-stats-card,
    .filter-search-bar, .ar-selection-card
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body :is(
    .queue-filter-panel-header h3, .stats-header h2,
    .ar-selection-header h3, .ar-selection-description,
    .queue-filter-count, .last-updated
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .stats-header h2 {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .overall-stat-item {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    opacity: 1 !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .overall-stat-item.given {
    background: rgba(5, 150, 105, 0.14) !important;
    border-top-color: rgba(16, 185, 129, 0.45) !important;
    border-right-color: rgba(16, 185, 129, 0.45) !important;
    border-bottom-color: rgba(16, 185, 129, 0.45) !important;
    border-left-color: #10b981 !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .overall-stat-item.secondary-stat {
    background: var(--surface-inset) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .overall-stat-item .stat-value {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .overall-stat-item .stat-label {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body .overall-stat-item .stat-amount {
    color: #6ee7b7 !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .page-title {
    background: none !important;
    color: var(--text-primary) !important;
    -webkit-text-fill-color: var(--text-primary) !important;
    text-shadow: none !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body :is(
    .report-card, .print-dialog-note
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .summary-item {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .summary-value {
    color: var(--text-primary) !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .summary-label {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .btn-quick-range {
    background: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .btn-quick-range:hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
    border-color: #64748b !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .btn-quick-range.active {
    background: rgba(37, 99, 235, 0.24) !important;
    color: #bfdbfe !important;
    border-color: #3b82f6 !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .filter-group label {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .report-btn.secondary {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-adjustment'] body .page-title {
    background: none !important;
    color: var(--text-primary) !important;
    -webkit-text-fill-color: var(--text-primary) !important;
    text-shadow: none !important;
}

html[data-theme='dark'][data-page='sukli-adjustment'] body .metric {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='sukli-adjustment'] body .metric label {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='sukli-adjustment'] body .metric strong {
    color: var(--text-primary) !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-adjustment'] body .recon-btn:not(.primary):not(.danger) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='summary'] body .sent-record-card {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-top-color: var(--border-color) !important;
    border-right-color: var(--border-color) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='summary'] body .sent-record-card :is(
    strong, div, span
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='summary'] body .sent-record-card button:last-child {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='summary'] body .btn-quick-range {
    background: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='summary'] body .btn-quick-range:hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
    border-color: #64748b !important;
}

html[data-theme='dark'][data-page='summary'] body .btn-quick-range.active {
    background: rgba(37, 99, 235, 0.24) !important;
    color: #bfdbfe !important;
    border-color: #3b82f6 !important;
}

html[data-theme='dark'][data-page='summary'] body #noDataMessage {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='summary'] body #noDataMessage :is(h4, strong) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='summary'] body #noDataMessage :is(p, li) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='summary'] body #noDataMessage a {
    color: #93c5fd !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .balance-card, .entry-card, .history-card, .transaction-form-panel,
    .transaction-form-header
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .balance-amount, .entry-card h2, .transaction-form-header h3
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .balance-label, .balance-subtitle, .transaction-form-header p,
    .tab-button
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .tab-button.active, .others-direction button
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .cash-count-panel, .vault-count-panel
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .vault-count-header, .vault-count-footer
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .vault-denomination-shell {
    background: var(--surface-section) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .cash-panel-title, .vault-count-header h3
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .cash-panel-subtitle, .vault-count-header p,
    .denom-symbol, .denom-subtotal:not(.highlight-green):not(.highlight-red)
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .cash-panel-header {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .cash-count-date-pill {
    background: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .vault-total-strip {
    background: var(--surface-page) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .denom-btn-plus, .denom-btn-minus
) {
    background: var(--surface-card) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-btn-plus:hover {
    background: var(--surface-hover) !important;
    color: #34d399 !important;
    border-color: #10b981 !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-btn-minus:hover {
    background: var(--surface-hover) !important;
    color: #f87171 !important;
    border-color: #ef4444 !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-label.peso-1000 {
    color: #60a5fa !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-label.peso-500 {
    color: #fbbf24 !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-label.peso-200 {
    color: #34d399 !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-label.peso-100 {
    color: #a78bfa !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-label.peso-50 {
    color: #f87171 !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-label.peso-20 {
    color: #fb923c !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .denom-label.peso-1 {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body #reminderForm {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body #reminderForm label {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body #reminderForm #reminderRecurrenceDayWrap {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .transaction-date-mode-toggle {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .transaction-date-mode-label {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .transaction-date-mode-note {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .quick-filter-btn:not(.active) {
    background: var(--surface-inset) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .quick-filter-btn:not(.active):hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .quick-filter-btn.active {
    background: var(--surface-selected) !important;
    color: var(--text-primary) !important;
    border-color: #60a5fa !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .monthly-others-card {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .monthly-others-header, .monthly-others-columns
) {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .monthly-others-header > strong:first-child {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .monthly-others-columns, .monthly-others-total,
    .monthly-others-row, .monthly-others-count
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body :is(
    .denom-card, .denom-side-card, .vault-availability-strip,
    .denom-total-row, .deposit-only-control
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body :is(
    .denom-card div, .denom-side-card label,
    .denom-total-row span
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body :is(
    .denom-qty.has-value, .sukli-denom-qty.has-value
) {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #a7f3d0 !important;
    border-color: #10b981 !important;
    font-weight: 600 !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body .loan-table .total-row .branch-total-label {
    background: var(--surface-selected) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body .vault-availability-strip .vault-availability-chip {
    background: rgba(14, 116, 144, 0.2) !important;
    color: #bae6fd !important;
    border-color: rgba(56, 189, 248, 0.45) !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body :is(
    .vault-availability-title, .vault-availability-total,
    .vault-availability-total span, .vault-availability-chip .vault-remaining-cell
) {
    color: #7dd3fc !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body .vault-availability-chip .vault-remaining-flag {
    color: #f87171 !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body .save-indicator--locked {
    background: var(--surface-selected) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body .denom-diff-row {
    background: rgba(146, 64, 14, 0.25) !important;
    color: #fde68a !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body .denom-diff-row span {
    color: #fde68a !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body .denom-diff-row span.diff-positive {
    color: #34d399 !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body .denom-diff-row span.diff-negative {
    color: #f87171 !important;
}

/* ATM inventory: its inline page stylesheet uses ID-scoped !important text
   colors intended for white rows. Keep the branch accents, but raise their
   contrast against the dark table surface. */
html[data-theme='dark'][data-page='atm-details'] body :is(
    .page-header h1, #inventoryTable tbody td
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='atm-details'] body :is(
    .page-description, .search-loading,
    #inventoryTable tbody td.text-muted
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='atm-details'] body #inventoryTable tbody td.sensitive-data {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='atm-details'] body :is(
    #loadingState, #noDataState
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='atm-details'] body #loadingState .simple-spinner {
    border-color: var(--border-color) !important;
    border-top-color: #93c5fd !important;
}

html[data-theme='dark'][data-page='atm-details'] body #loadingState p {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='atm-details'] body .branch-cogeo {
    color: #f87171 !important;
}

html[data-theme='dark'][data-page='atm-details'] body .branch-parang {
    color: #60a5fa !important;
}

html[data-theme='dark'][data-page='atm-details'] body .branch-rainbow {
    color: #fb923c !important;
}

html[data-theme='dark'][data-page='atm-details'] body .branch-marinduque {
    color: #fbbf24 !important;
}

html[data-theme='dark'][data-page='atm-details'] body .branch-alo {
    color: #34d399 !important;
}

html[data-theme='dark'][data-page='atm-details'] body :is(
    .branch-munoz, .branch-default
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='atm-release-manager'] body .tab-container {
    background: var(--surface-section) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='atm-release-manager'] body .tab {
    background: transparent !important;
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='atm-release-manager'] body .tab:hover {
    background: var(--surface-hover) !important;
    color: #93c5fd !important;
}

html[data-theme='dark'][data-page='atm-release-manager'] body .tab.active {
    color: #60a5fa !important;
    border-bottom-color: #60a5fa !important;
}

/* Loan Details defines its compact cards again in a late page stylesheet and
   in a mobile block. Keep the overview's intentional navy treatment, while
   restoring a clear section/card/inset hierarchy everywhere below it. */
html[data-theme='dark'][data-page='loan-details'] body :is(
    .records-container, #loanDetailsContent
) {
    background: var(--surface-page) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .smart-action-bar, .compact-sections-container .main-info-horizontal,
    .info-section-horizontal, .photo-section-compact,
    .record-info-compact, .dependents-section-compact,
    .client-notes-card
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .timeline-side, .section-header, .smart-action-bar
) {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .section-header h3, .client-notes-title,
    .info-item span, .record-item span,
    .financial-item .amount, .step-title,
    .dependent-card-compact h4
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .info-item label, .record-item label, .financial-item label,
    .photo-item-compact > label, .step-date,
    .dependent-detail, .no-photo-compact,
    .photo-trail-toggle, .trail-meta, .trail-who
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .info-item, .record-item, .financial-item,
    .timeline-step, .photo-preview,
    .dependent-card-compact, .notes-content,
    .trail-thumb-wrap
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='loan-details'] body .financial-item.highlight {
    background: #172554 !important;
    border-color: #3b82f6 !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .financial-item.highlight-success, .timeline-step.completed
) {
    background: #153b35 !important;
    border-color: #10b981 !important;
}

html[data-theme='dark'][data-page='loan-details'] body .timeline-step:not(.completed) .step-marker {
    background: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme='dark'][data-page='loan-details'] body .section-icon {
    background: #172554 !important;
    border-color: #1d4ed8 !important;
}

html[data-theme='dark'][data-page='loan-details'] body .section-icon-calendar {
    background: #2e1065 !important;
    border-color: #7c3aed !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .action-btn-modern.btn-secondary, .trail-restore
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='loan-details'] body .action-btn-modern.btn-success {
    background: #12372f !important;
    color: #6ee7b7 !important;
    border-color: #166b55 !important;
}

html[data-theme='dark'][data-page='loan-details'] body .action-btn-modern.btn-danger {
    background: #431c24 !important;
    color: #fca5a5 !important;
    border-color: #7f1d2d !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .action-btn-modern.btn-secondary, .action-btn-modern.btn-success,
    .action-btn-modern.btn-danger, .trail-restore
):hover {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
    border-color: #60a5fa !important;
}

html[data-theme='dark'][data-page='loan-details'] body :is(
    .print-dialog-note, .loading
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='loan-details'] body .trail-divider,
html[data-theme='dark'][data-page='loan-details'] body .photo-trail-grid::-webkit-scrollbar-thumb {
    background: var(--border-color) !important;
}
}

html[data-theme='dark'] body :is(
    .detail-row, .info-row, .summary-item, .denom-item,
    .record-info-compact, .dependents-section-compact,
    .search-info, .instruction-header, .vault-count-footer,
    .totals-display, .pagination-container
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body :is(
    .info-value, .detail-value, .record-info-compact,
    .client-dropdown-item, .transaction-pagination,
    .pagination-info, .records-count
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(
    .filter-select, .filter-input, .search-input, .amount-input,
    .form-input, .form-select, .form-textarea, .inline-select,
    .inline-input, .period-select, .page-size-select,
    .records-per-page-select, .pagination-size select,
    .denom-grid input, .ts-input, .searchable-dropdown input
) {
    background: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme='dark'] body :is(
    .btn-secondary, .btn-outline, .btn.btn-outline, .toggle-btn,
    .page-btn, .page-number, .page-number-btn, .pagination-btn,
    .transaction-pagination button, .checker-actions .btn-cancel,
    .ts-cancel-btn, .recon-btn
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* Full-page authenticated audit repairs. These selectors intentionally live
   after page CSS because several legacy pages append light-only rules late. */
html[data-theme='dark'] body .release-notice-modal {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-lg) !important;
}

html[data-theme='dark'] body .release-notice-modal :is(h2, p) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body .release-notice-modal p {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body .release-notice-kicker {
    color: #93c5fd !important;
}

html[data-theme='dark'] body :is(.user-avatar, .mobile-logout-avatar) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
}

html[data-theme='dark'] body .app-header .user-profile .user-avatar,
html[data-theme='dark'] body .mobile-logout-button .mobile-logout-avatar {
    background: #1d4ed8 !important;
    color: #ffffff !important;
}

html[data-theme='dark'] body .atm-notif-badge {
    background: #b91c1c !important;
    color: #ffffff !important;
}

html[data-theme='dark'] body .release-notice-close {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body :is(.modern-sidebar, .sidebar-footer, .user-profile-section) {
    background: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body :is(.sidebar-footer .user-info, .mobile-sidebar-toggle) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body .mobile-sidebar-toggle span {
    background: var(--text-secondary) !important;
}

html[data-theme='dark'] body :is(.sidebar-logout-link, .dropdown-menu .dropdown-item) {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body .sidebar-logout-link .nav-text {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(
    .section-icon, .stat-icon,
    #recordsCount, .records-count
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body :is(
    .stat-card .stat-value, .stat-card .value, .summary-item .summary-value,
    .activity-title, .session-device
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] body :is(
    .stat-card .stat-label, .stat-card .stat-sublabel, .summary-item .summary-label,
    .field-helper-text, .currency-symbol, .empty-breakdown,
    .page-ellipsis, .pagination-size span, .page-size-selector span,
    .detail-label, .activity-time, .user-greeting
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body :is(.metric-value, .ar-number, .filter-btn.outline, .action-btn.outline) {
    color: #a5b4fc !important;
}

html[data-theme='dark'] body :is(.branch-parang, .branch-text-parang) { color: #60a5fa !important; }
html[data-theme='dark'] body :is(.branch-rainbow, .branch-text-rainbow) { color: #a78bfa !important; }
html[data-theme='dark'] body :is(.branch-cogeo, .branch-text-cogeo) { color: #f87171 !important; }
html[data-theme='dark'] body :is(.branch-alo, .branch-text-alo) { color: #34d399 !important; }
html[data-theme='dark'] body :is(.branch-marinduque, .branch-text-marinduque) { color: #fbbf24 !important; }
html[data-theme='dark'][data-page='records'] body .records-client-name-cogeo { color: #f87171 !important; }
html[data-theme='dark'][data-page='records'] body .records-client-name-alo { color: #34d399 !important; }
html[data-theme='dark'][data-page='records'] body .records-client-name-marinduque { color: #fbbf24 !important; }
html[data-theme='dark'][data-page='records'] body .records-pension-type { color: var(--text-secondary) !important; }

html[data-theme='dark'] body :is(
    .collection-status-badge.success, .sukli-amount-value,
    .status-used, .sukli-status-badge.sukli-posted
) {
    color: #34d399 !important;
}

html[data-theme='dark'] body :is(
    .collection-status-badge.info, .action-btn.ledger, .action-btn.view
) {
    color: #60a5fa !important;
}

html[data-theme='dark'] body :is(
    .action-btn.delete, .status-cancelled
) {
    color: #f87171 !important;
}

html[data-theme='dark'] body :is(
    .filter-clear-btn, .action-btn.copy, .sukli-status-badge.no-sukli,
    .queue-history-link, .nav-tab, .ledger-tab:not(.active)
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'] body :is(
    .btn-primary, .submit-btn.primary, .filter-btn.primary,
    .btn-form-action.btn-primary, .action-btn.btn-create-loan
) {
    background: #1d4ed8 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'] body :is(.btn-success, .report-btn.success) {
    background: #047857 !important;
    color: #ffffff !important;
    border-color: #059669 !important;
}

html[data-theme='dark'] body :is(.btn-danger, .logout-btn) {
    background: #b91c1c !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}

html[data-theme='dark'] body .btn-warning {
    background: #92400e !important;
    color: #ffffff !important;
    border-color: #b45309 !important;
}

html[data-theme='dark'] body :is(.btn-edit, .btn-transaction-slip-excel, .btn-edit-ts) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'] body :is(
    button.btn-reset, button.no-button-fix, button.submit-btn.outline,
    #toggleSensitiveBtn2, .btn-quick-fill, .auto-fill-member-btn,
    .same-client-btn, .pagination button, .page-selector
) {
    background: var(--surface-inset) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'] body :is(
    .badge.warning, #userRole, .original-bank-badge
) {
    background: rgba(146, 64, 14, 0.25) !important;
    background-image: none !important;
    color: #fde68a !important;
    border-color: rgba(245, 158, 11, 0.45) !important;
}

html[data-theme='dark'] body :is(
    .client-pension-badge, .pension-type-pill, .status-badge.given,
    .sukli-toast-icon, .transaction-form-badge.in
) {
    background: rgba(5, 150, 105, 0.18) !important;
    color: #a7f3d0 !important;
    border-color: rgba(16, 185, 129, 0.4) !important;
}

html[data-theme='dark'][data-page='atm-details'] body :is(#inventoryTable, #loadingState, #noDataState) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='atm-information'] body #errorMessage {
    background: #7f1d1d !important;
    background-image: none !important;
    color: #fee2e2 !important;
    border-color: #ef4444 !important;
}

html[data-theme='dark'][data-page='atm-release-manager'] body .candidates-table thead {
    background: var(--surface-card) !important;
    background-image: none !important;
}

html[data-theme='dark'][data-page='atm-release-manager'] body .candidates-table .badge.success,
html[data-theme='dark'][data-page='atm-release-manager'] body .action-btn.danger {
    background: rgba(5, 150, 105, 0.18) !important;
    color: #a7f3d0 !important;
    border-color: rgba(16, 185, 129, 0.4) !important;
}

html[data-theme='dark'][data-page='atm-release-manager'] body .action-btn.danger {
    background: #7f1d1d !important;
    color: #fecaca !important;
    border-color: #ef4444 !important;
}

html[data-theme='dark'][data-page='audit-logs'] body .audit-table-container {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-management-fixed'] body .reports-container,
html[data-theme='dark'][data-page='collections-tracking'] body .tracking-container,
html[data-theme='dark'][data-page='sukli-tracking'] body .tracking-container {
    background: var(--surface-page) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='collections-tracking'] body :is(.ar-generator, .ar-history),
html[data-theme='dark'][data-page='sukli-tracking'] body :is(.action-bar, .collections-workflow-section) {
    background: var(--surface-section) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-tracking'] body .ar-history-table thead th {
    background: var(--surface-inset) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-management'] body .collections-table tbody tr.branch-row-parang,
html[data-theme='dark'][data-page='collections-management'] body .collections-table tbody tr.branch-row-parang > td,
html[data-theme='dark'][data-page='loans-receivables'] body .lr-table tbody tr > td,
html[data-theme='dark'][data-page='sukli-replenishment-report'] body .summary-table tbody tr,
html[data-theme='dark'][data-page='sukli-summary'] body .clients-summary-table tbody tr.client-summary-row,
html[data-theme='dark'][data-page='sukli-summary'] body .clients-summary-table tbody tr.client-summary-row > td,
html[data-theme='dark'][data-page='user-management'] body .users-table tbody tr,
html[data-theme='dark'][data-page='user-management'] body .users-table tbody tr > td {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-management'] body :is(
    #clientFilterDropdown, #arFilterDropdown
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-management'] body :is(
    #clientFilterDropdown, #arFilterDropdown
) .ar-filter-option {
    background: transparent !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='collections-management'] body :is(
    #clientFilterDropdown, #arFilterDropdown
) .ar-filter-option:is(:hover, :focus-visible) {
    background: var(--surface-hover) !important;
    color: var(--text-primary) !important;
    outline: 1px solid var(--input-border) !important;
    outline-offset: -1px;
}

html[data-theme='dark'][data-page='collections-management'] body :is(
    #clientFilterDropdown, #arFilterDropdown
) .ar-filter-option:is(.active, [aria-selected='true']) {
    background: var(--surface-selected) !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='collections-management'] body :is(
    .client-filter-option-name
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='collections-management'] body :is(
    .client-filter-option-details, .ar-filter-option-date
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='collections-management'] body .ar-filter-empty {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='collections-management'] body .ar-filter-option-number {
    color: #a5b4fc !important;
}

html[data-theme='dark'][data-page='collections-entry'] body :is(
    .extra-payment-type, .extra-type-btn,
    .collections-table tbody tr, .collections-table tbody td
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .table-wrapper .collections-table tbody tr,
html[data-theme='dark'][data-page='collections-entry'] body .table-wrapper .collections-table tbody tr > td {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .entry-form-card .card-header .extra-payment-type,
html[data-theme='dark'][data-page='collections-entry'] body .entry-form-card .card-header .extra-type-btn {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .entry-form-card .card-header .extra-type-label {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .advance-type-btn {
    background: rgba(146, 64, 14, 0.25) !important;
    color: #fde68a !important;
    border-color: rgba(245, 158, 11, 0.45) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .loading-spinner {
    border-color: var(--border-color) !important;
    border-top-color: #818cf8 !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .form-row .form-group > div > span {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='dashboard'] body .dashboard-card .card-header {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(
    #totalLoanAmount, #totalLoans, #monthlyLoans, #monthlyAmount,
    #topBranch, #averageLoan, #averageNetProceeds
) {
    color: #60a5fa !important;
}

html[data-theme='dark'][data-page='dashboard'] body :is(#loansTrend, #monthlyTrend) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='loans-receivables'] body :is(
    #kpiLoans, #kpiReceivables, #kpiBeginning, #kpiEnding, #kpiUncollected
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='loans-receivables'] body :is(
    .summary-label, #kpiUncollectedLabel
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='employee-profile'] body :is(
    .profile-section .section-header, .activity-item, .activity-icon
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='employee-profile'] body :is(.activity-title, .activity-time) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='employee-profile'] body .activity-time {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='employee-profile'] body .info-label {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='employee-profile'] body :is(
    #saveProfileBtn, #changePasswordBtn, .btn.btn-danger
) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'][data-page='employee-profile'] body .btn.btn-danger {
    background: #b91c1c !important;
    border-color: #dc2626 !important;
}

html[data-theme='dark'][data-page='loan-details'] body .error,
html[data-theme='dark'][data-page='replenishment-report'] body .branch-table-section,
html[data-theme='dark'][data-page='notification-dashboard'] body #adminPanel {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='client-details'] body :is(
    .client-header-section, .detail-section, .section-title,
    .loan-item, .smart-action-bar
) {
    background: var(--surface-section) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}

html[data-theme='dark'][data-page='client-details'] body .section-title {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='client-details'] body .detail-row {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='client-details'] body :is(
    .client-subtitle, .detail-label, .loan-item-details
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='client-details'] body :is(
    .client-title, .detail-value, .loan-type
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='client-details'] body .client-badge {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='client-details'] body :is(.amount-strong, .loan-amount) {
    color: #34d399 !important;
}

html[data-theme='dark'][data-page='client-details'] body .loan-item:hover {
    background: var(--surface-hover) !important;
}

html[data-theme='dark'][data-page='notification-dashboard'] body .admin-panel .btn-info {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='session-management'] body :is(
    .nav-tabs, .session-card, .session-card .detail-item
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='session-management'] body :is(.btn-warning, .btn-danger) {
    color: #ffffff !important;
}

html[data-theme='dark'][data-page='session-management'] body .btn-warning {
    background: #92400e !important;
    border-color: #b45309 !important;
}

html[data-theme='dark'][data-page='session-management'] body .btn-danger {
    background: #b91c1c !important;
    border-color: #dc2626 !important;
}

html[data-theme='dark'][data-page='client-ledger'] {
    --ledger-bg: var(--surface-page);
    --ledger-surface: var(--surface-card);
    --ledger-surface-muted: var(--surface-inset);
    --ledger-border: var(--border-color);
    --ledger-border-soft: var(--border-color);
    --ledger-text: var(--text-primary);
    --ledger-muted: var(--text-secondary);
    --ledger-subtle: var(--text-muted);
    --ledger-primary: #60a5fa;
    --ledger-shadow: var(--shadow);
}

html[data-theme='dark'][data-page='client-ledger'] body :is(
    #clientInfoCard, .ledger-tabs, .ledger-tab.active,
    .ledger-section .section-header, .actions-section
) {
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='client-ledger'] body .loading > div {
    color: #fca5a5 !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body :is(
    .pagination-container .page-selector, .status-count-cell.given .status-badge.given
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body :is(
    .btn-transaction-slip-excel, .btn-edit-ts
) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body :is(
    #pageStartRecord, #pageEndRecord, #totalRecords
) {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='sukli-summary'] body :is(
    #totalPages, #statsFilterIndicator, .queue-history-link
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='user-management'] body :is(
    .sidebar-footer .user-profile-section, .sidebar-footer .user-info,
    .branch-badge, .pagination button
) {
    background: var(--surface-inset) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='user-management'] body .avatar-circle {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='daily-loan-summary'] body #releaseButton {
    background: rgba(5, 150, 105, 0.18) !important;
    color: #a7f3d0 !important;
    border-color: rgba(16, 185, 129, 0.5) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .transaction-item {
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body .transaction-details > div:first-child {
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='money-tracking'] body :is(
    .transaction-meta span, .monthly-others-header strong,
    .monthly-others-total span, .monthly-others-row span
) {
    color: #f87171 !important;
}

html[data-theme='dark'][data-page='replenishment-report'] body :is(
    .btn-quick-filter, #noDataMessage
) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='replenishment-report'] body :is(.btn-filter, .btn-export) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'][data-page='index'] body p a {
    color: #60a5fa !important;
}

html[data-theme='dark'][data-page='katibayan'] body :is(
    .action-btn.btn-create-loan, .btn-form-action.btn-primary
) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'][data-page='notification-dashboard'] body :is(
    #checkDueBtn, .admin-actions .btn-success
) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'][data-page='notification-dashboard'] body .admin-actions .btn-warning {
    background: #92400e !important;
    color: #ffffff !important;
    border-color: #b45309 !important;
}

html[data-theme='dark'][data-page='sukli-replenishment-report'] body .report-btn.success {
    background: #047857 !important;
    color: #ffffff !important;
    border-color: #059669 !important;
}

html[data-theme='dark'][data-page='sukli-tracking'] body :is(#recordCount, .page-dots) {
    color: var(--text-secondary) !important;
}

html[data-theme='dark'][data-page='collections-entry'] body .submit-btn.primary {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'][data-page='user-management'] body :is(#addUserBtn, .action-btn.btn-edit) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'][data-page='sukli-tracking'] body .action-bar .action-btn:not(.outline) {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

html[data-theme='dark'][data-page='withdrawal'] body :is(
    .stats-grid .stat-card, .withdrawal-section.filter-section,
    .withdrawal-section .filter-section, .btn-quick-fill
) {
    background: var(--surface-card) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme='dark'][data-page='withdrawal'] body .header-right .user-info {
    background: transparent !important;
    color: var(--text-primary) !important;
}

html[data-theme='dark'][data-page='withdrawal'] body .stats-grid .stat-card .stat-value {
    color: var(--text-primary) !important;
}

html[data-theme='dark'] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html[data-theme='dark'] ::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

html[data-theme='dark'] ::-webkit-scrollbar-thumb {
    background: #4b5870;
    border: 2px solid var(--bg-primary);
    border-radius: 999px;
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme] *,
    html[data-theme] *::before,
    html[data-theme] *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media print {
    :root,
    html[data-theme='dark'] {
        color-scheme: light !important;
        --bg-primary: #ffffff;
        --bg-secondary: #ffffff;
        --bg-tertiary: #f3f4f6;
        --text-primary: #000000;
        --text-secondary: #222222;
        --text-muted: #444444;
        --border-color: #c7c7c7;
        --input-bg: #ffffff;
        --card-bg: #ffffff;
        --header-bg: #ffffff;
        --sidebar-bg: #ffffff;
        --surface-page: #ffffff;
        --surface-section: #ffffff;
        --surface-card: #ffffff;
        --surface-inset: #f3f4f6;
    }

    html[data-theme='dark'] body,
    html[data-theme='dark'] :where(.container, .card, .form-container, .form-section, table, tbody, tr, td, th) {
        background: #ffffff !important;
        color: #000000 !important;
        box-shadow: none !important;
    }

    html[data-theme='dark'] body :is(
        input[readonly], textarea[readonly], input:disabled,
        select:disabled, textarea:disabled,
        .client-info-grid .info-group > .info-value,
        .readonly-grid .info-value, .read-only-grid .info-value,
        .display-value-tile
    ) {
        background: #ffffff !important;
        color: #000000 !important;
        border-color: #c7c7c7 !important;
        opacity: 1 !important;
        -webkit-text-fill-color: #000000 !important;
    }

    html[data-theme='dark'] body :is(
        .info-item > .info-value,
        .detail-item > .detail-value
    ) {
        color: #000000 !important;
    }

    html[data-theme='dark'][data-page='dashboard'] body .client-list-status {
        background: #ffffff !important;
        color: #000000 !important;
        border-color: #777777 !important;
    }

    .theme-preferences-dialog,
    .theme-quick-toggle {
        display: none !important;
    }
}