html[data-theme="dark"] {
    color-scheme: dark;
    --primary: #6aa8ff;
    --primary-hover: #9fc5ff;
    --primary-strong: #cfe1ff;
    --primary-light: rgba(106, 168, 255, 0.16);
    --blue-900: #edf6ff;
    --blue-800: #cfe1ff;
    --blue-700: #a8ccff;
    --blue-600: #6aa8ff;
    --blue-500: #4f8cff;
    --blue-400: #2f6fdd;
    --blue-300: #244f95;
    --blue-200: #1d365f;
    --blue-100: rgba(106, 168, 255, 0.14);
    --blue-sky: #66d9ff;
    --grey-900: #edf4ff;
    --grey-800: #d9e5f5;
    --grey-700: #b4c3d6;
    --grey-600: #91a4ba;
    --grey-500: #718398;
    --grey-400: #53667e;
    --grey-300: #384a62;
    --grey-200: #243349;
    --grey-100: #162238;
    --ink-900: #f7fbff;
    --success: #6ee7b7;
    --success-bg: rgba(16, 185, 129, 0.15);
    --danger: #ff8da0;
    --danger-bg: rgba(244, 63, 94, 0.14);
    --warning: #f8cf6a;
    --warning-bg: rgba(245, 158, 11, 0.16);
    --surface: rgba(14, 23, 38, 0.94);
    --surface-soft: rgba(22, 34, 54, 0.78);
    --border: rgba(148, 163, 184, 0.2);
    --border-strong: rgba(106, 168, 255, 0.38);
    --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.28);
    --shadow-md: 0 16px 36px rgba(0, 0, 0, 0.34);
    --shadow-lg: 0 22px 52px rgba(0, 0, 0, 0.42);
    --marketing-navy: #f7fbff;
    --marketing-ink: #9fc5ff;
    --marketing-cyan: #66d9ff;
    --marketing-gold: #f8cf6a;
    --marketing-panel: rgba(14, 23, 38, 0.92);
    --marketing-panel-soft: rgba(22, 34, 54, 0.82);
    --marketing-stroke: rgba(148, 163, 184, 0.2);
    --marketing-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    --marketing-shadow-soft: 0 14px 34px rgba(0, 0, 0, 0.26);
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.admin-auth-page,
html[data-theme="dark"] .marketing-body {
    color: var(--grey-900);
    background: linear-gradient(180deg, #09111f 0%, #0e192b 48%, #111d30 100%) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] strong {
    color: var(--ink-900);
}

html[data-theme="dark"] a {
    color: var(--primary-hover);
}

html[data-theme="dark"] a:hover {
    color: #d7e7ff;
}

html[data-theme="dark"] ::selection {
    background: rgba(106, 168, 255, 0.28);
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .surface-panel,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .billing-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .workspace-filter-bar,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .purchase-card,
html[data-theme="dark"] .purchase-panel,
html[data-theme="dark"] .story-panel,
html[data-theme="dark"] .security-panel,
html[data-theme="dark"] .cta-panel,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .faq-card,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .showcase-card,
html[data-theme="dark"] .billing-status-card,
html[data-theme="dark"] .billing-status-note {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    color: var(--grey-900);
    box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] label,
html[data-theme="dark"] .page-head p,
html[data-theme="dark"] .page-intro p,
html[data-theme="dark"] .small-note,
html[data-theme="dark"] .workspace-filter-hint,
html[data-theme="dark"] .workspace-filter-meta,
html[data-theme="dark"] .workspace-filter-field label,
html[data-theme="dark"] .metric-label,
html[data-theme="dark"] .metric-note,
html[data-theme="dark"] .metric-currency-stack span,
html[data-theme="dark"] .billing-card span,
html[data-theme="dark"] .product-card p,
html[data-theme="dark"] .activity-copy span,
html[data-theme="dark"] .task-row span,
html[data-theme="dark"] .quote-row span,
html[data-theme="dark"] .activity-item time {
    color: var(--grey-700) !important;
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="datetime-local"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background: rgba(12, 21, 35, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: var(--grey-900) !important;
    box-shadow: none;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
    background: rgba(17, 28, 46, 0.98) !important;
    border-color: var(--border-strong) !important;
    box-shadow: 0 0 0 4px rgba(106, 168, 255, 0.16) !important;
}

html[data-theme="dark"] input[readonly],
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] textarea:disabled {
    background: rgba(35, 49, 73, 0.86) !important;
    color: var(--grey-600) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--grey-600);
    opacity: 1;
}

html[data-theme="dark"] option {
    background: #111c2e;
    color: var(--grey-900);
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--grey-900);
    box-shadow: 0 0 0 1000px #111c2e inset;
}

html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .admin-shell .btn-secondary,
html[data-theme="dark"] .admin-shell .btn-outline,
html[data-theme="dark"] .auth-admin-link,
html[data-theme="dark"] .marketing-btn--secondary,
html[data-theme="dark"] .marketing-btn--ghost {
    background: rgba(22, 34, 54, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: var(--grey-900) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .auth-admin-link:hover,
html[data-theme="dark"] .marketing-btn--secondary:hover,
html[data-theme="dark"] .marketing-btn--ghost:hover {
    background: rgba(35, 49, 73, 0.98) !important;
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .password-toggle,
html[data-theme="dark"] .auth-password-toggle {
    background: rgba(106, 168, 255, 0.14) !important;
    border-color: rgba(106, 168, 255, 0.18) !important;
    color: var(--blue-800) !important;
}

html[data-theme="dark"] .success-message,
html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .error-message,
html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .info-message {
    border-color: var(--border) !important;
}

html[data-theme="dark"] .info-message {
    background: rgba(106, 168, 255, 0.14) !important;
    color: var(--blue-800) !important;
}

html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td {
    border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .table tbody tr:hover td {
    background: rgba(106, 168, 255, 0.08) !important;
}

html[data-theme="dark"] .enhanced-select__trigger {
    background: rgba(12, 21, 35, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: var(--grey-900) !important;
}

html[data-theme="dark"] .enhanced-select__trigger:hover {
    color: var(--grey-900) !important;
}

html[data-theme="dark"] .enhanced-select.is-open .enhanced-select__trigger,
html[data-theme="dark"] .enhanced-select__trigger:focus {
    background: rgba(17, 28, 46, 0.98) !important;
    box-shadow: 0 0 0 4px rgba(106, 168, 255, 0.16) !important;
}

html[data-theme="dark"] .enhanced-select__label.is-placeholder,
html[data-theme="dark"] .enhanced-select__icon,
html[data-theme="dark"] .enhanced-select__empty {
    color: var(--grey-600) !important;
}

html[data-theme="dark"] .enhanced-select__panel {
    background: rgba(13, 22, 37, 0.98) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] .enhanced-select__option {
    background: rgba(22, 34, 54, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.1) !important;
    color: var(--grey-900) !important;
}

html[data-theme="dark"] .enhanced-select__option:hover,
html[data-theme="dark"] .enhanced-select__option.is-selected {
    background: rgba(106, 168, 255, 0.18) !important;
    border-color: rgba(106, 168, 255, 0.28) !important;
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .sidebar {
    background: linear-gradient(180deg, #071120 0%, #0d1a2d 100%) !important;
    box-shadow: 16px 0 36px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .admin-sidebar {
    background: linear-gradient(180deg, #071816 0%, #0b2629 54%, #0f3439 100%) !important;
}

html[data-theme="dark"] .admin-hero,
html[data-theme="dark"] .auth-panel-brand-admin {
    background: linear-gradient(135deg, #05272b 0%, #0b4a52 52%, #0f6b6d 100%) !important;
}

html[data-theme="dark"] .admin-directory-card,
html[data-theme="dark"] .admin-permission-card,
html[data-theme="dark"] .admin-module-card,
html[data-theme="dark"] .admin-subscription-grid article {
    background: rgba(17, 28, 46, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .admin-directory-card:hover,
html[data-theme="dark"] .admin-directory-card:focus-visible,
html[data-theme="dark"] .admin-directory-card.is-selected {
    background: rgba(20, 45, 56, 0.94) !important;
    border-color: rgba(45, 212, 191, 0.42) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .admin-pill {
    background: rgba(45, 212, 191, 0.16) !important;
    color: #9ef7e8 !important;
}

html[data-theme="dark"] .admin-pill--active,
html[data-theme="dark"] .status-completed {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #8cf2c6 !important;
}

html[data-theme="dark"] .admin-pill--inactive,
html[data-theme="dark"] .status-tbc {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #f8cf6a !important;
}

html[data-theme="dark"] .admin-pill--suspended,
html[data-theme="dark"] .status-cancelled {
    background: rgba(244, 63, 94, 0.18) !important;
    color: #ff9bad !important;
}

html[data-theme="dark"] .admin-danger-zone {
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: rgba(244, 63, 94, 0.24) !important;
}

html[data-theme="dark"] .marketing-header {
    background: rgba(9, 17, 31, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .brand-mark,
html[data-theme="dark"] .brand-mark:hover,
html[data-theme="dark"] .marketing-nav a,
html[data-theme="dark"] .marketing-link {
    color: var(--grey-900) !important;
}

html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .purchase-panel,
html[data-theme="dark"] .pricing-card--featured,
html[data-theme="dark"] .security-panel,
html[data-theme="dark"] .cta-panel {
    background: linear-gradient(160deg, rgba(14, 23, 38, 0.96), rgba(22, 34, 54, 0.92)) !important;
}

html[data-theme="dark"] .hero-card {
    background: linear-gradient(180deg, rgba(7, 17, 32, 0.98), rgba(20, 65, 100, 0.94)) !important;
}

html[data-theme="dark"] .hero-trust div,
html[data-theme="dark"] .purchase-points div,
html[data-theme="dark"] .purchase-preview div,
html[data-theme="dark"] .purchase-plan-card,
html[data-theme="dark"] .security-list article,
html[data-theme="dark"] .showcase-card__placeholder {
    background: rgba(17, 28, 46, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .auth-panel-brand {
    background: linear-gradient(135deg, #071120 0%, #12315c 50%, #1c5fc4 100%) !important;
}

html[data-theme="dark"] .auth-panel-brand-admin {
    background: linear-gradient(135deg, #05272b 0%, #0b4a52 52%, #0f6b6d 100%) !important;
}

html[data-theme="dark"] .auth-feature,
html[data-theme="dark"] .admin-auth-note {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .auth-footer {
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .dashboard-hero,
html[data-theme="dark"] .workspace-hero,
html[data-theme="dark"] .invp-hero {
    background: linear-gradient(135deg, #071120 0%, #164c91 52%, #1d75d8 100%) !important;
}

html[data-theme="dark"] .dashboard-hero h1,
html[data-theme="dark"] .dashboard-hero p,
html[data-theme="dark"] .dashboard-kicker,
html[data-theme="dark"] .panel-kicker,
html[data-theme="dark"] .invp-hero h1,
html[data-theme="dark"] .invp-hero p,
html[data-theme="dark"] .invp-kicker {
    color: #fff !important;
}

html[data-theme="dark"] .activity-item,
html[data-theme="dark"] .task-row,
html[data-theme="dark"] .quote-row,
html[data-theme="dark"] .mode-block label,
html[data-theme="dark"] .total-container {
    background: rgba(17, 28, 46, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .health-chip,
html[data-theme="dark"] .panel-pill,
html[data-theme="dark"] .product-card-badge,
html[data-theme="dark"] .activity-badge,
html[data-theme="dark"] .company-profile-kicker {
    background: rgba(106, 168, 255, 0.16) !important;
    color: var(--blue-800) !important;
}

html[data-theme="dark"] .invoices-shell {
    --invp-bg: linear-gradient(180deg, #09111f 0%, #101b2d 100%) !important;
    --invp-surface: #101b2d !important;
    --invp-surface-soft: #162238 !important;
    --invp-border: rgba(148, 163, 184, 0.2) !important;
    --invp-border-strong: rgba(106, 168, 255, 0.34) !important;
    --invp-text: #edf4ff !important;
    --invp-muted: #b4c3d6 !important;
    --invp-muted-strong: #d9e5f5 !important;
    --invp-primary: #6aa8ff !important;
    --invp-primary-dark: #cfe1ff !important;
    --invp-primary-soft: rgba(106, 168, 255, 0.16) !important;
    --invp-success-soft: rgba(16, 185, 129, 0.16) !important;
    --invp-shadow-sm: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
    --invp-shadow-md: 0 14px 30px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] .hr-suite-shell {
    --hr-bg: linear-gradient(180deg, #09111f 0%, #101b2d 100%) !important;
    --hr-surface: rgba(16, 27, 45, 0.94) !important;
    --hr-surface-strong: #101b2d !important;
    --hr-surface-soft: #162238 !important;
    --hr-border: rgba(148, 163, 184, 0.2) !important;
    --hr-border-strong: rgba(106, 168, 255, 0.34) !important;
    --hr-text: #edf4ff !important;
    --hr-muted: #b4c3d6 !important;
    --hr-muted-strong: #d9e5f5 !important;
    --hr-primary: #6aa8ff !important;
    --hr-primary-dark: #cfe1ff !important;
    --hr-primary-soft: rgba(106, 168, 255, 0.16) !important;
    --hr-shadow-sm: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
    --hr-shadow-md: 0 14px 30px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] .invp-panel,
html[data-theme="dark"] .invp-metric-card,
html[data-theme="dark"] .invp-library-card,
html[data-theme="dark"] .invp-preview-shell,
html[data-theme="dark"] .invp-preview-stat,
html[data-theme="dark"] .invoice-section,
html[data-theme="dark"] .finance-currency-card,
html[data-theme="dark"] .employee-detail-card,
html[data-theme="dark"] .employee-profile-grid .invp-preview-stat,
html[data-theme="dark"] .sr-doc-card,
html[data-theme="dark"] .sr-doc-section,
html[data-theme="dark"] .sr-doc-confirm,
html[data-theme="dark"] .hr-suite-card,
html[data-theme="dark"] .company-profile-hero,
html[data-theme="dark"] .company-profile-section,
html[data-theme="dark"] .company-module-card,
html[data-theme="dark"] .bank-account-card,
html[data-theme="dark"] .qtp-card,
html[data-theme="dark"] .qtp-preview-shell,
html[data-theme="dark"] .qtp-toolbar,
html[data-theme="dark"] .qtp-empty {
    background: rgba(16, 27, 45, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: var(--grey-900) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .qtp-card:hover,
html[data-theme="dark"] .qtp-card.is-active,
html[data-theme="dark"] .company-module-card.is-enabled {
    background: rgba(23, 42, 68, 0.96) !important;
    border-color: rgba(106, 168, 255, 0.32) !important;
}

html[data-theme="dark"] .invp-preview-pane.is-loading::after {
    background: rgba(9, 17, 31, 0.36) !important;
}

html[data-theme="dark"] .progress-shell {
    background: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] hr,
html[data-theme="dark"] .admin-form-section + .admin-form-section,
html[data-theme="dark"] .admin-checkbox,
html[data-theme="dark"] .sidebar-footer,
html[data-theme="dark"] .hr-table-wrap,
html[data-theme="dark"] .sr-doc-line {
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] input[type="checkbox"],
html[data-theme="dark"] input[type="radio"] {
    accent-color: #4f8cff;
}

html[data-theme="dark"] button:disabled,
html[data-theme="dark"] .btn:disabled {
    opacity: 1;
    background: linear-gradient(135deg, rgba(106, 168, 255, 0.38), rgba(79, 140, 255, 0.3)) !important;
    color: rgba(247, 251, 255, 0.72) !important;
    border: 1px solid rgba(159, 197, 255, 0.18) !important;
}

html[data-theme="dark"] .invp-preview-empty {
    background: rgba(16, 27, 45, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .invp-preview-empty-title {
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .invp-preview-empty p {
    color: var(--grey-700) !important;
}

html[data-theme="dark"] .a4-page {
    --invp-text: #10213a !important;
    --invp-muted: #6a7c93 !important;
    --invp-muted-strong: #41546d !important;
    --invp-primary: #2563eb !important;
    --invp-primary-dark: #1746a2 !important;
    --invp-primary-soft: rgba(37, 99, 235, 0.08) !important;
    color: #10213a !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] .a4-page .billto,
html[data-theme="dark"] .a4-page .meta-right,
html[data-theme="dark"] .a4-page .inv-support-card,
html[data-theme="dark"] .a4-page .sr-doc-card,
html[data-theme="dark"] .a4-page .sr-doc-section,
html[data-theme="dark"] .a4-page .sr-doc-confirm,
html[data-theme="dark"] .a4-page .pay-hero-card:not(.pay-hero-card-highlight),
html[data-theme="dark"] .a4-page .pay-panel,
html[data-theme="dark"] .a4-page .pay-detail-card,
html[data-theme="dark"] .a4-page .pay-stat-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 252, 0.96)) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="dark"] .a4-page .total-box {
    background: linear-gradient(135deg, #edf6ef 0%, #e2efe7 100%) !important;
    border-color: rgba(116, 157, 128, 0.22) !important;
}

html[data-theme="dark"] .a4-page .pay-disclaimer {
    background: rgba(15, 23, 42, 0.05) !important;
    color: #44556c !important;
}

html[data-theme="dark"] .a4-page .inv-head,
html[data-theme="dark"] .a4-page .inv-footer,
html[data-theme="dark"] .a4-page .pay-head {
    border-color: rgba(148, 163, 184, 0.28) !important;
}

html[data-theme="dark"] .a4-page .inv-status:not([class*="--"]) {
    background: rgba(148, 163, 184, 0.16) !important;
    color: #475569 !important;
}

html[data-theme="dark"] .a4-page .sr-doc-line {
    border-color: rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="dark"] .task-preview-card,
html[data-theme="dark"] .task-detail-section,
html[data-theme="dark"] .task-remarks-box {
    background: rgba(16, 27, 45, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .task-preview-label,
html[data-theme="dark"] .task-link-empty,
html[data-theme="dark"] .task-form-hint {
    color: var(--grey-700) !important;
}

html[data-theme="dark"] .task-preview-card strong,
html[data-theme="dark"] .task-detail-section h3,
html[data-theme="dark"] .task-detail-grid strong,
html[data-theme="dark"] .task-remarks-box {
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .task-status-chip,
html[data-theme="dark"] .task-link-chip {
    background: rgba(106, 168, 255, 0.16) !important;
    color: var(--blue-800) !important;
}

html[data-theme="dark"] .task-status-chip--soft,
html[data-theme="dark"] .task-link-chip--soft {
    background: rgba(102, 217, 255, 0.14) !important;
    color: #9fe9ff !important;
}

html[data-theme="dark"] .task-form-hint a {
    color: var(--primary-hover) !important;
}

html[data-theme="dark"] .customer-panel,
html[data-theme="dark"] .customer-list-item,
html[data-theme="dark"] .customer-metric,
html[data-theme="dark"] .country-list {
    background: rgba(16, 27, 45, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .customer-panel-kicker,
html[data-theme="dark"] .customer-edit-chip {
    background: rgba(106, 168, 255, 0.16) !important;
    border-color: rgba(106, 168, 255, 0.24) !important;
    color: var(--blue-800) !important;
}

html[data-theme="dark"] .customer-avatar {
    background: linear-gradient(135deg, rgba(106, 168, 255, 0.24), rgba(102, 217, 255, 0.18)) !important;
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .customer-copy strong,
html[data-theme="dark"] .customer-metric strong {
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .customer-copy span,
html[data-theme="dark"] .customer-meta span,
html[data-theme="dark"] .customer-metric span {
    color: var(--grey-700) !important;
}

html[data-theme="dark"] .customer-type {
    color: var(--blue-800) !important;
}

html[data-theme="dark"] .country-list li:hover {
    background: rgba(106, 168, 255, 0.16) !important;
}

html[data-theme="dark"] .employee-profile-grid .invp-preview-stat {
    background: rgba(16, 27, 45, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .employee-profile-grid .invp-preview-stat span,
html[data-theme="dark"] .employee-profile-grid .invp-preview-stat p,
html[data-theme="dark"] .employee-detail-card .pay-detail-list span {
    color: var(--grey-700) !important;
}

html[data-theme="dark"] .employee-profile-grid .invp-preview-stat strong,
html[data-theme="dark"] .employee-detail-card .pay-detail-list strong {
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .employee-profile-grid .invp-preview-stat[data-tone="success"] {
    background: linear-gradient(135deg, rgba(16, 70, 54, 0.96), rgba(19, 94, 72, 0.92)) !important;
    border-color: rgba(110, 231, 183, 0.24) !important;
}

html[data-theme="dark"] .employee-profile-grid .invp-preview-stat[data-tone="warning"] {
    background: linear-gradient(135deg, rgba(93, 55, 12, 0.96), rgba(120, 72, 19, 0.92)) !important;
    border-color: rgba(248, 207, 106, 0.24) !important;
}

html[data-theme="dark"] .employee-profile-grid .invp-preview-stat[data-tone="info"] {
    background: linear-gradient(135deg, rgba(17, 46, 86, 0.96), rgba(20, 67, 117, 0.92)) !important;
    border-color: rgba(106, 168, 255, 0.26) !important;
}

html[data-theme="dark"] .employee-detail-card .pay-detail-label {
    color: #8ed9ff !important;
}

html[data-theme="dark"] .employee-detail-card .pay-detail-list div {
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .payslip-period-chip {
    background: rgba(106, 168, 255, 0.16) !important;
    color: var(--blue-800) !important;
}

html[data-theme="dark"] .hr-overview-metric,
html[data-theme="dark"] .hr-policy-preview {
    background: rgba(16, 27, 45, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .hr-overview-metric span,
html[data-theme="dark"] .hr-policy-preview li span,
html[data-theme="dark"] .hr-table thead th {
    color: var(--grey-700) !important;
}

html[data-theme="dark"] .hr-overview-metric strong,
html[data-theme="dark"] .hr-policy-preview__top strong,
html[data-theme="dark"] .hr-policy-preview li strong {
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .hr-overview-metric p {
    color: var(--grey-700) !important;
}

html[data-theme="dark"] .hr-policy-preview li {
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .hr-table thead th {
    background: rgba(22, 34, 54, 0.94) !important;
}

html[data-theme="dark"] .hr-table tbody tr:hover td {
    background: rgba(106, 168, 255, 0.08) !important;
}

html[data-theme="dark"] .admin-directory-meta,
html[data-theme="dark"] .admin-directory-state,
html[data-theme="dark"] .admin-count,
html[data-theme="dark"] .admin-form-section p,
html[data-theme="dark"] .admin-permission-card small,
html[data-theme="dark"] .admin-module-card small,
html[data-theme="dark"] .admin-subscription-grid span {
    color: var(--grey-700) !important;
}

html[data-theme="dark"] .admin-permission-card span,
html[data-theme="dark"] .admin-module-card span,
html[data-theme="dark"] .admin-subscription-grid strong {
    color: var(--ink-900) !important;
}