/* ============================================================
   Stanpers PrimeSpace Global — Unified Design System
   ============================================================
   Single source of truth for colors, typography, spacing,
   buttons, badges, cards, and layout utilities.
   Include BEFORE template-specific styles.
   ============================================================ */

/* ---------- Design Tokens (CSS Custom Properties) ---------- */
:root {
    /* Brand colors */
    --ps-primary:        #667eea;
    --ps-primary-dark:   #5568d3;
    --ps-primary-darker: #4452b3;
    --ps-secondary:      #764ba2;
    --ps-gradient:       linear-gradient(135deg, #667eea, #764ba2);

    /* Semantic colors */
    --ps-success:        #28a745;
    --ps-success-dark:   #218838;
    --ps-danger:         #dc3545;
    --ps-danger-dark:    #c82333;
    --ps-warning:        #f59e0b;
    --ps-warning-dark:   #d97706;
    --ps-info:           #0ea5e9;
    --ps-info-dark:      #0284c7;

    /* Accent palette */
    --ps-purple:         #8b5cf6;
    --ps-purple-dark:    #7c3aed;
    --ps-teal:           #14b8a6;
    --ps-orange:         #f97316;

    /* Neutral palette */
    --ps-gray-50:        #f9fafb;
    --ps-gray-100:       #f3f4f6;
    --ps-gray-200:       #e5e7eb;
    --ps-gray-300:       #d1d5db;
    --ps-gray-400:       #9ca3af;
    --ps-gray-500:       #6b7280;
    --ps-gray-600:       #4b5563;
    --ps-gray-700:       #374151;
    --ps-gray-800:       #1f2937;
    --ps-gray-900:       #111827;

    /* Semantic background tints */
    --ps-primary-bg:     #e8edf8;
    --ps-success-bg:     #d1fae5;
    --ps-success-text:   #065f46;
    --ps-danger-bg:      #fee2e2;
    --ps-danger-text:    #991b1b;
    --ps-warning-bg:     #fef3c7;
    --ps-warning-text:   #92400e;
    --ps-info-bg:        #dbeafe;
    --ps-info-text:      #1e40af;
    --ps-purple-bg:      #ede9fe;
    --ps-purple-text:    #5b21b6;

    /* Typography */
    --ps-font-family:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                         'Helvetica Neue', Arial, sans-serif;
    --ps-font-xs:        11px;
    --ps-font-sm:        12px;
    --ps-font-base:      13px;
    --ps-font-md:        14px;
    --ps-font-lg:        15px;
    --ps-font-xl:        16px;
    --ps-font-2xl:       18px;
    --ps-font-3xl:       22px;
    --ps-font-4xl:       28px;
    --ps-line-height:    1.5;

    /* Spacing scale */
    --ps-space-1:  4px;
    --ps-space-2:  8px;
    --ps-space-3:  12px;
    --ps-space-4:  16px;
    --ps-space-5:  20px;
    --ps-space-6:  24px;
    --ps-space-8:  32px;
    --ps-space-10: 40px;

    /* Border radius */
    --ps-radius-sm:   4px;
    --ps-radius-md:   6px;
    --ps-radius-lg:   8px;
    --ps-radius-xl:   12px;
    --ps-radius-pill:  20px;
    --ps-radius-full:  999px;

    /* Shadows */
    --ps-shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
    --ps-shadow-md:  0 2px 8px rgba(0,0,0,0.08);
    --ps-shadow-lg:  0 4px 16px rgba(0,0,0,0.10);
    --ps-shadow-xl:  0 8px 30px rgba(0,0,0,0.12);

    /* Transitions */
    --ps-transition: 0.2s ease;
}

/* Dark mode semantic tints */
html.dark-mode {
    --ps-primary-bg:     rgba(102, 126, 234, 0.15);
    --ps-success-bg:     rgba(40, 167, 69, 0.15);
    --ps-success-text:   #86efac;
    --ps-danger-bg:      rgba(220, 53, 69, 0.15);
    --ps-danger-text:    #fca5a5;
    --ps-warning-bg:     rgba(245, 158, 11, 0.15);
    --ps-warning-text:   #fcd34d;
    --ps-info-bg:        rgba(14, 165, 233, 0.15);
    --ps-info-text:      #7dd3fc;
    --ps-purple-bg:      rgba(139, 92, 246, 0.15);
    --ps-purple-text:    #c4b5fd;
}

/* Inline-style overrides for dark mode ----------------------------------------------------------------- */
/* These target common light inline backgrounds/colors in templates and replace them
   with the design system dark tokens. This is a defensive, temporary measure
   while templates are migrated to use classes/variables. */
html.dark-mode [style*="background:#fff"],
html.dark-mode [style*="background:#ffffff"],
html.dark-mode [style*="background: #fff"],
html.dark-mode [style*="background: #ffffff"],
html.dark-mode [style*="background:white"],
html.dark-mode [style*="background: white"],
html.dark-mode [style*="background:#f8f9fa"],
html.dark-mode [style*="background:#f3f4f6"],
html.dark-mode [style*="background:#f9f9f9"],
html.dark-mode [style*="background:#fef3c7"],
html.dark-mode [style*="background:#e3f2fd"],
html.dark-mode [style*="background:#f5f5f5"],
html.dark-mode [style*="background:#fff3cd"],
html.dark-mode [style*="background: linear-gradient(135deg, #667eea"],
html.dark-mode [style*="background: linear-gradient(135deg,#667eea"],
html.dark-mode [style*="background: linear-gradient(135deg, #007bff"],
html.dark-mode [style*="background: linear-gradient(135deg,#007bff"],
html.dark-mode [style*="background: linear-gradient(135deg, #28a745"],
html.dark-mode [style*="background: linear-gradient(135deg,#28a745"],
html.dark-mode [style*="background: linear-gradient(135deg, #fef9c3"],
html.dark-mode [style*="background: linear-gradient(135deg,#fef9c3" ] {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Also normalize inline text colors that are dark (so they contrast on dark backgrounds) */
html.dark-mode [style*="color:#333"],
html.dark-mode [style*="color: #333"],
html.dark-mode [style*="color:#1f2937"],
html.dark-mode [style*="color: #1f2937"],
html.dark-mode [style*="color:#374151"],
html.dark-mode [style*="color: #374151"],
html.dark-mode [style*="color:#4b5563"],
html.dark-mode [style*="color: #4b5563"],
html.dark-mode [style*="color:#6b7280"],
html.dark-mode [style*="color: #6b7280"],
html.dark-mode [style*="color:#666"],
html.dark-mode [style*="color: #666"] {
    color: var(--text-primary) !important;
}

/* End inline-style overrides */

/* Extended inline-style overrides for owner/superadmin templates --------------- */
html.dark-mode [style*="background-color:#fff"],
html.dark-mode [style*="background-color: #fff"],
html.dark-mode [style*="background-color:#ffffff"],
html.dark-mode [style*="background-color: #ffffff"],
html.dark-mode [style*="background-color:white"],
html.dark-mode [style*="background-color: white"],
html.dark-mode [style*="background-color:#f8f9fa"],
html.dark-mode [style*="background-color: #f8f9fa"],
html.dark-mode [style*="background-color:#f9f9f9"],
html.dark-mode [style*="background-color:#f3f4f6"],
html.dark-mode [style*="background-color:#f9fafb"],
html.dark-mode [style*="background-color:#f5f5f5"],
html.dark-mode [style*="background-color:#e5e7eb"],
html.dark-mode [style*="background-color:#fff3cd"],
html.dark-mode [style*="background-color:#fef3c7"],
html.dark-mode [style*="background-color:#fee2e2"],
html.dark-mode [style*="background-color:#e7f3ff"],
html.dark-mode [style*="background-color:#e8f4f8"],
html.dark-mode [style*="background-color:#e8f4fd"],
html.dark-mode [style*="background-color:#eff6ff"],
html.dark-mode [style*="background-color:#f0f9ff"],
html.dark-mode [style*="background-color:#f0f8e8"],
html.dark-mode [style*="background-color:#d1fae5"],
html.dark-mode [style*="background-color:#d4edda"],
html.dark-mode [style*="background-color:#e3f2fd"] {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

html.dark-mode [style*="background:#f3f4f6"],
html.dark-mode [style*="background: #f3f4f6"],
html.dark-mode [style*="background:#f9fafb"],
html.dark-mode [style*="background: #f9fafb"],
html.dark-mode [style*="background:#e5e7eb"],
html.dark-mode [style*="background: #e5e7eb"],
html.dark-mode [style*="background:#e7f3ff"],
html.dark-mode [style*="background: #e7f3ff"],
html.dark-mode [style*="background:#e8f4f8"],
html.dark-mode [style*="background: #e8f4f8"],
html.dark-mode [style*="background:#e8f4fd"],
html.dark-mode [style*="background: #e8f4fd"],
html.dark-mode [style*="background:#eff6ff"],
html.dark-mode [style*="background: #eff6ff"],
html.dark-mode [style*="background:#f0f9ff"],
html.dark-mode [style*="background: #f0f9ff"],
html.dark-mode [style*="background:#f0f8e8"],
html.dark-mode [style*="background: #f0f8e8"],
html.dark-mode [style*="background:#d1fae5"],
html.dark-mode [style*="background: #d1fae5"],
html.dark-mode [style*="background:#d4edda"],
html.dark-mode [style*="background: #d4edda"],
html.dark-mode [style*="background:#e3f2fd"],
html.dark-mode [style*="background: #e3f2fd"] {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

html.dark-mode [style*="color:#555"],
html.dark-mode [style*="color: #555"],
html.dark-mode [style*="color:#444"],
html.dark-mode [style*="color: #444"],
html.dark-mode [style*="color:#999"],
html.dark-mode [style*="color: #999"],
html.dark-mode [style*="color:#2c3e50"],
html.dark-mode [style*="color: #2c3e50"],
html.dark-mode [style*="color:#0c5460"],
html.dark-mode [style*="color: #0c5460"],
html.dark-mode [style*="color:#856404"],
html.dark-mode [style*="color: #856404"],
html.dark-mode [style*="color:#721c24"],
html.dark-mode [style*="color: #721c24"],
html.dark-mode [style*="color:#155724"],
html.dark-mode [style*="color: #155724"] {
    color: var(--text-primary) !important;
}

html.dark-mode [style*="border-color:#ddd"],
html.dark-mode [style*="border-color: #ddd"],
html.dark-mode [style*="border-color:#e5e7eb"],
html.dark-mode [style*="border-color: #e5e7eb"],
html.dark-mode [style*="border-color:#dee2e6"],
html.dark-mode [style*="border-color: #dee2e6"],
html.dark-mode [style*="border-color:#eee"],
html.dark-mode [style*="border-color: #eee"],
html.dark-mode [style*="border-color:#e0e0e0"],
html.dark-mode [style*="border-color: #e0e0e0"],
html.dark-mode [style*="border-color:#d1d5db"],
html.dark-mode [style*="border-color: #d1d5db"],
html.dark-mode [style*="border:1px solid #ddd"],
html.dark-mode [style*="border: 1px solid #ddd"],
html.dark-mode [style*="border:1px solid #e5e7eb"],
html.dark-mode [style*="border: 1px solid #e5e7eb"],
html.dark-mode [style*="border:1px solid #dee2e6"],
html.dark-mode [style*="border: 1px solid #dee2e6"],
html.dark-mode [style*="border:1px solid #eee"],
html.dark-mode [style*="border: 1px solid #eee"],
html.dark-mode [style*="border:1px solid #e0e0e0"],
html.dark-mode [style*="border: 1px solid #e0e0e0"],
html.dark-mode [style*="border:1px solid #d1d5db"],
html.dark-mode [style*="border: 1px solid #d1d5db"] {
    border-color: var(--border-color) !important;
}

/* Semantic inline backgrounds */
html.dark-mode [style*="background:#d1fae5"],
html.dark-mode [style*="background: #d1fae5"],
html.dark-mode [style*="background:#f0f8e8"],
html.dark-mode [style*="background: #f0f8e8"],
html.dark-mode [style*="background:#e8f4f8"],
html.dark-mode [style*="background: #e8f4f8"] {
    background: var(--ps-success-bg) !important;
    color: var(--ps-success-text) !important;
}
html.dark-mode [style*="background:#dbeafe"],
html.dark-mode [style*="background: #dbeafe"],
html.dark-mode [style*="background:#e7f3ff"],
html.dark-mode [style*="background: #e7f3ff"],
html.dark-mode [style*="background:#e8f4fd"],
html.dark-mode [style*="background: #e8f4fd"],
html.dark-mode [style*="background:#eff6ff"],
html.dark-mode [style*="background: #eff6ff"],
html.dark-mode [style*="background:#f0f9ff"],
html.dark-mode [style*="background: #f0f9ff"],
html.dark-mode [style*="background:#e3f2fd"],
html.dark-mode [style*="background: #e3f2fd"] {
    background: var(--ps-info-bg) !important;
    color: var(--ps-info-text) !important;
}
html.dark-mode [style*="background:#fef3c7"],
html.dark-mode [style*="background: #fef3c7"],
html.dark-mode [style*="background:#fff3cd"],
html.dark-mode [style*="background: #fff3cd"],
html.dark-mode [style*="background:#ffedd5"],
html.dark-mode [style*="background: #ffedd5"] {
    background: var(--ps-warning-bg) !important;
    color: var(--ps-warning-text) !important;
}
html.dark-mode [style*="background:#fee2e2"],
html.dark-mode [style*="background: #fee2e2"] {
    background: var(--ps-danger-bg) !important;
    color: var(--ps-danger-text) !important;
}
html.dark-mode [style*="background:#fce7f3"],
html.dark-mode [style*="background: #fce7f3"],
html.dark-mode [style*="background:#f3e8ff"],
html.dark-mode [style*="background: #f3e8ff"] {
    background: var(--ps-purple-bg) !important;
    color: var(--ps-purple-text) !important;
}

/* Semantic inline text colors */
html.dark-mode [style*="color:#1a1a2e"],
html.dark-mode [style*="color: #1a1a2e"] {
    color: var(--text-primary) !important;
}
html.dark-mode [style*="color:#059669"],
html.dark-mode [style*="color: #059669"],
html.dark-mode [style*="color:#065f46"],
html.dark-mode [style*="color: #065f46"] {
    color: var(--ps-success-text) !important;
}
html.dark-mode [style*="color:#1e40af"],
html.dark-mode [style*="color: #1e40af"],
html.dark-mode [style*="color:#0c5460"],
html.dark-mode [style*="color: #0c5460"] {
    color: var(--ps-info-text) !important;
}
html.dark-mode [style*="color:#92400e"],
html.dark-mode [style*="color: #92400e"],
html.dark-mode [style*="color:#9a3412"],
html.dark-mode [style*="color: #9a3412"],
html.dark-mode [style*="color:#856404"],
html.dark-mode [style*="color: #856404"] {
    color: var(--ps-warning-text) !important;
}
html.dark-mode [style*="color:#dc2626"],
html.dark-mode [style*="color: #dc2626"],
html.dark-mode [style*="color:#ef4444"],
html.dark-mode [style*="color: #ef4444"],
html.dark-mode [style*="color:#991b1b"],
html.dark-mode [style*="color: #991b1b"],
html.dark-mode [style*="color:#721c24"],
html.dark-mode [style*="color: #721c24"] {
    color: var(--ps-danger-text) !important;
}
html.dark-mode [style*="color:#6b21a8"],
html.dark-mode [style*="color: #6b21a8"],
html.dark-mode [style*="color:#9d174d"],
html.dark-mode [style*="color: #9d174d"],
html.dark-mode [style*="color:#5b21b6"],
html.dark-mode [style*="color: #5b21b6"] {
    color: var(--ps-purple-text) !important;
}

/* Material / dashboard palette text colors */
html.dark-mode [style*="color:#4caf50"],
html.dark-mode [style*="color: #4caf50"],
html.dark-mode [style*="color:#81c784"],
html.dark-mode [style*="color: #81c784"],
html.dark-mode [style*="color:#43e97b"],
html.dark-mode [style*="color: #43e97b"],
html.dark-mode [style*="color:#38f9d7"],
html.dark-mode [style*="color: #38f9d7"] {
    color: var(--ps-success-text) !important;
}
html.dark-mode [style*="color:#f44336"],
html.dark-mode [style*="color: #f44336"],
html.dark-mode [style*="color:#e74c3c"],
html.dark-mode [style*="color: #e74c3c"] {
    color: var(--ps-danger-text) !important;
}
html.dark-mode [style*="color:#ff9800"],
html.dark-mode [style*="color: #ff9800"],
html.dark-mode [style*="color:#f59e0b"],
html.dark-mode [style*="color: #f59e0b"],
html.dark-mode [style*="color:#f57f17"],
html.dark-mode [style*="color: #f57f17"] {
    color: var(--ps-warning-text) !important;
}
html.dark-mode [style*="color:#2196f3"],
html.dark-mode [style*="color: #2196f3"],
html.dark-mode [style*="color:#1565c0"],
html.dark-mode [style*="color: #1565c0"],
html.dark-mode [style*="color:#1e88e5"],
html.dark-mode [style*="color: #1e88e5"],
html.dark-mode [style*="color:#42a5f5"],
html.dark-mode [style*="color: #42a5f5"] {
    color: var(--ps-info-text) !important;
}
html.dark-mode [style*="color:#999"],
html.dark-mode [style*="color: #999"],
html.dark-mode [style*="color:#6c757d"],
html.dark-mode [style*="color: #6c757d"] {
    color: var(--text-secondary) !important;
}

/* Button/CTA gradients stay visible — keep text white */
html.dark-mode [style*="color: white"],
html.dark-mode [style*="color:white"],
html.dark-mode [style*="color: #fff"],
html.dark-mode [style*="color:#fff"] {
    color: #fff !important;
}

/* Navigation dropdown + chat widget dark mode overrides */
html.dark-mode .dropdown-menu,
html.dark-mode .nav-dropdown .dropdown-menu {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
html.dark-mode .dropdown-item,
html.dark-mode .nav-dropdown .dropdown-item {
    color: var(--text-primary) !important;
    background: transparent !important;
}
html.dark-mode .dropdown-item:hover,
html.dark-mode .nav-dropdown .dropdown-item:hover,
html.dark-mode .nav-dropdown .dropdown-item:active {
    background: var(--bg-table) !important;
    color: var(--text-primary) !important;
}

html.dark-mode #ps-chat-panel,
html.dark-mode #ps-incoming-call,
html.dark-mode #ps-active-call {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
html.dark-mode #ps-msg-input,
html.dark-mode #ps-msg-input:focus {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* Chat widget dark overrides */
html.dark-mode #ps-chat-input-bar {
    background: var(--bg-table) !important;
    border-color: var(--border-color) !important;
}
html.dark-mode .ps-tab {
    color: var(--text-secondary) !important;
    background: transparent !important;
    border-bottom-color: var(--border-color) !important;
}
html.dark-mode .ps-tab:hover {
    color: var(--text-primary) !important;
    background: var(--bg-table) !important;
}
html.dark-mode .ps-tab-active {
    color: var(--ps-primary, #667eea) !important;
    border-bottom-color: var(--ps-primary, #667eea) !important;
}
html.dark-mode .ps-conv-item,
html.dark-mode .ps-contact-item,
html.dark-mode .ps-call-item {
    border-color: var(--border-color) !important;
}
html.dark-mode .ps-conv-item:hover,
html.dark-mode .ps-contact-item:hover,
html.dark-mode .ps-conv-item:active,
html.dark-mode .ps-contact-item:active {
    background: var(--bg-table) !important;
}
html.dark-mode .ps-online-dot {
    border-color: var(--bg-card) !important;
}
html.dark-mode .ps-msg-other {
    background: var(--bg-table) !important;
    color: var(--text-primary) !important;
}
html.dark-mode .ps-msg-system {
    background: var(--ps-warning-bg) !important;
    color: var(--ps-warning-text) !important;
}
html.dark-mode .ps-call-meta-title,
html.dark-mode .ps-conv-name,
html.dark-mode .ps-contact-name {
    color: var(--text-primary) !important;
}
html.dark-mode .ps-call-meta-sub,
html.dark-mode .ps-conv-sub,
html.dark-mode .ps-contact-role,
html.dark-mode .ps-conv-time,
html.dark-mode .ps-conv-snippet,
html.dark-mode .ps-empty,
html.dark-mode .ps-group-title {
    color: var(--text-secondary) !important;
}
html.dark-mode .ps-group-title {
    background: var(--bg-table) !important;
}
html.dark-mode .ps-unread-badge {
    background: var(--ps-danger) !important;
    color: #fff !important;
}
html.dark-mode .ps-online-text {
    color: var(--ps-success) !important;
}
html.dark-mode .ps-wa-link {
    color: var(--ps-success) !important;
}

/* Verification / status badge helpers --------------------------------------------------- */
.status-badge-verified,
.status-badge-success { background: #d1fae5; color: #065f46; }
.status-badge-pending,
.status-badge-warning,
.status-badge-submitted,
.status-badge-in_review { background: #fef3c7; color: #92400e; }
.status-badge-rejected,
.status-badge-danger { background: #fee2e2; color: #991b1b; }
.status-badge-requires_resubmission,
.status-badge-purple { background: #f3e8ff; color: #7c3aed; }
.status-badge-default { background: #f3f4f6; color: #4b5563; }

html.dark-mode .status-badge-verified,
html.dark-mode .status-badge-success { background: var(--ps-success-bg) !important; color: var(--ps-success-text) !important; }
html.dark-mode .status-badge-pending,
html.dark-mode .status-badge-warning,
html.dark-mode .status-badge-submitted,
html.dark-mode .status-badge-in_review { background: var(--ps-warning-bg) !important; color: var(--ps-warning-text) !important; }
html.dark-mode .status-badge-rejected,
html.dark-mode .status-badge-danger { background: var(--ps-danger-bg) !important; color: var(--ps-danger-text) !important; }
html.dark-mode .status-badge-requires_resubmission,
html.dark-mode .status-badge-purple { background: var(--ps-purple-bg) !important; color: var(--ps-purple-text) !important; }
html.dark-mode .status-badge-default { background: var(--bg-table) !important; color: var(--text-secondary) !important; }

/* Status banner helpers (used in identity verification detail) --------------------------- */
.status-banner-verified,
.status-banner-success { background: #d1fae5; border-color: #059669; color: #065f46; }
.status-banner-pending,
.status-banner-warning,
.status-banner-submitted,
.status-banner-in_review { background: #fef3c7; border-color: #d97706; color: #92400e; }
.status-banner-rejected,
.status-banner-danger { background: #fee2e2; border-color: #dc2626; color: #991b1b; }
.status-banner-requires_resubmission,
.status-banner-purple { background: #f3e8ff; border-color: #7c3aed; color: #7c3aed; }
.status-banner-default { background: #f3f4f6; border-color: #6b7280; color: #4b5563; }

html.dark-mode .status-banner-verified,
html.dark-mode .status-banner-success { background: var(--ps-success-bg) !important; color: var(--ps-success-text) !important; }
html.dark-mode .status-banner-pending,
html.dark-mode .status-banner-warning,
html.dark-mode .status-banner-submitted,
html.dark-mode .status-banner-in_review { background: var(--ps-warning-bg) !important; color: var(--ps-warning-text) !important; }
html.dark-mode .status-banner-rejected,
html.dark-mode .status-banner-danger { background: var(--ps-danger-bg) !important; color: var(--ps-danger-text) !important; }
html.dark-mode .status-banner-requires_resubmission,
html.dark-mode .status-banner-purple { background: var(--ps-purple-bg) !important; color: var(--ps-purple-text) !important; }
html.dark-mode .status-banner-default { background: var(--bg-table) !important; color: var(--text-secondary) !important; }


/* ---------- Base Typography ---------- */
/* Global font override — ensures all pages use the design system font
   regardless of inline font-family declarations in templates */
body,
body * {
    font-family: var(--ps-font-family) !important;
}

/* Preserve emoji/icon rendering */
body .emoji, body [role="img"] {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
}

.ps-page {
    font-family: var(--ps-font-family);
    color: var(--ps-gray-800);
    line-height: var(--ps-line-height);
}


/* ---------- Buttons ---------- */
/* Base button */
.ps-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--ps-font-family);
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all var(--ps-transition);
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.4;
}
.ps-btn:hover {
    transform: translateY(-1px);
    text-decoration: none;
}
.ps-btn:active {
    transform: translateY(0);
}

/* Button sizes */
.ps-btn-xs {
    padding: 4px 10px;
    font-size: var(--ps-font-sm);
    border-radius: var(--ps-radius-sm);
}
.ps-btn-sm {
    padding: 6px 12px;
    font-size: var(--ps-font-base);
    border-radius: var(--ps-radius-md);
}
.ps-btn-md {
    padding: 8px 16px;
    font-size: var(--ps-font-base);
    border-radius: var(--ps-radius-md);
}
.ps-btn-lg {
    padding: 10px 20px;
    font-size: var(--ps-font-lg);
    border-radius: var(--ps-radius-lg);
}
.ps-btn-xl {
    padding: 12px 24px;
    font-size: var(--ps-font-xl);
    border-radius: var(--ps-radius-lg);
}

/* Button colors */
.ps-btn-primary {
    background: var(--ps-primary);
    color: #fff;
}
.ps-btn-primary:hover { background: var(--ps-primary-dark); color: #fff; }

.ps-btn-gradient {
    background: var(--ps-gradient);
    color: #fff;
}
.ps-btn-gradient:hover { filter: brightness(1.08); color: #fff; }

.ps-btn-success {
    background: var(--ps-success);
    color: #fff;
}
.ps-btn-success:hover { background: var(--ps-success-dark); color: #fff; }

.ps-btn-danger {
    background: var(--ps-danger);
    color: #fff;
}
.ps-btn-danger:hover { background: var(--ps-danger-dark); color: #fff; }

.ps-btn-warning {
    background: var(--ps-warning);
    color: #fff;
}
.ps-btn-warning:hover { background: var(--ps-warning-dark); color: #fff; }

.ps-btn-info {
    background: var(--ps-info);
    color: #fff;
}
.ps-btn-info:hover { background: var(--ps-info-dark); color: #fff; }

.ps-btn-purple {
    background: var(--ps-purple);
    color: #fff;
}
.ps-btn-purple:hover { background: var(--ps-purple-dark); color: #fff; }

.ps-btn-orange {
    background: var(--ps-orange);
    color: #fff;
}
.ps-btn-orange:hover { background: #ea580c; color: #fff; }

.ps-btn-gray {
    background: var(--ps-gray-500);
    color: #fff;
}
.ps-btn-gray:hover { background: var(--ps-gray-600); color: #fff; }

/* Outline buttons */
.ps-btn-outline-primary {
    background: transparent;
    color: var(--ps-primary);
    border: 1.5px solid var(--ps-primary);
}
.ps-btn-outline-primary:hover { background: var(--ps-primary); color: #fff; }

.ps-btn-outline-info {
    background: var(--ps-info-bg);
    color: var(--ps-info);
    border: 1.5px solid var(--ps-info);
}
.ps-btn-outline-info:hover { background: var(--ps-info); color: #fff; }

.ps-btn-outline-success {
    background: transparent;
    color: var(--ps-success);
    border: 1.5px solid var(--ps-success);
}
.ps-btn-outline-success:hover { background: var(--ps-success); color: #fff; }

.ps-btn-outline-danger {
    background: transparent;
    color: var(--ps-danger);
    border: 1.5px solid var(--ps-danger);
}
.ps-btn-outline-danger:hover { background: var(--ps-danger); color: #fff; }

/* Gradient button variants */
.ps-btn-grad-success {
    background: linear-gradient(135deg, #28a745, #20c997);
    color: #fff;
    box-shadow: 0 2px 6px rgba(40,167,69,0.3);
}
.ps-btn-grad-success:hover { filter: brightness(1.08); color: #fff; }

.ps-btn-grad-purple {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    box-shadow: 0 2px 6px rgba(99,102,241,0.3);
}
.ps-btn-grad-purple:hover { filter: brightness(1.08); color: #fff; }

.ps-btn-grad-orange {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    box-shadow: 0 2px 6px rgba(217,119,6,0.3);
}
.ps-btn-grad-orange:hover { filter: brightness(1.08); color: #fff; }

.ps-btn-grad-blue {
    background: linear-gradient(135deg, #1565C0, #1976D2);
    color: #fff;
    box-shadow: 0 2px 6px rgba(21,101,192,0.3);
}
.ps-btn-grad-blue:hover { filter: brightness(1.08); color: #fff; }

.ps-btn-grad-danger {
    background: linear-gradient(135deg, #dc3545, #ee5a24);
    color: #fff;
    box-shadow: 0 2px 6px rgba(220,53,69,0.3);
}
.ps-btn-grad-danger:hover { filter: brightness(1.08); color: #fff; }


/* ---------- Badges ---------- */
.ps-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--ps-font-family);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
}
.ps-badge-sm {
    padding: 3px 8px;
    font-size: var(--ps-font-xs);
    border-radius: var(--ps-radius-sm);
}
.ps-badge-md {
    padding: 4px 12px;
    font-size: var(--ps-font-sm);
    border-radius: var(--ps-radius-md);
}
.ps-badge-pill {
    padding: 4px 12px;
    font-size: var(--ps-font-sm);
    border-radius: var(--ps-radius-full);
}
.ps-badge-lg {
    padding: 6px 14px;
    font-size: var(--ps-font-base);
    border-radius: var(--ps-radius-pill);
}

/* Badge colors */
.ps-badge-success { background: var(--ps-success-bg); color: var(--ps-success-text); }
.ps-badge-danger  { background: var(--ps-danger-bg);  color: var(--ps-danger-text);  }
.ps-badge-warning { background: var(--ps-warning-bg); color: var(--ps-warning-text); }
.ps-badge-info    { background: var(--ps-info-bg);    color: var(--ps-info-text);    }
.ps-badge-purple  { background: var(--ps-purple-bg);  color: var(--ps-purple-text);  }
.ps-badge-gray    { background: var(--ps-gray-200);   color: var(--ps-gray-600);     }
.ps-badge-primary {
    background: var(--ps-primary);
    color: #fff;
}
.ps-badge-count {
    background: var(--ps-primary);
    color: #fff;
    padding: 2px 10px;
    border-radius: var(--ps-radius-pill);
    font-size: var(--ps-font-base);
    font-weight: 700;
}


/* ---------- Cards ---------- */
.ps-card {
    background: white;
    border: 1px solid var(--ps-gray-200);
    border-radius: var(--ps-radius-xl);
    box-shadow: var(--ps-shadow-md);
    overflow: hidden;
}
.ps-card-body {
    padding: var(--ps-space-5);
}
.ps-card-header {
    padding: var(--ps-space-4) var(--ps-space-5);
    border-bottom: 1px solid var(--ps-gray-100);
    font-weight: 600;
    font-size: var(--ps-font-lg);
}
.ps-card-footer {
    padding: var(--ps-space-3) var(--ps-space-5);
    background: var(--ps-gray-50);
    border-top: 1px solid var(--ps-gray-100);
}

/* Card with gradient header */
.ps-card-gradient-header {
    background: var(--ps-gradient);
    color: #fff;
    padding: var(--ps-space-6) var(--ps-space-8);
    border-radius: var(--ps-radius-xl);
}
.ps-card-gradient-header h1,
.ps-card-gradient-header h2,
.ps-card-gradient-header h3 {
    color: #fff;
    margin: 0;
}


/* ---------- Alerts ---------- */
.ps-alert {
    padding: var(--ps-space-3) var(--ps-space-4);
    border-radius: var(--ps-radius-lg);
    font-size: var(--ps-font-md);
    line-height: 1.5;
    border-left: 4px solid transparent;
}
.ps-alert-success {
    background: var(--ps-success-bg);
    color: var(--ps-success-text);
    border-left-color: var(--ps-success);
}
.ps-alert-danger {
    background: var(--ps-danger-bg);
    color: var(--ps-danger-text);
    border-left-color: var(--ps-danger);
}
.ps-alert-warning {
    background: var(--ps-warning-bg);
    color: var(--ps-warning-text);
    border-left-color: var(--ps-warning);
}
.ps-alert-info {
    background: var(--ps-info-bg);
    color: var(--ps-info-text);
    border-left-color: var(--ps-info);
}


/* ---------- Tables ---------- */
.ps-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--ps-font-md);
}
.ps-table th {
    background: var(--ps-gray-50);
    border-bottom: 2px solid var(--ps-gray-200);
    padding: var(--ps-space-3) var(--ps-space-4);
    text-align: left;
    font-weight: 600;
    font-size: var(--ps-font-base);
    color: var(--ps-gray-600);
    white-space: nowrap;
}
.ps-table td {
    padding: var(--ps-space-3) var(--ps-space-4);
    border-bottom: 1px solid var(--ps-gray-100);
    color: var(--ps-gray-700);
}
.ps-table tbody tr:hover {
    background: var(--ps-gray-50);
}


/* ---------- Status Colors ---------- */
.ps-status-paid,
.ps-status-confirmed,
.ps-status-approved,
.ps-status-active {
    background: var(--ps-success-bg);
    color: var(--ps-success-text);
}
.ps-status-pending,
.ps-status-reserved,
.ps-status-waiting {
    background: var(--ps-warning-bg);
    color: var(--ps-warning-text);
}
.ps-status-overdue,
.ps-status-cancelled,
.ps-status-rejected,
.ps-status-failed {
    background: var(--ps-danger-bg);
    color: var(--ps-danger-text);
}
.ps-status-partial {
    background: var(--ps-info-bg);
    color: var(--ps-info-text);
}


/* ---------- Section Headings ---------- */
.ps-section-title {
    font-size: var(--ps-font-2xl);
    font-weight: 700;
    color: var(--ps-gray-800);
    margin-bottom: var(--ps-space-4);
}
.ps-section-subtitle {
    font-size: var(--ps-font-md);
    color: var(--ps-gray-500);
    margin-bottom: var(--ps-space-5);
}


/* ---------- Empty States ---------- */
.ps-empty-state {
    text-align: center;
    padding: var(--ps-space-10) var(--ps-space-6);
    border: 2px dashed var(--ps-gray-200);
    border-radius: var(--ps-radius-xl);
    color: var(--ps-gray-400);
}
.ps-empty-state-icon {
    font-size: 48px;
    margin-bottom: var(--ps-space-4);
    opacity: 0.5;
}
.ps-empty-state-text {
    font-size: var(--ps-font-xl);
    font-weight: 600;
    color: var(--ps-gray-500);
    margin-bottom: var(--ps-space-2);
}
.ps-empty-state-hint {
    font-size: var(--ps-font-md);
    color: var(--ps-gray-400);
}


/* ---------- Page Layout ---------- */
.ps-page-wrapper {
    width: 100%;
    margin: 0;
    padding: 0 var(--ps-space-5);
}
.ps-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--ps-space-3);
    margin-bottom: var(--ps-space-6);
}


/* ---------- Tabs ---------- */
.ps-tabs {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
}
.ps-tab {
    padding: var(--ps-space-3) var(--ps-space-6);
    font-size: var(--ps-font-lg);
    font-weight: 600;
    cursor: pointer;
    border: none;
    background: var(--ps-gray-100);
    color: var(--ps-gray-500);
    border-radius: var(--ps-radius-lg) var(--ps-radius-lg) 0 0;
    transition: all var(--ps-transition);
}
.ps-tab:hover {
    background: var(--ps-gray-200);
    color: var(--ps-gray-700);
}
.ps-tab.active {
    background: var(--ps-success);
    color: #fff;
}
.ps-tab-panel {
    border: 2px solid var(--ps-gray-200);
    border-radius: 0 0 var(--ps-radius-lg) var(--ps-radius-lg);
    padding: var(--ps-space-5);
    background: white;
}


/* ---------- Grid Utilities ---------- */
.ps-grid {
    display: grid;
    gap: var(--ps-space-4);
}
.ps-grid-2 { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.ps-grid-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.ps-grid-4 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }


/* ---------- Flex Utilities ---------- */
.ps-flex       { display: flex; }
.ps-flex-wrap  { flex-wrap: wrap; }
.ps-flex-col   { flex-direction: column; }
.ps-items-center { align-items: center; }
.ps-justify-between { justify-content: space-between; }
.ps-justify-center  { justify-content: center; }
.ps-gap-1 { gap: var(--ps-space-1); }
.ps-gap-2 { gap: var(--ps-space-2); }
.ps-gap-3 { gap: var(--ps-space-3); }
.ps-gap-4 { gap: var(--ps-space-4); }


/* ---------- Spacing Utilities ---------- */
.ps-mt-1 { margin-top: var(--ps-space-1); }
.ps-mt-2 { margin-top: var(--ps-space-2); }
.ps-mt-3 { margin-top: var(--ps-space-3); }
.ps-mt-4 { margin-top: var(--ps-space-4); }
.ps-mt-5 { margin-top: var(--ps-space-5); }
.ps-mb-1 { margin-bottom: var(--ps-space-1); }
.ps-mb-2 { margin-bottom: var(--ps-space-2); }
.ps-mb-3 { margin-bottom: var(--ps-space-3); }
.ps-mb-4 { margin-bottom: var(--ps-space-4); }
.ps-mb-5 { margin-bottom: var(--ps-space-5); }


/* ---------- Text Utilities ---------- */
.ps-text-xs    { font-size: var(--ps-font-xs); }
.ps-text-sm    { font-size: var(--ps-font-sm); }
.ps-text-base  { font-size: var(--ps-font-base); }
.ps-text-md    { font-size: var(--ps-font-md); }
.ps-text-lg    { font-size: var(--ps-font-lg); }
.ps-text-xl    { font-size: var(--ps-font-xl); }
.ps-text-2xl   { font-size: var(--ps-font-2xl); }
.ps-text-3xl   { font-size: var(--ps-font-3xl); }
.ps-text-bold  { font-weight: 700; }
.ps-text-semi  { font-weight: 600; }
.ps-text-muted { color: var(--ps-gray-500); }
.ps-text-center { text-align: center; }


/* ---------- Icon Container ---------- */
.ps-icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--ps-radius-lg);
    font-size: 20px;
    flex-shrink: 0;
}
.ps-icon-box-sm {
    width: 32px;
    height: 32px;
    border-radius: var(--ps-radius-md);
    font-size: 16px;
}


/* ---------- Avatar ---------- */
.ps-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    background: var(--ps-gradient);
}
.ps-avatar-sm  { width: 32px; height: 32px; font-size: var(--ps-font-sm); }
.ps-avatar-md  { width: 44px; height: 44px; font-size: var(--ps-font-lg); }
.ps-avatar-lg  { width: 56px; height: 56px; font-size: var(--ps-font-2xl); }


/* ---------- Pagination ---------- */
.ps-pagination {
    display: flex;
    gap: var(--ps-space-2);
    justify-content: center;
    align-items: center;
    margin-top: var(--ps-space-5);
    flex-wrap: wrap;
}
.ps-pagination a,
.ps-pagination span {
    padding: var(--ps-space-2) var(--ps-space-3);
    border-radius: var(--ps-radius-md);
    font-size: var(--ps-font-base);
    font-weight: 600;
    text-decoration: none;
    border: 1px solid var(--ps-gray-300);
    color: var(--ps-gray-600);
    transition: all var(--ps-transition);
}
.ps-pagination a:hover {
    background: var(--ps-gray-100);
    border-color: var(--ps-primary);
    color: var(--ps-primary);
}
.ps-pagination .active {
    background: var(--ps-primary);
    color: #fff;
    border-color: var(--ps-primary);
}


/* ---------- Form Controls ---------- */
.ps-input,
.ps-select,
.ps-textarea {
    font-family: var(--ps-font-family);
    font-size: var(--ps-font-md);
    padding: var(--ps-space-2) var(--ps-space-3);
    border: 1.5px solid var(--ps-gray-300);
    border-radius: var(--ps-radius-md);
    background: white;
    color: var(--ps-gray-800);
    transition: border-color var(--ps-transition);
    width: 100%;
}
.ps-input:focus,
.ps-select:focus,
.ps-textarea:focus {
    outline: none;
    border-color: var(--ps-primary);
    box-shadow: 0 0 0 3px rgba(102,126,234,0.15);
}


/* ---------- Search Box ---------- */
.ps-search {
    display: flex;
    align-items: center;
    gap: var(--ps-space-2);
    background: var(--ps-gray-50);
    border: 2px solid var(--ps-gray-200);
    border-radius: var(--ps-radius-lg);
    padding: var(--ps-space-2) var(--ps-space-3);
    transition: border-color var(--ps-transition);
}
.ps-search:focus-within {
    border-color: var(--ps-primary);
    background: white;
}
.ps-search input {
    border: none;
    background: transparent;
    outline: none;
    font-size: var(--ps-font-md);
    width: 100%;
    color: var(--ps-gray-800);
}


/* ---------- Space-Type Color Utilities ---------- */
.ps-type-residential { --type-color: #667eea; --type-bg: white; }
.ps-type-commercial  { --type-color: #28a745; --type-bg: #f0fff4; }
.ps-type-event       { --type-color: #dc3545; --type-bg: #fff5f5; }
.ps-type-shortstay   { --type-color: #0ea5e9; --type-bg: #f0f9ff; }

.ps-type-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: var(--ps-space-2) var(--ps-space-4);
    border-radius: var(--ps-radius-pill);
    font-size: var(--ps-font-md);
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all var(--ps-transition);
}
.ps-type-pill:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}
.ps-type-pill.residential { background: linear-gradient(135deg, #667eea, #764ba2); }
.ps-type-pill.commercial  { background: linear-gradient(135deg, #28a745, #20c997); }
.ps-type-pill.event       { background: linear-gradient(135deg, #dc3545, #ee5a24); }
.ps-type-pill.shortstay   { background: linear-gradient(135deg, #0ea5e9, #06b6d4); }


/* ---------- Responsive (mobile-first overrides) ---------- */
@media (max-width: 768px) {
    .ps-page-wrapper {
        padding: 0 var(--ps-space-3);
        margin: var(--ps-space-4) auto;
    }
    .ps-btn-lg,
    .ps-btn-xl {
        padding: 12px 16px;
        font-size: var(--ps-font-xl);
        width: 100%;
    }
    .ps-grid-2,
    .ps-grid-3,
    .ps-grid-4 {
        grid-template-columns: 1fr;
    }
    .ps-tabs {
        overflow-x: auto;
    }
    .ps-tab {
        flex: 1;
        min-width: max-content;
        padding: var(--ps-space-3) var(--ps-space-4);
        font-size: var(--ps-font-md);
    }
    .ps-table {
        font-size: var(--ps-font-base);
    }
    .ps-table th,
    .ps-table td {
        padding: var(--ps-space-2) var(--ps-space-3);
    }
}


/* ---------- Utility: JS-driven visibility toggle ---------- */
.u-hidden { display: none !important; }

/* ---------- Dark Mode Design System Overrides ---------- */
html.dark-mode .ps-page { color: var(--text-primary, #f1f5f9); }
html.dark-mode .ps-card { background: var(--bg-card, #1e293b); border-color: var(--border-color, #334155); }
html.dark-mode .ps-card-header { border-bottom-color: var(--border-color, #334155); }
html.dark-mode .ps-card-footer { background: var(--bg-table, #1e293b); border-top-color: var(--border-color, #334155); }
html.dark-mode .ps-section-title { color: var(--text-primary, #f1f5f9); }
html.dark-mode .ps-section-subtitle { color: var(--text-secondary, #94a3b8); }
html.dark-mode .ps-table th { background: var(--bg-table, #1e293b); color: var(--text-secondary, #94a3b8); border-bottom-color: var(--border-color, #334155); }
html.dark-mode .ps-table td { color: var(--text-primary, #f1f5f9); border-bottom-color: var(--border-color, #334155); }
html.dark-mode .ps-table tbody tr:hover { background: rgba(255,255,255,0.03); }
html.dark-mode .ps-alert-success { background: rgba(40,167,69,0.15); color: #86efac; border-left-color: #28a745; }
html.dark-mode .ps-alert-danger { background: rgba(220,53,69,0.15); color: #fca5a5; border-left-color: #dc3545; }
html.dark-mode .ps-alert-warning { background: rgba(245,158,11,0.15); color: #fcd34d; border-left-color: #f59e0b; }
html.dark-mode .ps-alert-info { background: rgba(14,165,233,0.15); color: #7dd3fc; border-left-color: #0ea5e9; }
html.dark-mode .ps-input, html.dark-mode .ps-select, html.dark-mode .ps-textarea { background: var(--bg-card, #1e293b); color: var(--text-primary, #f1f5f9); border-color: var(--border-color, #334155); }
html.dark-mode .ps-input:focus, html.dark-mode .ps-select:focus, html.dark-mode .ps-textarea:focus { box-shadow: 0 0 0 3px rgba(102,126,234,0.25); }
html.dark-mode .ps-search { background: var(--bg-table, #1e293b); border-color: var(--border-color, #334155); }
html.dark-mode .ps-search input { color: var(--text-primary, #f1f5f9); }
html.dark-mode .ps-tab { background: var(--bg-table, #1e293b); color: var(--text-secondary, #94a3b8); }
html.dark-mode .ps-tab:hover { background: var(--border-color, #334155); color: var(--text-primary, #f1f5f9); }
html.dark-mode .ps-tab-panel { background: var(--bg-card, #1e293b); border-color: var(--border-color, #334155); }
html.dark-mode .ps-empty-state { border-color: var(--border-color, #334155); color: var(--text-secondary, #94a3b8); }
html.dark-mode .ps-empty-state-text { color: var(--text-primary, #f1f5f9); }
html.dark-mode .ps-pagination a, html.dark-mode .ps-pagination span { border-color: var(--border-color, #334155); color: var(--text-secondary, #94a3b8); }
html.dark-mode .ps-pagination a:hover { background: var(--bg-table, #1e293b); color: var(--ps-primary, #667eea); }
html.dark-mode .ps-icon-box { background: rgba(102,126,234,0.15); }
html.dark-mode .ps-badge-success { background: rgba(40,167,69,0.15); color: #86efac; }
html.dark-mode .ps-badge-danger { background: rgba(220,53,69,0.15); color: #fca5a5; }
html.dark-mode .ps-badge-warning { background: rgba(245,158,11,0.15); color: #fcd34d; }
html.dark-mode .ps-badge-info { background: rgba(14,165,233,0.15); color: #7dd3fc; }
html.dark-mode .ps-badge-gray { background: var(--bg-table, #1e293b); color: var(--text-secondary, #94a3b8); }

/* ---------- Dark Mode Rescue for Inline/Hardcoded Colors ---------- */
/* Many templates use inline style="..." with light-mode colors. These rules
   apply !important overrides only when html.dark-mode is active so the pages
   remain readable without editing every template immediately. */

/* Hardcoded light backgrounds on divs/sections */
html.dark-mode div[style*="background-color: #e3f2fd"],
html.dark-mode div[style*="background-color: #e6f3ff"],
html.dark-mode div[style*="background: #e6f3ff"],
html.dark-mode div[style*="background-color: #f0f0f0"],
html.dark-mode div[style*="background-color: #f9f9f9"],
html.dark-mode div[style*="background-color: #f8f9fa"],
html.dark-mode div[style*="background-color: #f8faff"],
html.dark-mode div[style*="background: white"],
html.dark-mode div[style*="background: #fff"],
html.dark-mode div[style*="background-color: #fff"],
html.dark-mode div[style*="background-color: #ffffff"],
html.dark-mode div[style*="background: #ffffff"],
html.dark-mode div[style*="background-color: #e9ecef"],
html.dark-mode div[style*="background-color: #e7f3ff"],
html.dark-mode div[style*="background: #e7f3ff"],
html.dark-mode div[style*="background-color: #fff3ea"],
html.dark-mode div[style*="background-color: rgba(255,255,255,0.7)"],
html.dark-mode div[style*="background-color: rgba(255, 255, 255, 0.7)"],
html.dark-mode div[style*="background: rgba(255,255,255,0.7)"],
html.dark-mode div[style*="background: rgba(255, 255, 255, 0.7)"],
html.dark-mode section[style*="background: #fff"] {
    background: var(--bg-card, #1e293b) !important;
    background-color: var(--bg-card, #1e293b) !important;
}

/* Semantic tint backgrounds */
html.dark-mode div[style*="background-color: #fff3cd"],
html.dark-mode div[style*="background-color: #d1fae5"],
html.dark-mode div[style*="background-color: #fee2e2"],
html.dark-mode div[style*="background-color: #fef3c7"],
html.dark-mode div[style*="background-color: #ede9fe"],
html.dark-mode div[style*="background-color: #dbeafe"],
html.dark-mode span[style*="background: #e3f2fd"],
html.dark-mode span[style*="background-color: #e3f2fd"],
html.dark-mode span[style*="background: #dbeafe"],
html.dark-mode span[style*="background-color: #dbeafe"],
html.dark-mode span[style*="background: #28a745"],
html.dark-mode span[style*="background: #ffc107"],
html.dark-mode span[style*="background: #e9ecef"] {
    background: var(--bg-table, #1e293b) !important;
    background-color: var(--bg-table, #1e293b) !important;
}

/* Hardcoded dark text colors */
html.dark-mode h2[style*="color: #333"],
html.dark-mode h3[style*="color: #333"],
html.dark-mode h4[style*="color: #333"],
html.dark-mode p[style*="color: #333"],
html.dark-mode div[style*="color: #333"],
html.dark-mode h2[style*="color: #222"],
html.dark-mode h3[style*="color: #222"],
html.dark-mode h4[style*="color: #222"],
html.dark-mode p[style*="color: #222"],
html.dark-mode div[style*="color: #222"],
html.dark-mode h3[style*="color: #2c3e50"],
html.dark-mode h3[style*="color: #1565c0"],
html.dark-mode h2[style*="color: #555"],
html.dark-mode h3[style*="color: #555"],
html.dark-mode h4[style*="color: #555"],
html.dark-mode p[style*="color: #555"],
html.dark-mode div[style*="color: #555"],
html.dark-mode h2[style*="color: #444"],
html.dark-mode h3[style*="color: #444"],
html.dark-mode h4[style*="color: #444"],
html.dark-mode p[style*="color: #444"],
html.dark-mode div[style*="color: #444"],
html.dark-mode h2[style*="color: #666"],
html.dark-mode h3[style*="color: #666"],
html.dark-mode h4[style*="color: #666"],
html.dark-mode p[style*="color: #666"],
html.dark-mode div[style*="color: #666"],
html.dark-mode h2[style*="color: #777"],
html.dark-mode h3[style*="color: #777"],
html.dark-mode h4[style*="color: #777"],
html.dark-mode p[style*="color: #777"],
html.dark-mode div[style*="color: #777"],
html.dark-mode h2[style*="color: #888"],
html.dark-mode h3[style*="color: #888"],
html.dark-mode h4[style*="color: #888"],
html.dark-mode p[style*="color: #888"],
html.dark-mode div[style*="color: #888"],
html.dark-mode h2[style*="color: #999"],
html.dark-mode h3[style*="color: #999"],
html.dark-mode h4[style*="color: #999"],
html.dark-mode p[style*="color: #999"],
html.dark-mode div[style*="color: #999"],
html.dark-mode h2[style*="color: #000"],
html.dark-mode h3[style*="color: #000"],
html.dark-mode h4[style*="color: #000"],
html.dark-mode p[style*="color: #000"],
html.dark-mode div[style*="color: #000"],
html.dark-mode h2[style*="color: #000000"],
html.dark-mode h3[style*="color: #000000"],
html.dark-mode h4[style*="color: #000000"],
html.dark-mode p[style*="color: #000000"],
html.dark-mode div[style*="color: #000000"],
html.dark-mode h2[style*="color: #212529"],
html.dark-mode h3[style*="color: #212529"],
html.dark-mode h4[style*="color: #212529"],
html.dark-mode p[style*="color: #212529"],
html.dark-mode div[style*="color: #212529"],
html.dark-mode h2[style*="color: #1d1c1a"],
html.dark-mode h3[style*="color: #1d1c1a"],
html.dark-mode h4[style*="color: #1d1c1a"],
html.dark-mode p[style*="color: #1d1c1a"],
html.dark-mode div[style*="color: #1d1c1a"],
html.dark-mode h2[style*="color: #6b7280"],
html.dark-mode h3[style*="color: #6b7280"],
html.dark-mode h4[style*="color: #6b7280"],
html.dark-mode p[style*="color: #6b7280"],
html.dark-mode div[style*="color: #6b7280"],
html.dark-mode h2[style*="color: #6c757d"],
html.dark-mode h3[style*="color: #6c757d"],
html.dark-mode h4[style*="color: #6c757d"],
html.dark-mode p[style*="color: #6c757d"],
html.dark-mode div[style*="color: #6c757d"],
html.dark-mode h2[style*="color: #343a40"],
html.dark-mode h3[style*="color: #343a40"],
html.dark-mode p[style*="color: #343a40"],
html.dark-mode div[style*="color: #343a40"],
html.dark-mode h2[style*="color: #495057"],
html.dark-mode h3[style*="color: #495057"],
html.dark-mode p[style*="color: #495057"],
html.dark-mode div[style*="color: #495057"],
html.dark-mode span[style*="color: #333"],
html.dark-mode span[style*="color: #222"],
html.dark-mode span[style*="color: #444"],
html.dark-mode span[style*="color: #555"],
html.dark-mode span[style*="color: #666"],
html.dark-mode span[style*="color: #777"],
html.dark-mode span[style*="color: #888"],
html.dark-mode span[style*="color: #999"],
html.dark-mode span[style*="color: #000"],
html.dark-mode span[style*="color: #000000"],
html.dark-mode span[style*="color: #212529"],
html.dark-mode span[style*="color: #1d1c1a"],
html.dark-mode span[style*="color: #6c757d"],
html.dark-mode span[style*="color: #374151"],
html.dark-mode span[style*="color: #1f2937"],
html.dark-mode span[style*="color: #4b5563"],
html.dark-mode small[style*="color: #333"],
html.dark-mode small[style*="color: #222"],
html.dark-mode small[style*="color: #444"],
html.dark-mode small[style*="color: #555"],
html.dark-mode small[style*="color: #777"],
html.dark-mode small[style*="color: #888"],
html.dark-mode small[style*="color: #999"],
html.dark-mode small[style*="color: #000"],
html.dark-mode small[style*="color: #000000"],
html.dark-mode small[style*="color: #212529"],
html.dark-mode small[style*="color: #1d1c1a"],
html.dark-mode small[style*="color: #1f2937"],
html.dark-mode small[style*="color: #374151"],
html.dark-mode small[style*="color: #4b5563"],
html.dark-mode label[style*="color: #333"],
html.dark-mode label[style*="color: #222"],
html.dark-mode label[style*="color: #444"],
html.dark-mode label[style*="color: #555"],
html.dark-mode label[style*="color: #666"],
html.dark-mode label[style*="color: #777"],
html.dark-mode label[style*="color: #888"],
html.dark-mode label[style*="color: #999"],
html.dark-mode label[style*="color: #000"],
html.dark-mode label[style*="color: #000000"],
html.dark-mode label[style*="color: #212529"],
html.dark-mode label[style*="color: #1d1c1a"],
html.dark-mode label[style*="color: #6c757d"],
html.dark-mode label[style*="color: #374151"],
html.dark-mode label[style*="color: #1f2937"],
html.dark-mode label[style*="color: #4b5563"] {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Inline link colors that go dark/invisible */
html.dark-mode a[style*="color: #2c3e50"],
html.dark-mode a[style*="color: #333"],
html.dark-mode a[style*="color: #444"],
html.dark-mode a[style*="color: #555"],
html.dark-mode a[style*="color: #666"],
html.dark-mode a[style*="color: #000"],
html.dark-mode a[style*="color: #000000"],
html.dark-mode a[style*="color: #212529"],
html.dark-mode a[style*="color: #1f2937"],
html.dark-mode a[style*="color: #374151"],
html.dark-mode a[style*="color: #4b5563"] {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Success / status badge text colors */
html.dark-mode span[style*="color: #155724"],
html.dark-mode span[style*="color: #065f46"],
html.dark-mode span[style*="color: #166534"],
html.dark-mode strong[style*="color: #333"],
html.dark-mode strong[style*="color: #444"],
html.dark-mode strong[style*="color: #555"],
html.dark-mode strong[style*="color: #666"] {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Warning helper text */
html.dark-mode small[style*="color: #856404"],
html.dark-mode span[style*="color: #856404"],
html.dark-mode label[style*="color: #856404"] {
    color: var(--ps-warning-text, #fcd34d) !important;
}
html.dark-mode span[style*="color: #1565c0"] {
    color: var(--ps-info, #38bdf8) !important;
}
html.dark-mode h3[style*="color: #92400e"],
html.dark-mode span[style*="color: #92400e"] {
    color: #fcd34d !important;
}
html.dark-mode h3[style*="color: #5b21b6"],
html.dark-mode span[style*="color: #5b21b6"] {
    color: #c4b5fd !important;
}

/* Secondary/muted text colors */
html.dark-mode p[style*="color: #6b7280"],
html.dark-mode span[style*="color: #6b7280"],
html.dark-mode div[style*="color: #6b7280"],
html.dark-mode p[style*="color: #9ca3af"],
html.dark-mode span[style*="color: #9ca3af"],
html.dark-mode div[style*="color: #9ca3af"],
html.dark-mode small[style*="color: #666"],
html.dark-mode small[style*="color: #6b7280"] {
    color: var(--text-secondary, #94a3b8) !important;
}

/* Gray secondary buttons/links */
html.dark-mode a[style*="background-color: #f0f0f0"],
html.dark-mode a[style*="background: #f0f0f0"],
html.dark-mode a[style*="color: #333"][style*="background-color: #f0f0f0"],
html.dark-mode button[style*="background-color: #6c757d"],
html.dark-mode button[style*="background: #6c757d"],
html.dark-mode a[style*="background-color: #6c757d"],
html.dark-mode a[style*="background: #6c757d"] {
    background: var(--bg-table, #1e293b) !important;
    background-color: var(--bg-table, #1e293b) !important;
    color: var(--text-primary, #f1f5f9) !important;
}

/* Info labels / values */
html.dark-mode .info-value,
html.dark-mode .timeline-desc {
    color: var(--text-secondary, #94a3b8) !important;
}
html.dark-mode .timeline-title,
html.dark-mode .item-name {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Common class-based description / help / label text that disappears in dark mode */
html.dark-mode .help-text,
html.dark-mode .tool-description,
html.dark-mode .notice-board-desc,
html.dark-mode .click-hint,
html.dark-mode .sf-help,
html.dark-mode .mf-help,
html.dark-mode .ep-help,
html.dark-mode .ep-check-help,
html.dark-mode .au-help,
html.dark-mode .au-check-help,
html.dark-mode .eq-hint,
html.dark-mode .sc-hint,
html.dark-mode .right-desc,
html.dark-mode .admin-email {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode .sf-label,
html.dark-mode .mf-label,
html.dark-mode .ep-label,
html.dark-mode .ep-check-label,
html.dark-mode .au-check-label,
html.dark-mode .sc-form-group label,
html.dark-mode .admin-name,
html.dark-mode .right-title,
html.dark-mode .item-name {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Default form controls in dark mode */
html.dark-mode input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html.dark-mode textarea,
html.dark-mode select {
    background: var(--bg-input, #1e293b) !important;
    color: var(--text-primary, #f1f5f9) !important;
    border-color: var(--border-color, #334155) !important;
}
html.dark-mode input::placeholder,
html.dark-mode textarea::placeholder {
    color: var(--text-secondary, #94a3b8) !important;
}

/* ── Public Browse pages (residential / commercial / short-stay / event-spaces) ── */
html.dark-mode .search-container {
    color: var(--text-primary, #f1f5f9);
}

html.dark-mode .search-form-card {
    background: var(--bg-card, #1e293b) !important;
    border-color: var(--border-color, #334155) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.20) !important;
}

html.dark-mode .form-group label {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .search-form-card span[style*="color: #666"],
html.dark-mode .search-form-card span[style*="color:#666"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode a.search-button[style*="background: #e5e7eb"],
html.dark-mode a.search-button[style*="background-color: #e5e7eb"] {
    background: var(--bg-table, #1e293b) !important;
    background-color: var(--bg-table, #1e293b) !important;
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .results-grid {
    color: var(--text-primary, #f1f5f9);
}

html.dark-mode .unit-card {
    background: var(--bg-card, #1e293b) !important;
    border-color: var(--border-color, #334155) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.20) !important;
}

html.dark-mode .unit-card:hover {
    border-color: #a5b4fc !important;
}

html.dark-mode .card-stats {
    background: var(--bg-table, #1e293b) !important;
    border-bottom-color: var(--border-color, #334155) !important;
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .card-stats div[style*="background: #ddd"],
html.dark-mode .card-stats div[style*="background:#ddd"] {
    background: var(--border-color, #334155) !important;
}

html.dark-mode .unit-card div[style*="color: #888"],
html.dark-mode .unit-card div[style*="color:#888"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode .unit-title a,
html.dark-mode .click-hint a {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .unit-title a:hover,
html.dark-mode .click-hint a:hover {
    color: #a5b4fc !important;
}

html.dark-mode .click-hint {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode .unit-number-badge {
    background: rgba(165, 180, 252, 0.15) !important;
    color: #a5b4fc !important;
}

html.dark-mode .detail-item {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode .detail-item.price,
html.dark-mode .detail-item[style*="color: #667eea"],
html.dark-mode .detail-item[style*="color:#667eea"] {
    color: #a5b4fc !important;
}

html.dark-mode .status-badge.vacant {
    background: rgba(74, 222, 128, 0.15) !important;
    color: #86efac !important;
}

html.dark-mode .status-badge.occupied {
    background: rgba(244, 114, 182, 0.15) !important;
    color: #f9a8d4 !important;
}

html.dark-mode .viewing-option span {
    background: var(--bg-card, #1e293b) !important;
    border-color: var(--border-color, #334155) !important;
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .viewing-option input[type="radio"]:checked + span {
    background: #667eea !important;
    color: white !important;
    border-color: #667eea !important;
}

html.dark-mode .media-btn {
    background: var(--bg-table, #1e293b) !important;
    border-color: var(--border-color, #334155) !important;
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .media-btn:hover {
    background: #667eea !important;
    color: white !important;
    border-color: #667eea !important;
}

html.dark-mode .no-results {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode .no-results h3 {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .booking-result:not(:empty) {
    background: rgba(74, 222, 128, 0.12) !important;
    color: #86efac !important;
}

html.dark-mode .booking-result.error {
    background: rgba(248, 113, 113, 0.12) !important;
    color: #fca5a5 !important;
}

html.dark-mode .error-message {
    background: rgba(248, 113, 113, 0.12) !important;
    color: #fca5a5 !important;
}

/* Short-stay / event-space booking info boxes */
html.dark-mode .booking-info-box {
    background: var(--bg-table, #1e293b) !important;
    border-left-color: var(--ps-primary, #667eea) !important;
}

html.dark-mode .booking-info-title {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .booking-info-detail {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode .booking-info-next {
    color: #86efac !important;
}

html.dark-mode .upcoming-bookings-box {
    background: rgba(245, 158, 11, 0.12) !important;
    border-left-color: #f59e0b !important;
}

html.dark-mode .upcoming-title,
html.dark-mode .upcoming-item {
    color: #fcd34d !important;
}

/* Mini availability calendar */
html.dark-mode .mini-calendar-grid {
    background: var(--bg-card, #1e293b) !important;
    border-color: var(--border-color, #334155) !important;
}

html.dark-mode .mini-day.available {
    background: rgba(74, 222, 128, 0.15) !important;
    color: #86efac !important;
}

html.dark-mode .mini-day.booked {
    background: rgba(244, 114, 182, 0.15) !important;
    color: #f9a8d4 !important;
}

html.dark-mode .mini-day.partial {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fcd34d !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
}

html.dark-mode .calendar-label {
    color: var(--text-secondary, #94a3b8) !important;
}

/* Calendar modal (short-stay / event-space) */
html.dark-mode #calendarModal div[style*="background: white"],
html.dark-mode #calendarModal div[style*="background:white"] {
    background: var(--bg-card, #1e293b) !important;
}

html.dark-mode #calendarModal div[style*="border-bottom: 1px solid #e0e0e0"],
html.dark-mode #calendarModal div[style*="border-bottom:1px solid #e0e0e0"] {
    border-bottom-color: var(--border-color, #334155) !important;
}

html.dark-mode #calendarModal h5 {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode .calendar-day-modal {
    border-color: var(--border-color, #334155) !important;
}

html.dark-mode .calendar-day-modal.available {
    background: #16a34a !important;
    border-color: #16a34a !important;
}

html.dark-mode .calendar-day-modal.available:hover {
    background: #15803d !important;
}

html.dark-mode .calendar-day-modal.booked {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

html.dark-mode .calendar-day-modal.temp-reserved {
    background: #ea580c !important;
    border-color: #ea580c !important;
}

html.dark-mode .calendar-day-modal.today {
    background: #2563eb !important;
    border-color: #2563eb !important;
}

html.dark-mode .calendar-day-modal.partial {
    background: #ca8a04 !important;
    color: white !important;
    border-color: #ca8a04 !important;
}

html.dark-mode .calendar-day-modal.partial:hover {
    background: #a16207 !important;
}

/* ---------- Owner / Superadmin rescue additions ---------- */

html.dark-mode *[style*="background-color: #f9fafb"],
html.dark-mode *[style*="background-color:#f9fafb"],
html.dark-mode *[style*="background-color: #f6f7fb"],
html.dark-mode *[style*="background-color:#f6f7fb"],
html.dark-mode *[style*="background-color: #f5f5f5"],
html.dark-mode *[style*="background-color:#f5f5f5"],
html.dark-mode *[style*="background-color: #f3f4f6"],
html.dark-mode *[style*="background-color:#f3f4f6"],
html.dark-mode *[style*="background-color: #f1f5f9"],
html.dark-mode *[style*="background-color:#f1f5f9"],
html.dark-mode *[style*="background-color: #f0f7ff"],
html.dark-mode *[style*="background-color:#f0f7ff"],
html.dark-mode *[style*="background-color: #f0f9ff"],
html.dark-mode *[style*="background-color:#f0f9ff"],
html.dark-mode *[style*="background-color: #f0f8e8"],
html.dark-mode *[style*="background-color:#f0f8e8"],
html.dark-mode *[style*="background-color: #eff6ff"],
html.dark-mode *[style*="background-color:#eff6ff"],
html.dark-mode *[style*="background-color: #e8f4fd"],
html.dark-mode *[style*="background-color:#e8f4fd"],
html.dark-mode *[style*="background-color: #e8f4f8"],
html.dark-mode *[style*="background-color:#e8f4f8"],
html.dark-mode *[style*="background-color: #e7f3ff"],
html.dark-mode *[style*="background-color:#e7f3ff"],
html.dark-mode *[style*="background-color: #e2e2e2"],
html.dark-mode *[style*="background-color:#e2e2e2"],
html.dark-mode *[style*="background-color: #e8e8e8"],
html.dark-mode *[style*="background-color:#e8e8e8"],
html.dark-mode *[style*="background-color: #e5e7eb"],
html.dark-mode *[style*="background-color:#e5e7eb"],
html.dark-mode *[style*="background-color: #e0e0e0"],
html.dark-mode *[style*="background-color:#e0e0e0"],
html.dark-mode *[style*="background-color: #ddd"],
html.dark-mode *[style*="background-color:#ddd"],
html.dark-mode *[style*="background-color: #eee"],
html.dark-mode *[style*="background-color:#eee"],
html.dark-mode *[style*="background-color: #dee2e6"],
html.dark-mode *[style*="background-color:#dee2e6"],
html.dark-mode *[style*="background-color: #d1d5db"],
html.dark-mode *[style*="background-color:#d1d5db"],
html.dark-mode *[style*="background-color: #fff"],
html.dark-mode *[style*="background-color:#fff"],
html.dark-mode *[style*="background-color: #ffffff"],
html.dark-mode *[style*="background-color:#ffffff"],
html.dark-mode *[style*="background-color: white"],
html.dark-mode *[style*="background-color:white"],
html.dark-mode *[style*="background-color: #f9f9f9"],
html.dark-mode *[style*="background-color:#f9f9f9"],
html.dark-mode *[style*="background-color: #f8faff"],
html.dark-mode *[style*="background-color:#f8faff"],
html.dark-mode *[style*="background-color: #f0f0f0"],
html.dark-mode *[style*="background-color:#f0f0f0"],
html.dark-mode *[style*="background-color: #f8f9fa"],
html.dark-mode *[style*="background-color:#f8f9fa"],
html.dark-mode *[style*="background-color: #d6e9ff"],
html.dark-mode *[style*="background-color:#d6e9ff"],
html.dark-mode *[style*="background-color: #bee5eb"],
html.dark-mode *[style*="background-color:#bee5eb"],
html.dark-mode *[style*="background-color: #b3dfe8"],
html.dark-mode *[style*="background-color:#b3dfe8"],
html.dark-mode *[style*="background-color: #bfdbfe"],
html.dark-mode *[style*="background-color:#bfdbfe"],
html.dark-mode *[style*="background-color: #c3e6cb"],
html.dark-mode *[style*="background-color:#c3e6cb"],
html.dark-mode *[style*="background-color: #c3e8b3"],
html.dark-mode *[style*="background-color:#c3e8b3"],
html.dark-mode *[style*="background-color: #f5c6cb"],
html.dark-mode *[style*="background-color:#f5c6cb"],
html.dark-mode *[style*="background-color: #fecaca"],
html.dark-mode *[style*="background-color:#fecaca"],
html.dark-mode *[style*="background-color: #ffeaa7"],
html.dark-mode *[style*="background-color:#ffeaa7"],
html.dark-mode *[style*="background-color: #e6f3ff"],
html.dark-mode *[style*="background-color:#e6f3ff"],
html.dark-mode *[style*="background-color: #e6f3"],
html.dark-mode *[style*="background-color:#e6f3"],
html.dark-mode *[style*="background: #f9fafb"],
html.dark-mode *[style*="background:#f9fafb"],
html.dark-mode *[style*="background: #f6f7fb"],
html.dark-mode *[style*="background:#f6f7fb"],
html.dark-mode *[style*="background: #f5f5f5"],
html.dark-mode *[style*="background:#f5f5f5"],
html.dark-mode *[style*="background: #f3f4f6"],
html.dark-mode *[style*="background:#f3f4f6"],
html.dark-mode *[style*="background: #f1f5f9"],
html.dark-mode *[style*="background:#f1f5f9"],
html.dark-mode *[style*="background: #f0f7ff"],
html.dark-mode *[style*="background:#f0f7ff"],
html.dark-mode *[style*="background: #f0f9ff"],
html.dark-mode *[style*="background:#f0f9ff"],
html.dark-mode *[style*="background: #f0f8e8"],
html.dark-mode *[style*="background:#f0f8e8"],
html.dark-mode *[style*="background: #eff6ff"],
html.dark-mode *[style*="background:#eff6ff"],
html.dark-mode *[style*="background: #e8f4fd"],
html.dark-mode *[style*="background:#e8f4fd"],
html.dark-mode *[style*="background: #e8f4f8"],
html.dark-mode *[style*="background:#e8f4f8"],
html.dark-mode *[style*="background: #e7f3ff"],
html.dark-mode *[style*="background:#e7f3ff"],
html.dark-mode *[style*="background: #e2e2e2"],
html.dark-mode *[style*="background:#e2e2e2"],
html.dark-mode *[style*="background: #e8e8e8"],
html.dark-mode *[style*="background:#e8e8e8"],
html.dark-mode *[style*="background: #e5e7eb"],
html.dark-mode *[style*="background:#e5e7eb"],
html.dark-mode *[style*="background: #e0e0e0"],
html.dark-mode *[style*="background:#e0e0e0"],
html.dark-mode *[style*="background: #ddd"],
html.dark-mode *[style*="background:#ddd"],
html.dark-mode *[style*="background: #eee"],
html.dark-mode *[style*="background:#eee"],
html.dark-mode *[style*="background: #dee2e6"],
html.dark-mode *[style*="background:#dee2e6"],
html.dark-mode *[style*="background: #d1d5db"],
html.dark-mode *[style*="background:#d1d5db"],
html.dark-mode *[style*="background: #fff"],
html.dark-mode *[style*="background:#fff"],
html.dark-mode *[style*="background: #ffffff"],
html.dark-mode *[style*="background:#ffffff"],
html.dark-mode *[style*="background: white"],
html.dark-mode *[style*="background:white"],
html.dark-mode *[style*="background: #f9f9f9"],
html.dark-mode *[style*="background:#f9f9f9"],
html.dark-mode *[style*="background: #f8faff"],
html.dark-mode *[style*="background:#f8faff"],
html.dark-mode *[style*="background: #f0f0f0"],
html.dark-mode *[style*="background:#f0f0f0"],
html.dark-mode *[style*="background: #f8f9fa"],
html.dark-mode *[style*="background:#f8f9fa"],
html.dark-mode *[style*="background: #d6e9ff"],
html.dark-mode *[style*="background:#d6e9ff"],
html.dark-mode *[style*="background: #bee5eb"],
html.dark-mode *[style*="background:#bee5eb"],
html.dark-mode *[style*="background: #b3dfe8"],
html.dark-mode *[style*="background:#b3dfe8"],
html.dark-mode *[style*="background: #bfdbfe"],
html.dark-mode *[style*="background:#bfdbfe"],
html.dark-mode *[style*="background: #c3e6cb"],
html.dark-mode *[style*="background:#c3e6cb"],
html.dark-mode *[style*="background: #c3e8b3"],
html.dark-mode *[style*="background:#c3e8b3"],
html.dark-mode *[style*="background: #f5c6cb"],
html.dark-mode *[style*="background:#f5c6cb"],
html.dark-mode *[style*="background: #fecaca"],
html.dark-mode *[style*="background:#fecaca"],
html.dark-mode *[style*="background: #ffeaa7"],
html.dark-mode *[style*="background:#ffeaa7"],
html.dark-mode *[style*="background: #e6f3ff"],
html.dark-mode *[style*="background:#e6f3ff"],
html.dark-mode *[style*="background: #e6f3"],
html.dark-mode *[style*="background:#e6f3"] {
    background: var(--bg-card, #1e293b) !important;
    background-color: var(--bg-card, #1e293b) !important;
}

html.dark-mode *[style*="background-color: rgba(255,255,255"],
html.dark-mode *[style*="background-color: rgba(255, 255, 255"],
html.dark-mode *[style*="background: rgba(255,255,255"],
html.dark-mode *[style*="background: rgba(255, 255, 255"] {
    background: var(--bg-card, #1e293b) !important;
    background-color: var(--bg-card, #1e293b) !important;
}

html.dark-mode *[style*="background-color: #d1fae5"],
html.dark-mode *[style*="background-color:#d1fae5"],
html.dark-mode *[style*="background: #d1fae5"],
html.dark-mode *[style*="background:#d1fae5"] {
    background: rgba(34,197,94,0.15) !important;
    background-color: rgba(34,197,94,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #d4edda"],
html.dark-mode *[style*="background-color:#d4edda"],
html.dark-mode *[style*="background: #d4edda"],
html.dark-mode *[style*="background:#d4edda"] {
    background: rgba(40,167,69,0.15) !important;
    background-color: rgba(40,167,69,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #dcfce7"],
html.dark-mode *[style*="background-color:#dcfce7"],
html.dark-mode *[style*="background: #dcfce7"],
html.dark-mode *[style*="background:#dcfce7"] {
    background: rgba(34,197,94,0.15) !important;
    background-color: rgba(34,197,94,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #dbeafe"],
html.dark-mode *[style*="background-color:#dbeafe"],
html.dark-mode *[style*="background: #dbeafe"],
html.dark-mode *[style*="background:#dbeafe"] {
    background: rgba(59,130,246,0.15) !important;
    background-color: rgba(59,130,246,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #e3f2fd"],
html.dark-mode *[style*="background-color:#e3f2fd"],
html.dark-mode *[style*="background: #e3f2fd"],
html.dark-mode *[style*="background:#e3f2fd"] {
    background: rgba(59,130,246,0.15) !important;
    background-color: rgba(59,130,246,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #e8ecff"],
html.dark-mode *[style*="background-color:#e8ecff"],
html.dark-mode *[style*="background: #e8ecff"],
html.dark-mode *[style*="background:#e8ecff"] {
    background: rgba(102,126,234,0.15) !important;
    background-color: rgba(102,126,234,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #e8f8f5"],
html.dark-mode *[style*="background-color:#e8f8f5"],
html.dark-mode *[style*="background: #e8f8f5"],
html.dark-mode *[style*="background:#e8f8f5"] {
    background: rgba(26,188,156,0.15) !important;
    background-color: rgba(26,188,156,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #e8f4f8"],
html.dark-mode *[style*="background-color:#e8f4f8"],
html.dark-mode *[style*="background: #e8f4f8"],
html.dark-mode *[style*="background:#e8f4f8"] {
    background: rgba(52,152,219,0.15) !important;
    background-color: rgba(52,152,219,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #e8f4fd"],
html.dark-mode *[style*="background-color:#e8f4fd"],
html.dark-mode *[style*="background: #e8f4fd"],
html.dark-mode *[style*="background:#e8f4fd"] {
    background: rgba(14,165,233,0.15) !important;
    background-color: rgba(14,165,233,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #eff6ff"],
html.dark-mode *[style*="background-color:#eff6ff"],
html.dark-mode *[style*="background: #eff6ff"],
html.dark-mode *[style*="background:#eff6ff"] {
    background: rgba(59,130,246,0.15) !important;
    background-color: rgba(59,130,246,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #e7f3ff"],
html.dark-mode *[style*="background-color:#e7f3ff"],
html.dark-mode *[style*="background: #e7f3ff"],
html.dark-mode *[style*="background:#e7f3ff"] {
    background: rgba(59,130,246,0.15) !important;
    background-color: rgba(59,130,246,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #f0f9ff"],
html.dark-mode *[style*="background-color:#f0f9ff"],
html.dark-mode *[style*="background: #f0f9ff"],
html.dark-mode *[style*="background:#f0f9ff"] {
    background: rgba(14,165,233,0.15) !important;
    background-color: rgba(14,165,233,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #f0f8e8"],
html.dark-mode *[style*="background-color:#f0f8e8"],
html.dark-mode *[style*="background: #f0f8e8"],
html.dark-mode *[style*="background:#f0f8e8"] {
    background: rgba(40,167,69,0.15) !important;
    background-color: rgba(40,167,69,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #f0f7ff"],
html.dark-mode *[style*="background-color:#f0f7ff"],
html.dark-mode *[style*="background: #f0f7ff"],
html.dark-mode *[style*="background:#f0f7ff"] {
    background: rgba(59,130,246,0.15) !important;
    background-color: rgba(59,130,246,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #fee2e2"],
html.dark-mode *[style*="background-color:#fee2e2"],
html.dark-mode *[style*="background: #fee2e2"],
html.dark-mode *[style*="background:#fee2e2"] {
    background: rgba(239,68,68,0.15) !important;
    background-color: rgba(239,68,68,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #f8d7da"],
html.dark-mode *[style*="background-color:#f8d7da"],
html.dark-mode *[style*="background: #f8d7da"],
html.dark-mode *[style*="background:#f8d7da"] {
    background: rgba(220,53,69,0.15) !important;
    background-color: rgba(220,53,69,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #fdeaea"],
html.dark-mode *[style*="background-color:#fdeaea"],
html.dark-mode *[style*="background: #fdeaea"],
html.dark-mode *[style*="background:#fdeaea"] {
    background: rgba(231,76,60,0.15) !important;
    background-color: rgba(231,76,60,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #fef3c7"],
html.dark-mode *[style*="background-color:#fef3c7"],
html.dark-mode *[style*="background: #fef3c7"],
html.dark-mode *[style*="background:#fef3c7"] {
    background: rgba(245,158,11,0.15) !important;
    background-color: rgba(245,158,11,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #fff5e6"],
html.dark-mode *[style*="background-color:#fff5e6"],
html.dark-mode *[style*="background: #fff5e6"],
html.dark-mode *[style*="background:#fff5e6"] {
    background: rgba(243,156,18,0.15) !important;
    background-color: rgba(243,156,18,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #fff3cd"],
html.dark-mode *[style*="background-color:#fff3cd"],
html.dark-mode *[style*="background: #fff3cd"],
html.dark-mode *[style*="background:#fff3cd"] {
    background: rgba(255,193,7,0.15) !important;
    background-color: rgba(255,193,7,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #fffbeb"],
html.dark-mode *[style*="background-color:#fffbeb"],
html.dark-mode *[style*="background: #fffbeb"],
html.dark-mode *[style*="background:#fffbeb"] {
    background: rgba(245,158,11,0.15) !important;
    background-color: rgba(245,158,11,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #ede9fe"],
html.dark-mode *[style*="background-color:#ede9fe"],
html.dark-mode *[style*="background: #ede9fe"],
html.dark-mode *[style*="background:#ede9fe"] {
    background: rgba(139,92,246,0.15) !important;
    background-color: rgba(139,92,246,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #f5f3ff"],
html.dark-mode *[style*="background-color:#f5f3ff"],
html.dark-mode *[style*="background: #f5f3ff"],
html.dark-mode *[style*="background:#f5f3ff"] {
    background: rgba(139,92,246,0.15) !important;
    background-color: rgba(139,92,246,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #f3e8ff"],
html.dark-mode *[style*="background-color:#f3e8ff"],
html.dark-mode *[style*="background: #f3e8ff"],
html.dark-mode *[style*="background:#f3e8ff"] {
    background: rgba(139,92,246,0.15) !important;
    background-color: rgba(139,92,246,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #fce4ec"],
html.dark-mode *[style*="background-color:#fce4ec"],
html.dark-mode *[style*="background: #fce4ec"],
html.dark-mode *[style*="background:#fce4ec"] {
    background: rgba(244,63,94,0.15) !important;
    background-color: rgba(244,63,94,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode *[style*="background-color: #ffe4e6"],
html.dark-mode *[style*="background-color:#ffe4e6"],
html.dark-mode *[style*="background: #ffe4e6"],
html.dark-mode *[style*="background:#ffe4e6"] {
    background: rgba(244,63,94,0.15) !important;
    background-color: rgba(244,63,94,0.15) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

html.dark-mode h2[style*="color: #333"],
html.dark-mode h2[style*="color:#333"],
html.dark-mode h3[style*="color: #333"],
html.dark-mode h3[style*="color:#333"],
html.dark-mode h4[style*="color: #333"],
html.dark-mode h4[style*="color:#333"],
html.dark-mode h5[style*="color: #333"],
html.dark-mode h5[style*="color:#333"],
html.dark-mode h6[style*="color: #333"],
html.dark-mode h6[style*="color:#333"],
html.dark-mode p[style*="color: #333"],
html.dark-mode p[style*="color:#333"],
html.dark-mode div[style*="color: #333"],
html.dark-mode div[style*="color:#333"],
html.dark-mode span[style*="color: #333"],
html.dark-mode span[style*="color:#333"],
html.dark-mode small[style*="color: #333"],
html.dark-mode small[style*="color:#333"],
html.dark-mode label[style*="color: #333"],
html.dark-mode label[style*="color:#333"],
html.dark-mode strong[style*="color: #333"],
html.dark-mode strong[style*="color:#333"],
html.dark-mode a[style*="color: #333"],
html.dark-mode a[style*="color:#333"],
html.dark-mode li[style*="color: #333"],
html.dark-mode li[style*="color:#333"],
html.dark-mode td[style*="color: #333"],
html.dark-mode td[style*="color:#333"],
html.dark-mode th[style*="color: #333"],
html.dark-mode th[style*="color:#333"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #222"],
html.dark-mode h2[style*="color:#222"],
html.dark-mode h3[style*="color: #222"],
html.dark-mode h3[style*="color:#222"],
html.dark-mode h4[style*="color: #222"],
html.dark-mode h4[style*="color:#222"],
html.dark-mode h5[style*="color: #222"],
html.dark-mode h5[style*="color:#222"],
html.dark-mode h6[style*="color: #222"],
html.dark-mode h6[style*="color:#222"],
html.dark-mode p[style*="color: #222"],
html.dark-mode p[style*="color:#222"],
html.dark-mode div[style*="color: #222"],
html.dark-mode div[style*="color:#222"],
html.dark-mode span[style*="color: #222"],
html.dark-mode span[style*="color:#222"],
html.dark-mode small[style*="color: #222"],
html.dark-mode small[style*="color:#222"],
html.dark-mode label[style*="color: #222"],
html.dark-mode label[style*="color:#222"],
html.dark-mode strong[style*="color: #222"],
html.dark-mode strong[style*="color:#222"],
html.dark-mode a[style*="color: #222"],
html.dark-mode a[style*="color:#222"],
html.dark-mode li[style*="color: #222"],
html.dark-mode li[style*="color:#222"],
html.dark-mode td[style*="color: #222"],
html.dark-mode td[style*="color:#222"],
html.dark-mode th[style*="color: #222"],
html.dark-mode th[style*="color:#222"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #444"],
html.dark-mode h2[style*="color:#444"],
html.dark-mode h3[style*="color: #444"],
html.dark-mode h3[style*="color:#444"],
html.dark-mode h4[style*="color: #444"],
html.dark-mode h4[style*="color:#444"],
html.dark-mode h5[style*="color: #444"],
html.dark-mode h5[style*="color:#444"],
html.dark-mode h6[style*="color: #444"],
html.dark-mode h6[style*="color:#444"],
html.dark-mode p[style*="color: #444"],
html.dark-mode p[style*="color:#444"],
html.dark-mode div[style*="color: #444"],
html.dark-mode div[style*="color:#444"],
html.dark-mode span[style*="color: #444"],
html.dark-mode span[style*="color:#444"],
html.dark-mode small[style*="color: #444"],
html.dark-mode small[style*="color:#444"],
html.dark-mode label[style*="color: #444"],
html.dark-mode label[style*="color:#444"],
html.dark-mode strong[style*="color: #444"],
html.dark-mode strong[style*="color:#444"],
html.dark-mode a[style*="color: #444"],
html.dark-mode a[style*="color:#444"],
html.dark-mode li[style*="color: #444"],
html.dark-mode li[style*="color:#444"],
html.dark-mode td[style*="color: #444"],
html.dark-mode td[style*="color:#444"],
html.dark-mode th[style*="color: #444"],
html.dark-mode th[style*="color:#444"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #555"],
html.dark-mode h2[style*="color:#555"],
html.dark-mode h3[style*="color: #555"],
html.dark-mode h3[style*="color:#555"],
html.dark-mode h4[style*="color: #555"],
html.dark-mode h4[style*="color:#555"],
html.dark-mode h5[style*="color: #555"],
html.dark-mode h5[style*="color:#555"],
html.dark-mode h6[style*="color: #555"],
html.dark-mode h6[style*="color:#555"],
html.dark-mode p[style*="color: #555"],
html.dark-mode p[style*="color:#555"],
html.dark-mode div[style*="color: #555"],
html.dark-mode div[style*="color:#555"],
html.dark-mode span[style*="color: #555"],
html.dark-mode span[style*="color:#555"],
html.dark-mode small[style*="color: #555"],
html.dark-mode small[style*="color:#555"],
html.dark-mode label[style*="color: #555"],
html.dark-mode label[style*="color:#555"],
html.dark-mode strong[style*="color: #555"],
html.dark-mode strong[style*="color:#555"],
html.dark-mode a[style*="color: #555"],
html.dark-mode a[style*="color:#555"],
html.dark-mode li[style*="color: #555"],
html.dark-mode li[style*="color:#555"],
html.dark-mode td[style*="color: #555"],
html.dark-mode td[style*="color:#555"],
html.dark-mode th[style*="color: #555"],
html.dark-mode th[style*="color:#555"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #666"],
html.dark-mode h2[style*="color:#666"],
html.dark-mode h3[style*="color: #666"],
html.dark-mode h3[style*="color:#666"],
html.dark-mode h4[style*="color: #666"],
html.dark-mode h4[style*="color:#666"],
html.dark-mode h5[style*="color: #666"],
html.dark-mode h5[style*="color:#666"],
html.dark-mode h6[style*="color: #666"],
html.dark-mode h6[style*="color:#666"],
html.dark-mode p[style*="color: #666"],
html.dark-mode p[style*="color:#666"],
html.dark-mode div[style*="color: #666"],
html.dark-mode div[style*="color:#666"],
html.dark-mode span[style*="color: #666"],
html.dark-mode span[style*="color:#666"],
html.dark-mode small[style*="color: #666"],
html.dark-mode small[style*="color:#666"],
html.dark-mode label[style*="color: #666"],
html.dark-mode label[style*="color:#666"],
html.dark-mode strong[style*="color: #666"],
html.dark-mode strong[style*="color:#666"],
html.dark-mode a[style*="color: #666"],
html.dark-mode a[style*="color:#666"],
html.dark-mode li[style*="color: #666"],
html.dark-mode li[style*="color:#666"],
html.dark-mode td[style*="color: #666"],
html.dark-mode td[style*="color:#666"],
html.dark-mode th[style*="color: #666"],
html.dark-mode th[style*="color:#666"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #777"],
html.dark-mode h2[style*="color:#777"],
html.dark-mode h3[style*="color: #777"],
html.dark-mode h3[style*="color:#777"],
html.dark-mode h4[style*="color: #777"],
html.dark-mode h4[style*="color:#777"],
html.dark-mode h5[style*="color: #777"],
html.dark-mode h5[style*="color:#777"],
html.dark-mode h6[style*="color: #777"],
html.dark-mode h6[style*="color:#777"],
html.dark-mode p[style*="color: #777"],
html.dark-mode p[style*="color:#777"],
html.dark-mode div[style*="color: #777"],
html.dark-mode div[style*="color:#777"],
html.dark-mode span[style*="color: #777"],
html.dark-mode span[style*="color:#777"],
html.dark-mode small[style*="color: #777"],
html.dark-mode small[style*="color:#777"],
html.dark-mode label[style*="color: #777"],
html.dark-mode label[style*="color:#777"],
html.dark-mode strong[style*="color: #777"],
html.dark-mode strong[style*="color:#777"],
html.dark-mode a[style*="color: #777"],
html.dark-mode a[style*="color:#777"],
html.dark-mode li[style*="color: #777"],
html.dark-mode li[style*="color:#777"],
html.dark-mode td[style*="color: #777"],
html.dark-mode td[style*="color:#777"],
html.dark-mode th[style*="color: #777"],
html.dark-mode th[style*="color:#777"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #888"],
html.dark-mode h2[style*="color:#888"],
html.dark-mode h3[style*="color: #888"],
html.dark-mode h3[style*="color:#888"],
html.dark-mode h4[style*="color: #888"],
html.dark-mode h4[style*="color:#888"],
html.dark-mode h5[style*="color: #888"],
html.dark-mode h5[style*="color:#888"],
html.dark-mode h6[style*="color: #888"],
html.dark-mode h6[style*="color:#888"],
html.dark-mode p[style*="color: #888"],
html.dark-mode p[style*="color:#888"],
html.dark-mode div[style*="color: #888"],
html.dark-mode div[style*="color:#888"],
html.dark-mode span[style*="color: #888"],
html.dark-mode span[style*="color:#888"],
html.dark-mode small[style*="color: #888"],
html.dark-mode small[style*="color:#888"],
html.dark-mode label[style*="color: #888"],
html.dark-mode label[style*="color:#888"],
html.dark-mode strong[style*="color: #888"],
html.dark-mode strong[style*="color:#888"],
html.dark-mode a[style*="color: #888"],
html.dark-mode a[style*="color:#888"],
html.dark-mode li[style*="color: #888"],
html.dark-mode li[style*="color:#888"],
html.dark-mode td[style*="color: #888"],
html.dark-mode td[style*="color:#888"],
html.dark-mode th[style*="color: #888"],
html.dark-mode th[style*="color:#888"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #999"],
html.dark-mode h2[style*="color:#999"],
html.dark-mode h3[style*="color: #999"],
html.dark-mode h3[style*="color:#999"],
html.dark-mode h4[style*="color: #999"],
html.dark-mode h4[style*="color:#999"],
html.dark-mode h5[style*="color: #999"],
html.dark-mode h5[style*="color:#999"],
html.dark-mode h6[style*="color: #999"],
html.dark-mode h6[style*="color:#999"],
html.dark-mode p[style*="color: #999"],
html.dark-mode p[style*="color:#999"],
html.dark-mode div[style*="color: #999"],
html.dark-mode div[style*="color:#999"],
html.dark-mode span[style*="color: #999"],
html.dark-mode span[style*="color:#999"],
html.dark-mode small[style*="color: #999"],
html.dark-mode small[style*="color:#999"],
html.dark-mode label[style*="color: #999"],
html.dark-mode label[style*="color:#999"],
html.dark-mode strong[style*="color: #999"],
html.dark-mode strong[style*="color:#999"],
html.dark-mode a[style*="color: #999"],
html.dark-mode a[style*="color:#999"],
html.dark-mode li[style*="color: #999"],
html.dark-mode li[style*="color:#999"],
html.dark-mode td[style*="color: #999"],
html.dark-mode td[style*="color:#999"],
html.dark-mode th[style*="color: #999"],
html.dark-mode th[style*="color:#999"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #000"],
html.dark-mode h2[style*="color:#000"],
html.dark-mode h3[style*="color: #000"],
html.dark-mode h3[style*="color:#000"],
html.dark-mode h4[style*="color: #000"],
html.dark-mode h4[style*="color:#000"],
html.dark-mode h5[style*="color: #000"],
html.dark-mode h5[style*="color:#000"],
html.dark-mode h6[style*="color: #000"],
html.dark-mode h6[style*="color:#000"],
html.dark-mode p[style*="color: #000"],
html.dark-mode p[style*="color:#000"],
html.dark-mode div[style*="color: #000"],
html.dark-mode div[style*="color:#000"],
html.dark-mode span[style*="color: #000"],
html.dark-mode span[style*="color:#000"],
html.dark-mode small[style*="color: #000"],
html.dark-mode small[style*="color:#000"],
html.dark-mode label[style*="color: #000"],
html.dark-mode label[style*="color:#000"],
html.dark-mode strong[style*="color: #000"],
html.dark-mode strong[style*="color:#000"],
html.dark-mode a[style*="color: #000"],
html.dark-mode a[style*="color:#000"],
html.dark-mode li[style*="color: #000"],
html.dark-mode li[style*="color:#000"],
html.dark-mode td[style*="color: #000"],
html.dark-mode td[style*="color:#000"],
html.dark-mode th[style*="color: #000"],
html.dark-mode th[style*="color:#000"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #000000"],
html.dark-mode h2[style*="color:#000000"],
html.dark-mode h3[style*="color: #000000"],
html.dark-mode h3[style*="color:#000000"],
html.dark-mode h4[style*="color: #000000"],
html.dark-mode h4[style*="color:#000000"],
html.dark-mode h5[style*="color: #000000"],
html.dark-mode h5[style*="color:#000000"],
html.dark-mode h6[style*="color: #000000"],
html.dark-mode h6[style*="color:#000000"],
html.dark-mode p[style*="color: #000000"],
html.dark-mode p[style*="color:#000000"],
html.dark-mode div[style*="color: #000000"],
html.dark-mode div[style*="color:#000000"],
html.dark-mode span[style*="color: #000000"],
html.dark-mode span[style*="color:#000000"],
html.dark-mode small[style*="color: #000000"],
html.dark-mode small[style*="color:#000000"],
html.dark-mode label[style*="color: #000000"],
html.dark-mode label[style*="color:#000000"],
html.dark-mode strong[style*="color: #000000"],
html.dark-mode strong[style*="color:#000000"],
html.dark-mode a[style*="color: #000000"],
html.dark-mode a[style*="color:#000000"],
html.dark-mode li[style*="color: #000000"],
html.dark-mode li[style*="color:#000000"],
html.dark-mode td[style*="color: #000000"],
html.dark-mode td[style*="color:#000000"],
html.dark-mode th[style*="color: #000000"],
html.dark-mode th[style*="color:#000000"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #212529"],
html.dark-mode h2[style*="color:#212529"],
html.dark-mode h3[style*="color: #212529"],
html.dark-mode h3[style*="color:#212529"],
html.dark-mode h4[style*="color: #212529"],
html.dark-mode h4[style*="color:#212529"],
html.dark-mode h5[style*="color: #212529"],
html.dark-mode h5[style*="color:#212529"],
html.dark-mode h6[style*="color: #212529"],
html.dark-mode h6[style*="color:#212529"],
html.dark-mode p[style*="color: #212529"],
html.dark-mode p[style*="color:#212529"],
html.dark-mode div[style*="color: #212529"],
html.dark-mode div[style*="color:#212529"],
html.dark-mode span[style*="color: #212529"],
html.dark-mode span[style*="color:#212529"],
html.dark-mode small[style*="color: #212529"],
html.dark-mode small[style*="color:#212529"],
html.dark-mode label[style*="color: #212529"],
html.dark-mode label[style*="color:#212529"],
html.dark-mode strong[style*="color: #212529"],
html.dark-mode strong[style*="color:#212529"],
html.dark-mode a[style*="color: #212529"],
html.dark-mode a[style*="color:#212529"],
html.dark-mode li[style*="color: #212529"],
html.dark-mode li[style*="color:#212529"],
html.dark-mode td[style*="color: #212529"],
html.dark-mode td[style*="color:#212529"],
html.dark-mode th[style*="color: #212529"],
html.dark-mode th[style*="color:#212529"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #1d1c1a"],
html.dark-mode h2[style*="color:#1d1c1a"],
html.dark-mode h3[style*="color: #1d1c1a"],
html.dark-mode h3[style*="color:#1d1c1a"],
html.dark-mode h4[style*="color: #1d1c1a"],
html.dark-mode h4[style*="color:#1d1c1a"],
html.dark-mode h5[style*="color: #1d1c1a"],
html.dark-mode h5[style*="color:#1d1c1a"],
html.dark-mode h6[style*="color: #1d1c1a"],
html.dark-mode h6[style*="color:#1d1c1a"],
html.dark-mode p[style*="color: #1d1c1a"],
html.dark-mode p[style*="color:#1d1c1a"],
html.dark-mode div[style*="color: #1d1c1a"],
html.dark-mode div[style*="color:#1d1c1a"],
html.dark-mode span[style*="color: #1d1c1a"],
html.dark-mode span[style*="color:#1d1c1a"],
html.dark-mode small[style*="color: #1d1c1a"],
html.dark-mode small[style*="color:#1d1c1a"],
html.dark-mode label[style*="color: #1d1c1a"],
html.dark-mode label[style*="color:#1d1c1a"],
html.dark-mode strong[style*="color: #1d1c1a"],
html.dark-mode strong[style*="color:#1d1c1a"],
html.dark-mode a[style*="color: #1d1c1a"],
html.dark-mode a[style*="color:#1d1c1a"],
html.dark-mode li[style*="color: #1d1c1a"],
html.dark-mode li[style*="color:#1d1c1a"],
html.dark-mode td[style*="color: #1d1c1a"],
html.dark-mode td[style*="color:#1d1c1a"],
html.dark-mode th[style*="color: #1d1c1a"],
html.dark-mode th[style*="color:#1d1c1a"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #1f2937"],
html.dark-mode h2[style*="color:#1f2937"],
html.dark-mode h3[style*="color: #1f2937"],
html.dark-mode h3[style*="color:#1f2937"],
html.dark-mode h4[style*="color: #1f2937"],
html.dark-mode h4[style*="color:#1f2937"],
html.dark-mode h5[style*="color: #1f2937"],
html.dark-mode h5[style*="color:#1f2937"],
html.dark-mode h6[style*="color: #1f2937"],
html.dark-mode h6[style*="color:#1f2937"],
html.dark-mode p[style*="color: #1f2937"],
html.dark-mode p[style*="color:#1f2937"],
html.dark-mode div[style*="color: #1f2937"],
html.dark-mode div[style*="color:#1f2937"],
html.dark-mode span[style*="color: #1f2937"],
html.dark-mode span[style*="color:#1f2937"],
html.dark-mode small[style*="color: #1f2937"],
html.dark-mode small[style*="color:#1f2937"],
html.dark-mode label[style*="color: #1f2937"],
html.dark-mode label[style*="color:#1f2937"],
html.dark-mode strong[style*="color: #1f2937"],
html.dark-mode strong[style*="color:#1f2937"],
html.dark-mode a[style*="color: #1f2937"],
html.dark-mode a[style*="color:#1f2937"],
html.dark-mode li[style*="color: #1f2937"],
html.dark-mode li[style*="color:#1f2937"],
html.dark-mode td[style*="color: #1f2937"],
html.dark-mode td[style*="color:#1f2937"],
html.dark-mode th[style*="color: #1f2937"],
html.dark-mode th[style*="color:#1f2937"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #374151"],
html.dark-mode h2[style*="color:#374151"],
html.dark-mode h3[style*="color: #374151"],
html.dark-mode h3[style*="color:#374151"],
html.dark-mode h4[style*="color: #374151"],
html.dark-mode h4[style*="color:#374151"],
html.dark-mode h5[style*="color: #374151"],
html.dark-mode h5[style*="color:#374151"],
html.dark-mode h6[style*="color: #374151"],
html.dark-mode h6[style*="color:#374151"],
html.dark-mode p[style*="color: #374151"],
html.dark-mode p[style*="color:#374151"],
html.dark-mode div[style*="color: #374151"],
html.dark-mode div[style*="color:#374151"],
html.dark-mode span[style*="color: #374151"],
html.dark-mode span[style*="color:#374151"],
html.dark-mode small[style*="color: #374151"],
html.dark-mode small[style*="color:#374151"],
html.dark-mode label[style*="color: #374151"],
html.dark-mode label[style*="color:#374151"],
html.dark-mode strong[style*="color: #374151"],
html.dark-mode strong[style*="color:#374151"],
html.dark-mode a[style*="color: #374151"],
html.dark-mode a[style*="color:#374151"],
html.dark-mode li[style*="color: #374151"],
html.dark-mode li[style*="color:#374151"],
html.dark-mode td[style*="color: #374151"],
html.dark-mode td[style*="color:#374151"],
html.dark-mode th[style*="color: #374151"],
html.dark-mode th[style*="color:#374151"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #4b5563"],
html.dark-mode h2[style*="color:#4b5563"],
html.dark-mode h3[style*="color: #4b5563"],
html.dark-mode h3[style*="color:#4b5563"],
html.dark-mode h4[style*="color: #4b5563"],
html.dark-mode h4[style*="color:#4b5563"],
html.dark-mode h5[style*="color: #4b5563"],
html.dark-mode h5[style*="color:#4b5563"],
html.dark-mode h6[style*="color: #4b5563"],
html.dark-mode h6[style*="color:#4b5563"],
html.dark-mode p[style*="color: #4b5563"],
html.dark-mode p[style*="color:#4b5563"],
html.dark-mode div[style*="color: #4b5563"],
html.dark-mode div[style*="color:#4b5563"],
html.dark-mode span[style*="color: #4b5563"],
html.dark-mode span[style*="color:#4b5563"],
html.dark-mode small[style*="color: #4b5563"],
html.dark-mode small[style*="color:#4b5563"],
html.dark-mode label[style*="color: #4b5563"],
html.dark-mode label[style*="color:#4b5563"],
html.dark-mode strong[style*="color: #4b5563"],
html.dark-mode strong[style*="color:#4b5563"],
html.dark-mode a[style*="color: #4b5563"],
html.dark-mode a[style*="color:#4b5563"],
html.dark-mode li[style*="color: #4b5563"],
html.dark-mode li[style*="color:#4b5563"],
html.dark-mode td[style*="color: #4b5563"],
html.dark-mode td[style*="color:#4b5563"],
html.dark-mode th[style*="color: #4b5563"],
html.dark-mode th[style*="color:#4b5563"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #6b7280"],
html.dark-mode h2[style*="color:#6b7280"],
html.dark-mode h3[style*="color: #6b7280"],
html.dark-mode h3[style*="color:#6b7280"],
html.dark-mode h4[style*="color: #6b7280"],
html.dark-mode h4[style*="color:#6b7280"],
html.dark-mode h5[style*="color: #6b7280"],
html.dark-mode h5[style*="color:#6b7280"],
html.dark-mode h6[style*="color: #6b7280"],
html.dark-mode h6[style*="color:#6b7280"],
html.dark-mode p[style*="color: #6b7280"],
html.dark-mode p[style*="color:#6b7280"],
html.dark-mode div[style*="color: #6b7280"],
html.dark-mode div[style*="color:#6b7280"],
html.dark-mode span[style*="color: #6b7280"],
html.dark-mode span[style*="color:#6b7280"],
html.dark-mode small[style*="color: #6b7280"],
html.dark-mode small[style*="color:#6b7280"],
html.dark-mode label[style*="color: #6b7280"],
html.dark-mode label[style*="color:#6b7280"],
html.dark-mode strong[style*="color: #6b7280"],
html.dark-mode strong[style*="color:#6b7280"],
html.dark-mode a[style*="color: #6b7280"],
html.dark-mode a[style*="color:#6b7280"],
html.dark-mode li[style*="color: #6b7280"],
html.dark-mode li[style*="color:#6b7280"],
html.dark-mode td[style*="color: #6b7280"],
html.dark-mode td[style*="color:#6b7280"],
html.dark-mode th[style*="color: #6b7280"],
html.dark-mode th[style*="color:#6b7280"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #6c757d"],
html.dark-mode h2[style*="color:#6c757d"],
html.dark-mode h3[style*="color: #6c757d"],
html.dark-mode h3[style*="color:#6c757d"],
html.dark-mode h4[style*="color: #6c757d"],
html.dark-mode h4[style*="color:#6c757d"],
html.dark-mode h5[style*="color: #6c757d"],
html.dark-mode h5[style*="color:#6c757d"],
html.dark-mode h6[style*="color: #6c757d"],
html.dark-mode h6[style*="color:#6c757d"],
html.dark-mode p[style*="color: #6c757d"],
html.dark-mode p[style*="color:#6c757d"],
html.dark-mode div[style*="color: #6c757d"],
html.dark-mode div[style*="color:#6c757d"],
html.dark-mode span[style*="color: #6c757d"],
html.dark-mode span[style*="color:#6c757d"],
html.dark-mode small[style*="color: #6c757d"],
html.dark-mode small[style*="color:#6c757d"],
html.dark-mode label[style*="color: #6c757d"],
html.dark-mode label[style*="color:#6c757d"],
html.dark-mode strong[style*="color: #6c757d"],
html.dark-mode strong[style*="color:#6c757d"],
html.dark-mode a[style*="color: #6c757d"],
html.dark-mode a[style*="color:#6c757d"],
html.dark-mode li[style*="color: #6c757d"],
html.dark-mode li[style*="color:#6c757d"],
html.dark-mode td[style*="color: #6c757d"],
html.dark-mode td[style*="color:#6c757d"],
html.dark-mode th[style*="color: #6c757d"],
html.dark-mode th[style*="color:#6c757d"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #343a40"],
html.dark-mode h2[style*="color:#343a40"],
html.dark-mode h3[style*="color: #343a40"],
html.dark-mode h3[style*="color:#343a40"],
html.dark-mode h4[style*="color: #343a40"],
html.dark-mode h4[style*="color:#343a40"],
html.dark-mode h5[style*="color: #343a40"],
html.dark-mode h5[style*="color:#343a40"],
html.dark-mode h6[style*="color: #343a40"],
html.dark-mode h6[style*="color:#343a40"],
html.dark-mode p[style*="color: #343a40"],
html.dark-mode p[style*="color:#343a40"],
html.dark-mode div[style*="color: #343a40"],
html.dark-mode div[style*="color:#343a40"],
html.dark-mode span[style*="color: #343a40"],
html.dark-mode span[style*="color:#343a40"],
html.dark-mode small[style*="color: #343a40"],
html.dark-mode small[style*="color:#343a40"],
html.dark-mode label[style*="color: #343a40"],
html.dark-mode label[style*="color:#343a40"],
html.dark-mode strong[style*="color: #343a40"],
html.dark-mode strong[style*="color:#343a40"],
html.dark-mode a[style*="color: #343a40"],
html.dark-mode a[style*="color:#343a40"],
html.dark-mode li[style*="color: #343a40"],
html.dark-mode li[style*="color:#343a40"],
html.dark-mode td[style*="color: #343a40"],
html.dark-mode td[style*="color:#343a40"],
html.dark-mode th[style*="color: #343a40"],
html.dark-mode th[style*="color:#343a40"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #495057"],
html.dark-mode h2[style*="color:#495057"],
html.dark-mode h3[style*="color: #495057"],
html.dark-mode h3[style*="color:#495057"],
html.dark-mode h4[style*="color: #495057"],
html.dark-mode h4[style*="color:#495057"],
html.dark-mode h5[style*="color: #495057"],
html.dark-mode h5[style*="color:#495057"],
html.dark-mode h6[style*="color: #495057"],
html.dark-mode h6[style*="color:#495057"],
html.dark-mode p[style*="color: #495057"],
html.dark-mode p[style*="color:#495057"],
html.dark-mode div[style*="color: #495057"],
html.dark-mode div[style*="color:#495057"],
html.dark-mode span[style*="color: #495057"],
html.dark-mode span[style*="color:#495057"],
html.dark-mode small[style*="color: #495057"],
html.dark-mode small[style*="color:#495057"],
html.dark-mode label[style*="color: #495057"],
html.dark-mode label[style*="color:#495057"],
html.dark-mode strong[style*="color: #495057"],
html.dark-mode strong[style*="color:#495057"],
html.dark-mode a[style*="color: #495057"],
html.dark-mode a[style*="color:#495057"],
html.dark-mode li[style*="color: #495057"],
html.dark-mode li[style*="color:#495057"],
html.dark-mode td[style*="color: #495057"],
html.dark-mode td[style*="color:#495057"],
html.dark-mode th[style*="color: #495057"],
html.dark-mode th[style*="color:#495057"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #64748b"],
html.dark-mode h2[style*="color:#64748b"],
html.dark-mode h3[style*="color: #64748b"],
html.dark-mode h3[style*="color:#64748b"],
html.dark-mode h4[style*="color: #64748b"],
html.dark-mode h4[style*="color:#64748b"],
html.dark-mode h5[style*="color: #64748b"],
html.dark-mode h5[style*="color:#64748b"],
html.dark-mode h6[style*="color: #64748b"],
html.dark-mode h6[style*="color:#64748b"],
html.dark-mode p[style*="color: #64748b"],
html.dark-mode p[style*="color:#64748b"],
html.dark-mode div[style*="color: #64748b"],
html.dark-mode div[style*="color:#64748b"],
html.dark-mode span[style*="color: #64748b"],
html.dark-mode span[style*="color:#64748b"],
html.dark-mode small[style*="color: #64748b"],
html.dark-mode small[style*="color:#64748b"],
html.dark-mode label[style*="color: #64748b"],
html.dark-mode label[style*="color:#64748b"],
html.dark-mode strong[style*="color: #64748b"],
html.dark-mode strong[style*="color:#64748b"],
html.dark-mode a[style*="color: #64748b"],
html.dark-mode a[style*="color:#64748b"],
html.dark-mode li[style*="color: #64748b"],
html.dark-mode li[style*="color:#64748b"],
html.dark-mode td[style*="color: #64748b"],
html.dark-mode td[style*="color:#64748b"],
html.dark-mode th[style*="color: #64748b"],
html.dark-mode th[style*="color:#64748b"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #94a3b8"],
html.dark-mode h2[style*="color:#94a3b8"],
html.dark-mode h3[style*="color: #94a3b8"],
html.dark-mode h3[style*="color:#94a3b8"],
html.dark-mode h4[style*="color: #94a3b8"],
html.dark-mode h4[style*="color:#94a3b8"],
html.dark-mode h5[style*="color: #94a3b8"],
html.dark-mode h5[style*="color:#94a3b8"],
html.dark-mode h6[style*="color: #94a3b8"],
html.dark-mode h6[style*="color:#94a3b8"],
html.dark-mode p[style*="color: #94a3b8"],
html.dark-mode p[style*="color:#94a3b8"],
html.dark-mode div[style*="color: #94a3b8"],
html.dark-mode div[style*="color:#94a3b8"],
html.dark-mode span[style*="color: #94a3b8"],
html.dark-mode span[style*="color:#94a3b8"],
html.dark-mode small[style*="color: #94a3b8"],
html.dark-mode small[style*="color:#94a3b8"],
html.dark-mode label[style*="color: #94a3b8"],
html.dark-mode label[style*="color:#94a3b8"],
html.dark-mode strong[style*="color: #94a3b8"],
html.dark-mode strong[style*="color:#94a3b8"],
html.dark-mode a[style*="color: #94a3b8"],
html.dark-mode a[style*="color:#94a3b8"],
html.dark-mode li[style*="color: #94a3b8"],
html.dark-mode li[style*="color:#94a3b8"],
html.dark-mode td[style*="color: #94a3b8"],
html.dark-mode td[style*="color:#94a3b8"],
html.dark-mode th[style*="color: #94a3b8"],
html.dark-mode th[style*="color:#94a3b8"] {
    color: var(--text-secondary, #94a3b8) !important;
}

html.dark-mode h2[style*="color: #2c3e50"],
html.dark-mode h2[style*="color:#2c3e50"],
html.dark-mode h3[style*="color: #2c3e50"],
html.dark-mode h3[style*="color:#2c3e50"],
html.dark-mode h4[style*="color: #2c3e50"],
html.dark-mode h4[style*="color:#2c3e50"],
html.dark-mode h5[style*="color: #2c3e50"],
html.dark-mode h5[style*="color:#2c3e50"],
html.dark-mode h6[style*="color: #2c3e50"],
html.dark-mode h6[style*="color:#2c3e50"],
html.dark-mode p[style*="color: #2c3e50"],
html.dark-mode p[style*="color:#2c3e50"],
html.dark-mode div[style*="color: #2c3e50"],
html.dark-mode div[style*="color:#2c3e50"],
html.dark-mode span[style*="color: #2c3e50"],
html.dark-mode span[style*="color:#2c3e50"],
html.dark-mode small[style*="color: #2c3e50"],
html.dark-mode small[style*="color:#2c3e50"],
html.dark-mode label[style*="color: #2c3e50"],
html.dark-mode label[style*="color:#2c3e50"],
html.dark-mode strong[style*="color: #2c3e50"],
html.dark-mode strong[style*="color:#2c3e50"],
html.dark-mode a[style*="color: #2c3e50"],
html.dark-mode a[style*="color:#2c3e50"],
html.dark-mode li[style*="color: #2c3e50"],
html.dark-mode li[style*="color:#2c3e50"],
html.dark-mode td[style*="color: #2c3e50"],
html.dark-mode td[style*="color:#2c3e50"],
html.dark-mode th[style*="color: #2c3e50"],
html.dark-mode th[style*="color:#2c3e50"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode h2[style*="color: #1565c0"],
html.dark-mode h2[style*="color:#1565c0"],
html.dark-mode h3[style*="color: #1565c0"],
html.dark-mode h3[style*="color:#1565c0"],
html.dark-mode h4[style*="color: #1565c0"],
html.dark-mode h4[style*="color:#1565c0"],
html.dark-mode h5[style*="color: #1565c0"],
html.dark-mode h5[style*="color:#1565c0"],
html.dark-mode h6[style*="color: #1565c0"],
html.dark-mode h6[style*="color:#1565c0"],
html.dark-mode p[style*="color: #1565c0"],
html.dark-mode p[style*="color:#1565c0"],
html.dark-mode div[style*="color: #1565c0"],
html.dark-mode div[style*="color:#1565c0"],
html.dark-mode span[style*="color: #1565c0"],
html.dark-mode span[style*="color:#1565c0"],
html.dark-mode small[style*="color: #1565c0"],
html.dark-mode small[style*="color:#1565c0"],
html.dark-mode label[style*="color: #1565c0"],
html.dark-mode label[style*="color:#1565c0"],
html.dark-mode strong[style*="color: #1565c0"],
html.dark-mode strong[style*="color:#1565c0"],
html.dark-mode a[style*="color: #1565c0"],
html.dark-mode a[style*="color:#1565c0"],
html.dark-mode li[style*="color: #1565c0"],
html.dark-mode li[style*="color:#1565c0"],
html.dark-mode td[style*="color: #1565c0"],
html.dark-mode td[style*="color:#1565c0"],
html.dark-mode th[style*="color: #1565c0"],
html.dark-mode th[style*="color:#1565c0"] {
    color: var(--ps-info, #38bdf8) !important;
}

html.dark-mode h2[style*="color: #1e40af"],
html.dark-mode h2[style*="color:#1e40af"],
html.dark-mode h3[style*="color: #1e40af"],
html.dark-mode h3[style*="color:#1e40af"],
html.dark-mode h4[style*="color: #1e40af"],
html.dark-mode h4[style*="color:#1e40af"],
html.dark-mode h5[style*="color: #1e40af"],
html.dark-mode h5[style*="color:#1e40af"],
html.dark-mode h6[style*="color: #1e40af"],
html.dark-mode h6[style*="color:#1e40af"],
html.dark-mode p[style*="color: #1e40af"],
html.dark-mode p[style*="color:#1e40af"],
html.dark-mode div[style*="color: #1e40af"],
html.dark-mode div[style*="color:#1e40af"],
html.dark-mode span[style*="color: #1e40af"],
html.dark-mode span[style*="color:#1e40af"],
html.dark-mode small[style*="color: #1e40af"],
html.dark-mode small[style*="color:#1e40af"],
html.dark-mode label[style*="color: #1e40af"],
html.dark-mode label[style*="color:#1e40af"],
html.dark-mode strong[style*="color: #1e40af"],
html.dark-mode strong[style*="color:#1e40af"],
html.dark-mode a[style*="color: #1e40af"],
html.dark-mode a[style*="color:#1e40af"],
html.dark-mode li[style*="color: #1e40af"],
html.dark-mode li[style*="color:#1e40af"],
html.dark-mode td[style*="color: #1e40af"],
html.dark-mode td[style*="color:#1e40af"],
html.dark-mode th[style*="color: #1e40af"],
html.dark-mode th[style*="color:#1e40af"] {
    color: var(--ps-info, #38bdf8) !important;
}

html.dark-mode h2[style*="color: #2563eb"],
html.dark-mode h2[style*="color:#2563eb"],
html.dark-mode h3[style*="color: #2563eb"],
html.dark-mode h3[style*="color:#2563eb"],
html.dark-mode h4[style*="color: #2563eb"],
html.dark-mode h4[style*="color:#2563eb"],
html.dark-mode h5[style*="color: #2563eb"],
html.dark-mode h5[style*="color:#2563eb"],
html.dark-mode h6[style*="color: #2563eb"],
html.dark-mode h6[style*="color:#2563eb"],
html.dark-mode p[style*="color: #2563eb"],
html.dark-mode p[style*="color:#2563eb"],
html.dark-mode div[style*="color: #2563eb"],
html.dark-mode div[style*="color:#2563eb"],
html.dark-mode span[style*="color: #2563eb"],
html.dark-mode span[style*="color:#2563eb"],
html.dark-mode small[style*="color: #2563eb"],
html.dark-mode small[style*="color:#2563eb"],
html.dark-mode label[style*="color: #2563eb"],
html.dark-mode label[style*="color:#2563eb"],
html.dark-mode strong[style*="color: #2563eb"],
html.dark-mode strong[style*="color:#2563eb"],
html.dark-mode a[style*="color: #2563eb"],
html.dark-mode a[style*="color:#2563eb"],
html.dark-mode li[style*="color: #2563eb"],
html.dark-mode li[style*="color:#2563eb"],
html.dark-mode td[style*="color: #2563eb"],
html.dark-mode td[style*="color:#2563eb"],
html.dark-mode th[style*="color: #2563eb"],
html.dark-mode th[style*="color:#2563eb"] {
    color: var(--ps-info, #38bdf8) !important;
}

html.dark-mode h2[style*="color: #007bff"],
html.dark-mode h2[style*="color:#007bff"],
html.dark-mode h3[style*="color: #007bff"],
html.dark-mode h3[style*="color:#007bff"],
html.dark-mode h4[style*="color: #007bff"],
html.dark-mode h4[style*="color:#007bff"],
html.dark-mode h5[style*="color: #007bff"],
html.dark-mode h5[style*="color:#007bff"],
html.dark-mode h6[style*="color: #007bff"],
html.dark-mode h6[style*="color:#007bff"],
html.dark-mode p[style*="color: #007bff"],
html.dark-mode p[style*="color:#007bff"],
html.dark-mode div[style*="color: #007bff"],
html.dark-mode div[style*="color:#007bff"],
html.dark-mode span[style*="color: #007bff"],
html.dark-mode span[style*="color:#007bff"],
html.dark-mode small[style*="color: #007bff"],
html.dark-mode small[style*="color:#007bff"],
html.dark-mode label[style*="color: #007bff"],
html.dark-mode label[style*="color:#007bff"],
html.dark-mode strong[style*="color: #007bff"],
html.dark-mode strong[style*="color:#007bff"],
html.dark-mode a[style*="color: #007bff"],
html.dark-mode a[style*="color:#007bff"],
html.dark-mode li[style*="color: #007bff"],
html.dark-mode li[style*="color:#007bff"],
html.dark-mode td[style*="color: #007bff"],
html.dark-mode td[style*="color:#007bff"],
html.dark-mode th[style*="color: #007bff"],
html.dark-mode th[style*="color:#007bff"] {
    color: var(--ps-info, #38bdf8) !important;
}

html.dark-mode h2[style*="color: #3b82f6"],
html.dark-mode h2[style*="color:#3b82f6"],
html.dark-mode h3[style*="color: #3b82f6"],
html.dark-mode h3[style*="color:#3b82f6"],
html.dark-mode h4[style*="color: #3b82f6"],
html.dark-mode h4[style*="color:#3b82f6"],
html.dark-mode h5[style*="color: #3b82f6"],
html.dark-mode h5[style*="color:#3b82f6"],
html.dark-mode h6[style*="color: #3b82f6"],
html.dark-mode h6[style*="color:#3b82f6"],
html.dark-mode p[style*="color: #3b82f6"],
html.dark-mode p[style*="color:#3b82f6"],
html.dark-mode div[style*="color: #3b82f6"],
html.dark-mode div[style*="color:#3b82f6"],
html.dark-mode span[style*="color: #3b82f6"],
html.dark-mode span[style*="color:#3b82f6"],
html.dark-mode small[style*="color: #3b82f6"],
html.dark-mode small[style*="color:#3b82f6"],
html.dark-mode label[style*="color: #3b82f6"],
html.dark-mode label[style*="color:#3b82f6"],
html.dark-mode strong[style*="color: #3b82f6"],
html.dark-mode strong[style*="color:#3b82f6"],
html.dark-mode a[style*="color: #3b82f6"],
html.dark-mode a[style*="color:#3b82f6"],
html.dark-mode li[style*="color: #3b82f6"],
html.dark-mode li[style*="color:#3b82f6"],
html.dark-mode td[style*="color: #3b82f6"],
html.dark-mode td[style*="color:#3b82f6"],
html.dark-mode th[style*="color: #3b82f6"],
html.dark-mode th[style*="color:#3b82f6"] {
    color: var(--ps-info, #38bdf8) !important;
}

html.dark-mode h2[style*="color: #667eea"],
html.dark-mode h2[style*="color:#667eea"],
html.dark-mode h3[style*="color: #667eea"],
html.dark-mode h3[style*="color:#667eea"],
html.dark-mode h4[style*="color: #667eea"],
html.dark-mode h4[style*="color:#667eea"],
html.dark-mode h5[style*="color: #667eea"],
html.dark-mode h5[style*="color:#667eea"],
html.dark-mode h6[style*="color: #667eea"],
html.dark-mode h6[style*="color:#667eea"],
html.dark-mode p[style*="color: #667eea"],
html.dark-mode p[style*="color:#667eea"],
html.dark-mode div[style*="color: #667eea"],
html.dark-mode div[style*="color:#667eea"],
html.dark-mode span[style*="color: #667eea"],
html.dark-mode span[style*="color:#667eea"],
html.dark-mode small[style*="color: #667eea"],
html.dark-mode small[style*="color:#667eea"],
html.dark-mode label[style*="color: #667eea"],
html.dark-mode label[style*="color:#667eea"],
html.dark-mode strong[style*="color: #667eea"],
html.dark-mode strong[style*="color:#667eea"],
html.dark-mode a[style*="color: #667eea"],
html.dark-mode a[style*="color:#667eea"],
html.dark-mode li[style*="color: #667eea"],
html.dark-mode li[style*="color:#667eea"],
html.dark-mode td[style*="color: #667eea"],
html.dark-mode td[style*="color:#667eea"],
html.dark-mode th[style*="color: #667eea"],
html.dark-mode th[style*="color:#667eea"] {
    color: #a5b4fc !important;
}

html.dark-mode h2[style*="color: #28a745"],
html.dark-mode h2[style*="color:#28a745"],
html.dark-mode h3[style*="color: #28a745"],
html.dark-mode h3[style*="color:#28a745"],
html.dark-mode h4[style*="color: #28a745"],
html.dark-mode h4[style*="color:#28a745"],
html.dark-mode h5[style*="color: #28a745"],
html.dark-mode h5[style*="color:#28a745"],
html.dark-mode h6[style*="color: #28a745"],
html.dark-mode h6[style*="color:#28a745"],
html.dark-mode p[style*="color: #28a745"],
html.dark-mode p[style*="color:#28a745"],
html.dark-mode div[style*="color: #28a745"],
html.dark-mode div[style*="color:#28a745"],
html.dark-mode span[style*="color: #28a745"],
html.dark-mode span[style*="color:#28a745"],
html.dark-mode small[style*="color: #28a745"],
html.dark-mode small[style*="color:#28a745"],
html.dark-mode label[style*="color: #28a745"],
html.dark-mode label[style*="color:#28a745"],
html.dark-mode strong[style*="color: #28a745"],
html.dark-mode strong[style*="color:#28a745"],
html.dark-mode a[style*="color: #28a745"],
html.dark-mode a[style*="color:#28a745"],
html.dark-mode li[style*="color: #28a745"],
html.dark-mode li[style*="color:#28a745"],
html.dark-mode td[style*="color: #28a745"],
html.dark-mode td[style*="color:#28a745"],
html.dark-mode th[style*="color: #28a745"],
html.dark-mode th[style*="color:#28a745"] {
    color: #86efac !important;
}

html.dark-mode h2[style*="color: #10b981"],
html.dark-mode h2[style*="color:#10b981"],
html.dark-mode h3[style*="color: #10b981"],
html.dark-mode h3[style*="color:#10b981"],
html.dark-mode h4[style*="color: #10b981"],
html.dark-mode h4[style*="color:#10b981"],
html.dark-mode h5[style*="color: #10b981"],
html.dark-mode h5[style*="color:#10b981"],
html.dark-mode h6[style*="color: #10b981"],
html.dark-mode h6[style*="color:#10b981"],
html.dark-mode p[style*="color: #10b981"],
html.dark-mode p[style*="color:#10b981"],
html.dark-mode div[style*="color: #10b981"],
html.dark-mode div[style*="color:#10b981"],
html.dark-mode span[style*="color: #10b981"],
html.dark-mode span[style*="color:#10b981"],
html.dark-mode small[style*="color: #10b981"],
html.dark-mode small[style*="color:#10b981"],
html.dark-mode label[style*="color: #10b981"],
html.dark-mode label[style*="color:#10b981"],
html.dark-mode strong[style*="color: #10b981"],
html.dark-mode strong[style*="color:#10b981"],
html.dark-mode a[style*="color: #10b981"],
html.dark-mode a[style*="color:#10b981"],
html.dark-mode li[style*="color: #10b981"],
html.dark-mode li[style*="color:#10b981"],
html.dark-mode td[style*="color: #10b981"],
html.dark-mode td[style*="color:#10b981"],
html.dark-mode th[style*="color: #10b981"],
html.dark-mode th[style*="color:#10b981"] {
    color: #86efac !important;
}

html.dark-mode h2[style*="color: #22c55e"],
html.dark-mode h2[style*="color:#22c55e"],
html.dark-mode h3[style*="color: #22c55e"],
html.dark-mode h3[style*="color:#22c55e"],
html.dark-mode h4[style*="color: #22c55e"],
html.dark-mode h4[style*="color:#22c55e"],
html.dark-mode h5[style*="color: #22c55e"],
html.dark-mode h5[style*="color:#22c55e"],
html.dark-mode h6[style*="color: #22c55e"],
html.dark-mode h6[style*="color:#22c55e"],
html.dark-mode p[style*="color: #22c55e"],
html.dark-mode p[style*="color:#22c55e"],
html.dark-mode div[style*="color: #22c55e"],
html.dark-mode div[style*="color:#22c55e"],
html.dark-mode span[style*="color: #22c55e"],
html.dark-mode span[style*="color:#22c55e"],
html.dark-mode small[style*="color: #22c55e"],
html.dark-mode small[style*="color:#22c55e"],
html.dark-mode label[style*="color: #22c55e"],
html.dark-mode label[style*="color:#22c55e"],
html.dark-mode strong[style*="color: #22c55e"],
html.dark-mode strong[style*="color:#22c55e"],
html.dark-mode a[style*="color: #22c55e"],
html.dark-mode a[style*="color:#22c55e"],
html.dark-mode li[style*="color: #22c55e"],
html.dark-mode li[style*="color:#22c55e"],
html.dark-mode td[style*="color: #22c55e"],
html.dark-mode td[style*="color:#22c55e"],
html.dark-mode th[style*="color: #22c55e"],
html.dark-mode th[style*="color:#22c55e"] {
    color: #86efac !important;
}

html.dark-mode h2[style*="color: #059669"],
html.dark-mode h2[style*="color:#059669"],
html.dark-mode h3[style*="color: #059669"],
html.dark-mode h3[style*="color:#059669"],
html.dark-mode h4[style*="color: #059669"],
html.dark-mode h4[style*="color:#059669"],
html.dark-mode h5[style*="color: #059669"],
html.dark-mode h5[style*="color:#059669"],
html.dark-mode h6[style*="color: #059669"],
html.dark-mode h6[style*="color:#059669"],
html.dark-mode p[style*="color: #059669"],
html.dark-mode p[style*="color:#059669"],
html.dark-mode div[style*="color: #059669"],
html.dark-mode div[style*="color:#059669"],
html.dark-mode span[style*="color: #059669"],
html.dark-mode span[style*="color:#059669"],
html.dark-mode small[style*="color: #059669"],
html.dark-mode small[style*="color:#059669"],
html.dark-mode label[style*="color: #059669"],
html.dark-mode label[style*="color:#059669"],
html.dark-mode strong[style*="color: #059669"],
html.dark-mode strong[style*="color:#059669"],
html.dark-mode a[style*="color: #059669"],
html.dark-mode a[style*="color:#059669"],
html.dark-mode li[style*="color: #059669"],
html.dark-mode li[style*="color:#059669"],
html.dark-mode td[style*="color: #059669"],
html.dark-mode td[style*="color:#059669"],
html.dark-mode th[style*="color: #059669"],
html.dark-mode th[style*="color:#059669"] {
    color: #86efac !important;
}

html.dark-mode h2[style*="color: #065f46"],
html.dark-mode h2[style*="color:#065f46"],
html.dark-mode h3[style*="color: #065f46"],
html.dark-mode h3[style*="color:#065f46"],
html.dark-mode h4[style*="color: #065f46"],
html.dark-mode h4[style*="color:#065f46"],
html.dark-mode h5[style*="color: #065f46"],
html.dark-mode h5[style*="color:#065f46"],
html.dark-mode h6[style*="color: #065f46"],
html.dark-mode h6[style*="color:#065f46"],
html.dark-mode p[style*="color: #065f46"],
html.dark-mode p[style*="color:#065f46"],
html.dark-mode div[style*="color: #065f46"],
html.dark-mode div[style*="color:#065f46"],
html.dark-mode span[style*="color: #065f46"],
html.dark-mode span[style*="color:#065f46"],
html.dark-mode small[style*="color: #065f46"],
html.dark-mode small[style*="color:#065f46"],
html.dark-mode label[style*="color: #065f46"],
html.dark-mode label[style*="color:#065f46"],
html.dark-mode strong[style*="color: #065f46"],
html.dark-mode strong[style*="color:#065f46"],
html.dark-mode a[style*="color: #065f46"],
html.dark-mode a[style*="color:#065f46"],
html.dark-mode li[style*="color: #065f46"],
html.dark-mode li[style*="color:#065f46"],
html.dark-mode td[style*="color: #065f46"],
html.dark-mode td[style*="color:#065f46"],
html.dark-mode th[style*="color: #065f46"],
html.dark-mode th[style*="color:#065f46"] {
    color: #86efac !important;
}

html.dark-mode h2[style*="color: #155724"],
html.dark-mode h2[style*="color:#155724"],
html.dark-mode h3[style*="color: #155724"],
html.dark-mode h3[style*="color:#155724"],
html.dark-mode h4[style*="color: #155724"],
html.dark-mode h4[style*="color:#155724"],
html.dark-mode h5[style*="color: #155724"],
html.dark-mode h5[style*="color:#155724"],
html.dark-mode h6[style*="color: #155724"],
html.dark-mode h6[style*="color:#155724"],
html.dark-mode p[style*="color: #155724"],
html.dark-mode p[style*="color:#155724"],
html.dark-mode div[style*="color: #155724"],
html.dark-mode div[style*="color:#155724"],
html.dark-mode span[style*="color: #155724"],
html.dark-mode span[style*="color:#155724"],
html.dark-mode small[style*="color: #155724"],
html.dark-mode small[style*="color:#155724"],
html.dark-mode label[style*="color: #155724"],
html.dark-mode label[style*="color:#155724"],
html.dark-mode strong[style*="color: #155724"],
html.dark-mode strong[style*="color:#155724"],
html.dark-mode a[style*="color: #155724"],
html.dark-mode a[style*="color:#155724"],
html.dark-mode li[style*="color: #155724"],
html.dark-mode li[style*="color:#155724"],
html.dark-mode td[style*="color: #155724"],
html.dark-mode td[style*="color:#155724"],
html.dark-mode th[style*="color: #155724"],
html.dark-mode th[style*="color:#155724"] {
    color: #86efac !important;
}

html.dark-mode h2[style*="color: #1a3e6f"],
html.dark-mode h2[style*="color:#1a3e6f"],
html.dark-mode h3[style*="color: #1a3e6f"],
html.dark-mode h3[style*="color:#1a3e6f"],
html.dark-mode h4[style*="color: #1a3e6f"],
html.dark-mode h4[style*="color:#1a3e6f"],
html.dark-mode h5[style*="color: #1a3e6f"],
html.dark-mode h5[style*="color:#1a3e6f"],
html.dark-mode h6[style*="color: #1a3e6f"],
html.dark-mode h6[style*="color:#1a3e6f"],
html.dark-mode p[style*="color: #1a3e6f"],
html.dark-mode p[style*="color:#1a3e6f"],
html.dark-mode div[style*="color: #1a3e6f"],
html.dark-mode div[style*="color:#1a3e6f"],
html.dark-mode span[style*="color: #1a3e6f"],
html.dark-mode span[style*="color:#1a3e6f"],
html.dark-mode small[style*="color: #1a3e6f"],
html.dark-mode small[style*="color:#1a3e6f"],
html.dark-mode label[style*="color: #1a3e6f"],
html.dark-mode label[style*="color:#1a3e6f"],
html.dark-mode strong[style*="color: #1a3e6f"],
html.dark-mode strong[style*="color:#1a3e6f"],
html.dark-mode a[style*="color: #1a3e6f"],
html.dark-mode a[style*="color:#1a3e6f"],
html.dark-mode li[style*="color: #1a3e6f"],
html.dark-mode li[style*="color:#1a3e6f"],
html.dark-mode td[style*="color: #1a3e6f"],
html.dark-mode td[style*="color:#1a3e6f"],
html.dark-mode th[style*="color: #1a3e6f"],
html.dark-mode th[style*="color:#1a3e6f"] {
    color: var(--ps-info, #38bdf8) !important;
}

html.dark-mode h2[style*="color: #0c5460"],
html.dark-mode h2[style*="color:#0c5460"],
html.dark-mode h3[style*="color: #0c5460"],
html.dark-mode h3[style*="color:#0c5460"],
html.dark-mode h4[style*="color: #0c5460"],
html.dark-mode h4[style*="color:#0c5460"],
html.dark-mode h5[style*="color: #0c5460"],
html.dark-mode h5[style*="color:#0c5460"],
html.dark-mode h6[style*="color: #0c5460"],
html.dark-mode h6[style*="color:#0c5460"],
html.dark-mode p[style*="color: #0c5460"],
html.dark-mode p[style*="color:#0c5460"],
html.dark-mode div[style*="color: #0c5460"],
html.dark-mode div[style*="color:#0c5460"],
html.dark-mode span[style*="color: #0c5460"],
html.dark-mode span[style*="color:#0c5460"],
html.dark-mode small[style*="color: #0c5460"],
html.dark-mode small[style*="color:#0c5460"],
html.dark-mode label[style*="color: #0c5460"],
html.dark-mode label[style*="color:#0c5460"],
html.dark-mode strong[style*="color: #0c5460"],
html.dark-mode strong[style*="color:#0c5460"],
html.dark-mode a[style*="color: #0c5460"],
html.dark-mode a[style*="color:#0c5460"],
html.dark-mode li[style*="color: #0c5460"],
html.dark-mode li[style*="color:#0c5460"],
html.dark-mode td[style*="color: #0c5460"],
html.dark-mode td[style*="color:#0c5460"],
html.dark-mode th[style*="color: #0c5460"],
html.dark-mode th[style*="color:#0c5460"] {
    color: var(--ps-info, #38bdf8) !important;
}

html.dark-mode h2[style*="color: #856404"],
html.dark-mode h2[style*="color:#856404"],
html.dark-mode h3[style*="color: #856404"],
html.dark-mode h3[style*="color:#856404"],
html.dark-mode h4[style*="color: #856404"],
html.dark-mode h4[style*="color:#856404"],
html.dark-mode h5[style*="color: #856404"],
html.dark-mode h5[style*="color:#856404"],
html.dark-mode h6[style*="color: #856404"],
html.dark-mode h6[style*="color:#856404"],
html.dark-mode p[style*="color: #856404"],
html.dark-mode p[style*="color:#856404"],
html.dark-mode div[style*="color: #856404"],
html.dark-mode div[style*="color:#856404"],
html.dark-mode span[style*="color: #856404"],
html.dark-mode span[style*="color:#856404"],
html.dark-mode small[style*="color: #856404"],
html.dark-mode small[style*="color:#856404"],
html.dark-mode label[style*="color: #856404"],
html.dark-mode label[style*="color:#856404"],
html.dark-mode strong[style*="color: #856404"],
html.dark-mode strong[style*="color:#856404"],
html.dark-mode a[style*="color: #856404"],
html.dark-mode a[style*="color:#856404"],
html.dark-mode li[style*="color: #856404"],
html.dark-mode li[style*="color:#856404"],
html.dark-mode td[style*="color: #856404"],
html.dark-mode td[style*="color:#856404"],
html.dark-mode th[style*="color: #856404"],
html.dark-mode th[style*="color:#856404"] {
    color: #fcd34d !important;
}

html.dark-mode h2[style*="color: #92400e"],
html.dark-mode h2[style*="color:#92400e"],
html.dark-mode h3[style*="color: #92400e"],
html.dark-mode h3[style*="color:#92400e"],
html.dark-mode h4[style*="color: #92400e"],
html.dark-mode h4[style*="color:#92400e"],
html.dark-mode h5[style*="color: #92400e"],
html.dark-mode h5[style*="color:#92400e"],
html.dark-mode h6[style*="color: #92400e"],
html.dark-mode h6[style*="color:#92400e"],
html.dark-mode p[style*="color: #92400e"],
html.dark-mode p[style*="color:#92400e"],
html.dark-mode div[style*="color: #92400e"],
html.dark-mode div[style*="color:#92400e"],
html.dark-mode span[style*="color: #92400e"],
html.dark-mode span[style*="color:#92400e"],
html.dark-mode small[style*="color: #92400e"],
html.dark-mode small[style*="color:#92400e"],
html.dark-mode label[style*="color: #92400e"],
html.dark-mode label[style*="color:#92400e"],
html.dark-mode strong[style*="color: #92400e"],
html.dark-mode strong[style*="color:#92400e"],
html.dark-mode a[style*="color: #92400e"],
html.dark-mode a[style*="color:#92400e"],
html.dark-mode li[style*="color: #92400e"],
html.dark-mode li[style*="color:#92400e"],
html.dark-mode td[style*="color: #92400e"],
html.dark-mode td[style*="color:#92400e"],
html.dark-mode th[style*="color: #92400e"],
html.dark-mode th[style*="color:#92400e"] {
    color: #fcd34d !important;
}

html.dark-mode h2[style*="color: #d97706"],
html.dark-mode h2[style*="color:#d97706"],
html.dark-mode h3[style*="color: #d97706"],
html.dark-mode h3[style*="color:#d97706"],
html.dark-mode h4[style*="color: #d97706"],
html.dark-mode h4[style*="color:#d97706"],
html.dark-mode h5[style*="color: #d97706"],
html.dark-mode h5[style*="color:#d97706"],
html.dark-mode h6[style*="color: #d97706"],
html.dark-mode h6[style*="color:#d97706"],
html.dark-mode p[style*="color: #d97706"],
html.dark-mode p[style*="color:#d97706"],
html.dark-mode div[style*="color: #d97706"],
html.dark-mode div[style*="color:#d97706"],
html.dark-mode span[style*="color: #d97706"],
html.dark-mode span[style*="color:#d97706"],
html.dark-mode small[style*="color: #d97706"],
html.dark-mode small[style*="color:#d97706"],
html.dark-mode label[style*="color: #d97706"],
html.dark-mode label[style*="color:#d97706"],
html.dark-mode strong[style*="color: #d97706"],
html.dark-mode strong[style*="color:#d97706"],
html.dark-mode a[style*="color: #d97706"],
html.dark-mode a[style*="color:#d97706"],
html.dark-mode li[style*="color: #d97706"],
html.dark-mode li[style*="color:#d97706"],
html.dark-mode td[style*="color: #d97706"],
html.dark-mode td[style*="color:#d97706"],
html.dark-mode th[style*="color: #d97706"],
html.dark-mode th[style*="color:#d97706"] {
    color: #fdba74 !important;
}

html.dark-mode h2[style*="color: #f59e0b"],
html.dark-mode h2[style*="color:#f59e0b"],
html.dark-mode h3[style*="color: #f59e0b"],
html.dark-mode h3[style*="color:#f59e0b"],
html.dark-mode h4[style*="color: #f59e0b"],
html.dark-mode h4[style*="color:#f59e0b"],
html.dark-mode h5[style*="color: #f59e0b"],
html.dark-mode h5[style*="color:#f59e0b"],
html.dark-mode h6[style*="color: #f59e0b"],
html.dark-mode h6[style*="color:#f59e0b"],
html.dark-mode p[style*="color: #f59e0b"],
html.dark-mode p[style*="color:#f59e0b"],
html.dark-mode div[style*="color: #f59e0b"],
html.dark-mode div[style*="color:#f59e0b"],
html.dark-mode span[style*="color: #f59e0b"],
html.dark-mode span[style*="color:#f59e0b"],
html.dark-mode small[style*="color: #f59e0b"],
html.dark-mode small[style*="color:#f59e0b"],
html.dark-mode label[style*="color: #f59e0b"],
html.dark-mode label[style*="color:#f59e0b"],
html.dark-mode strong[style*="color: #f59e0b"],
html.dark-mode strong[style*="color:#f59e0b"],
html.dark-mode a[style*="color: #f59e0b"],
html.dark-mode a[style*="color:#f59e0b"],
html.dark-mode li[style*="color: #f59e0b"],
html.dark-mode li[style*="color:#f59e0b"],
html.dark-mode td[style*="color: #f59e0b"],
html.dark-mode td[style*="color:#f59e0b"],
html.dark-mode th[style*="color: #f59e0b"],
html.dark-mode th[style*="color:#f59e0b"] {
    color: #fcd34d !important;
}

html.dark-mode h2[style*="color: #f39c12"],
html.dark-mode h2[style*="color:#f39c12"],
html.dark-mode h3[style*="color: #f39c12"],
html.dark-mode h3[style*="color:#f39c12"],
html.dark-mode h4[style*="color: #f39c12"],
html.dark-mode h4[style*="color:#f39c12"],
html.dark-mode h5[style*="color: #f39c12"],
html.dark-mode h5[style*="color:#f39c12"],
html.dark-mode h6[style*="color: #f39c12"],
html.dark-mode h6[style*="color:#f39c12"],
html.dark-mode p[style*="color: #f39c12"],
html.dark-mode p[style*="color:#f39c12"],
html.dark-mode div[style*="color: #f39c12"],
html.dark-mode div[style*="color:#f39c12"],
html.dark-mode span[style*="color: #f39c12"],
html.dark-mode span[style*="color:#f39c12"],
html.dark-mode small[style*="color: #f39c12"],
html.dark-mode small[style*="color:#f39c12"],
html.dark-mode label[style*="color: #f39c12"],
html.dark-mode label[style*="color:#f39c12"],
html.dark-mode strong[style*="color: #f39c12"],
html.dark-mode strong[style*="color:#f39c12"],
html.dark-mode a[style*="color: #f39c12"],
html.dark-mode a[style*="color:#f39c12"],
html.dark-mode li[style*="color: #f39c12"],
html.dark-mode li[style*="color:#f39c12"],
html.dark-mode td[style*="color: #f39c12"],
html.dark-mode td[style*="color:#f39c12"],
html.dark-mode th[style*="color: #f39c12"],
html.dark-mode th[style*="color:#f39c12"] {
    color: #fcd34d !important;
}

html.dark-mode h2[style*="color: #e74c3c"],
html.dark-mode h2[style*="color:#e74c3c"],
html.dark-mode h3[style*="color: #e74c3c"],
html.dark-mode h3[style*="color:#e74c3c"],
html.dark-mode h4[style*="color: #e74c3c"],
html.dark-mode h4[style*="color:#e74c3c"],
html.dark-mode h5[style*="color: #e74c3c"],
html.dark-mode h5[style*="color:#e74c3c"],
html.dark-mode h6[style*="color: #e74c3c"],
html.dark-mode h6[style*="color:#e74c3c"],
html.dark-mode p[style*="color: #e74c3c"],
html.dark-mode p[style*="color:#e74c3c"],
html.dark-mode div[style*="color: #e74c3c"],
html.dark-mode div[style*="color:#e74c3c"],
html.dark-mode span[style*="color: #e74c3c"],
html.dark-mode span[style*="color:#e74c3c"],
html.dark-mode small[style*="color: #e74c3c"],
html.dark-mode small[style*="color:#e74c3c"],
html.dark-mode label[style*="color: #e74c3c"],
html.dark-mode label[style*="color:#e74c3c"],
html.dark-mode strong[style*="color: #e74c3c"],
html.dark-mode strong[style*="color:#e74c3c"],
html.dark-mode a[style*="color: #e74c3c"],
html.dark-mode a[style*="color:#e74c3c"],
html.dark-mode li[style*="color: #e74c3c"],
html.dark-mode li[style*="color:#e74c3c"],
html.dark-mode td[style*="color: #e74c3c"],
html.dark-mode td[style*="color:#e74c3c"],
html.dark-mode th[style*="color: #e74c3c"],
html.dark-mode th[style*="color:#e74c3c"] {
    color: #fca5a5 !important;
}

html.dark-mode h2[style*="color: #ef4444"],
html.dark-mode h2[style*="color:#ef4444"],
html.dark-mode h3[style*="color: #ef4444"],
html.dark-mode h3[style*="color:#ef4444"],
html.dark-mode h4[style*="color: #ef4444"],
html.dark-mode h4[style*="color:#ef4444"],
html.dark-mode h5[style*="color: #ef4444"],
html.dark-mode h5[style*="color:#ef4444"],
html.dark-mode h6[style*="color: #ef4444"],
html.dark-mode h6[style*="color:#ef4444"],
html.dark-mode p[style*="color: #ef4444"],
html.dark-mode p[style*="color:#ef4444"],
html.dark-mode div[style*="color: #ef4444"],
html.dark-mode div[style*="color:#ef4444"],
html.dark-mode span[style*="color: #ef4444"],
html.dark-mode span[style*="color:#ef4444"],
html.dark-mode small[style*="color: #ef4444"],
html.dark-mode small[style*="color:#ef4444"],
html.dark-mode label[style*="color: #ef4444"],
html.dark-mode label[style*="color:#ef4444"],
html.dark-mode strong[style*="color: #ef4444"],
html.dark-mode strong[style*="color:#ef4444"],
html.dark-mode a[style*="color: #ef4444"],
html.dark-mode a[style*="color:#ef4444"],
html.dark-mode li[style*="color: #ef4444"],
html.dark-mode li[style*="color:#ef4444"],
html.dark-mode td[style*="color: #ef4444"],
html.dark-mode td[style*="color:#ef4444"],
html.dark-mode th[style*="color: #ef4444"],
html.dark-mode th[style*="color:#ef4444"] {
    color: #fca5a5 !important;
}

html.dark-mode h2[style*="color: #dc2626"],
html.dark-mode h2[style*="color:#dc2626"],
html.dark-mode h3[style*="color: #dc2626"],
html.dark-mode h3[style*="color:#dc2626"],
html.dark-mode h4[style*="color: #dc2626"],
html.dark-mode h4[style*="color:#dc2626"],
html.dark-mode h5[style*="color: #dc2626"],
html.dark-mode h5[style*="color:#dc2626"],
html.dark-mode h6[style*="color: #dc2626"],
html.dark-mode h6[style*="color:#dc2626"],
html.dark-mode p[style*="color: #dc2626"],
html.dark-mode p[style*="color:#dc2626"],
html.dark-mode div[style*="color: #dc2626"],
html.dark-mode div[style*="color:#dc2626"],
html.dark-mode span[style*="color: #dc2626"],
html.dark-mode span[style*="color:#dc2626"],
html.dark-mode small[style*="color: #dc2626"],
html.dark-mode small[style*="color:#dc2626"],
html.dark-mode label[style*="color: #dc2626"],
html.dark-mode label[style*="color:#dc2626"],
html.dark-mode strong[style*="color: #dc2626"],
html.dark-mode strong[style*="color:#dc2626"],
html.dark-mode a[style*="color: #dc2626"],
html.dark-mode a[style*="color:#dc2626"],
html.dark-mode li[style*="color: #dc2626"],
html.dark-mode li[style*="color:#dc2626"],
html.dark-mode td[style*="color: #dc2626"],
html.dark-mode td[style*="color:#dc2626"],
html.dark-mode th[style*="color: #dc2626"],
html.dark-mode th[style*="color:#dc2626"] {
    color: #fca5a5 !important;
}

html.dark-mode h2[style*="color: #dc3545"],
html.dark-mode h2[style*="color:#dc3545"],
html.dark-mode h3[style*="color: #dc3545"],
html.dark-mode h3[style*="color:#dc3545"],
html.dark-mode h4[style*="color: #dc3545"],
html.dark-mode h4[style*="color:#dc3545"],
html.dark-mode h5[style*="color: #dc3545"],
html.dark-mode h5[style*="color:#dc3545"],
html.dark-mode h6[style*="color: #dc3545"],
html.dark-mode h6[style*="color:#dc3545"],
html.dark-mode p[style*="color: #dc3545"],
html.dark-mode p[style*="color:#dc3545"],
html.dark-mode div[style*="color: #dc3545"],
html.dark-mode div[style*="color:#dc3545"],
html.dark-mode span[style*="color: #dc3545"],
html.dark-mode span[style*="color:#dc3545"],
html.dark-mode small[style*="color: #dc3545"],
html.dark-mode small[style*="color:#dc3545"],
html.dark-mode label[style*="color: #dc3545"],
html.dark-mode label[style*="color:#dc3545"],
html.dark-mode strong[style*="color: #dc3545"],
html.dark-mode strong[style*="color:#dc3545"],
html.dark-mode a[style*="color: #dc3545"],
html.dark-mode a[style*="color:#dc3545"],
html.dark-mode li[style*="color: #dc3545"],
html.dark-mode li[style*="color:#dc3545"],
html.dark-mode td[style*="color: #dc3545"],
html.dark-mode td[style*="color:#dc3545"],
html.dark-mode th[style*="color: #dc3545"],
html.dark-mode th[style*="color:#dc3545"] {
    color: #fca5a5 !important;
}

html.dark-mode h2[style*="color: #991b1b"],
html.dark-mode h2[style*="color:#991b1b"],
html.dark-mode h3[style*="color: #991b1b"],
html.dark-mode h3[style*="color:#991b1b"],
html.dark-mode h4[style*="color: #991b1b"],
html.dark-mode h4[style*="color:#991b1b"],
html.dark-mode h5[style*="color: #991b1b"],
html.dark-mode h5[style*="color:#991b1b"],
html.dark-mode h6[style*="color: #991b1b"],
html.dark-mode h6[style*="color:#991b1b"],
html.dark-mode p[style*="color: #991b1b"],
html.dark-mode p[style*="color:#991b1b"],
html.dark-mode div[style*="color: #991b1b"],
html.dark-mode div[style*="color:#991b1b"],
html.dark-mode span[style*="color: #991b1b"],
html.dark-mode span[style*="color:#991b1b"],
html.dark-mode small[style*="color: #991b1b"],
html.dark-mode small[style*="color:#991b1b"],
html.dark-mode label[style*="color: #991b1b"],
html.dark-mode label[style*="color:#991b1b"],
html.dark-mode strong[style*="color: #991b1b"],
html.dark-mode strong[style*="color:#991b1b"],
html.dark-mode a[style*="color: #991b1b"],
html.dark-mode a[style*="color:#991b1b"],
html.dark-mode li[style*="color: #991b1b"],
html.dark-mode li[style*="color:#991b1b"],
html.dark-mode td[style*="color: #991b1b"],
html.dark-mode td[style*="color:#991b1b"],
html.dark-mode th[style*="color: #991b1b"],
html.dark-mode th[style*="color:#991b1b"] {
    color: #fca5a5 !important;
}

html.dark-mode h2[style*="color: #721c24"],
html.dark-mode h2[style*="color:#721c24"],
html.dark-mode h3[style*="color: #721c24"],
html.dark-mode h3[style*="color:#721c24"],
html.dark-mode h4[style*="color: #721c24"],
html.dark-mode h4[style*="color:#721c24"],
html.dark-mode h5[style*="color: #721c24"],
html.dark-mode h5[style*="color:#721c24"],
html.dark-mode h6[style*="color: #721c24"],
html.dark-mode h6[style*="color:#721c24"],
html.dark-mode p[style*="color: #721c24"],
html.dark-mode p[style*="color:#721c24"],
html.dark-mode div[style*="color: #721c24"],
html.dark-mode div[style*="color:#721c24"],
html.dark-mode span[style*="color: #721c24"],
html.dark-mode span[style*="color:#721c24"],
html.dark-mode small[style*="color: #721c24"],
html.dark-mode small[style*="color:#721c24"],
html.dark-mode label[style*="color: #721c24"],
html.dark-mode label[style*="color:#721c24"],
html.dark-mode strong[style*="color: #721c24"],
html.dark-mode strong[style*="color:#721c24"],
html.dark-mode a[style*="color: #721c24"],
html.dark-mode a[style*="color:#721c24"],
html.dark-mode li[style*="color: #721c24"],
html.dark-mode li[style*="color:#721c24"],
html.dark-mode td[style*="color: #721c24"],
html.dark-mode td[style*="color:#721c24"],
html.dark-mode th[style*="color: #721c24"],
html.dark-mode th[style*="color:#721c24"] {
    color: #fca5a5 !important;
}

html.dark-mode h2[style*="color: #7c3aed"],
html.dark-mode h2[style*="color:#7c3aed"],
html.dark-mode h3[style*="color: #7c3aed"],
html.dark-mode h3[style*="color:#7c3aed"],
html.dark-mode h4[style*="color: #7c3aed"],
html.dark-mode h4[style*="color:#7c3aed"],
html.dark-mode h5[style*="color: #7c3aed"],
html.dark-mode h5[style*="color:#7c3aed"],
html.dark-mode h6[style*="color: #7c3aed"],
html.dark-mode h6[style*="color:#7c3aed"],
html.dark-mode p[style*="color: #7c3aed"],
html.dark-mode p[style*="color:#7c3aed"],
html.dark-mode div[style*="color: #7c3aed"],
html.dark-mode div[style*="color:#7c3aed"],
html.dark-mode span[style*="color: #7c3aed"],
html.dark-mode span[style*="color:#7c3aed"],
html.dark-mode small[style*="color: #7c3aed"],
html.dark-mode small[style*="color:#7c3aed"],
html.dark-mode label[style*="color: #7c3aed"],
html.dark-mode label[style*="color:#7c3aed"],
html.dark-mode strong[style*="color: #7c3aed"],
html.dark-mode strong[style*="color:#7c3aed"],
html.dark-mode a[style*="color: #7c3aed"],
html.dark-mode a[style*="color:#7c3aed"],
html.dark-mode li[style*="color: #7c3aed"],
html.dark-mode li[style*="color:#7c3aed"],
html.dark-mode td[style*="color: #7c3aed"],
html.dark-mode td[style*="color:#7c3aed"],
html.dark-mode th[style*="color: #7c3aed"],
html.dark-mode th[style*="color:#7c3aed"] {
    color: #c4b5fd !important;
}

html.dark-mode h2[style*="color: #8b5cf6"],
html.dark-mode h2[style*="color:#8b5cf6"],
html.dark-mode h3[style*="color: #8b5cf6"],
html.dark-mode h3[style*="color:#8b5cf6"],
html.dark-mode h4[style*="color: #8b5cf6"],
html.dark-mode h4[style*="color:#8b5cf6"],
html.dark-mode h5[style*="color: #8b5cf6"],
html.dark-mode h5[style*="color:#8b5cf6"],
html.dark-mode h6[style*="color: #8b5cf6"],
html.dark-mode h6[style*="color:#8b5cf6"],
html.dark-mode p[style*="color: #8b5cf6"],
html.dark-mode p[style*="color:#8b5cf6"],
html.dark-mode div[style*="color: #8b5cf6"],
html.dark-mode div[style*="color:#8b5cf6"],
html.dark-mode span[style*="color: #8b5cf6"],
html.dark-mode span[style*="color:#8b5cf6"],
html.dark-mode small[style*="color: #8b5cf6"],
html.dark-mode small[style*="color:#8b5cf6"],
html.dark-mode label[style*="color: #8b5cf6"],
html.dark-mode label[style*="color:#8b5cf6"],
html.dark-mode strong[style*="color: #8b5cf6"],
html.dark-mode strong[style*="color:#8b5cf6"],
html.dark-mode a[style*="color: #8b5cf6"],
html.dark-mode a[style*="color:#8b5cf6"],
html.dark-mode li[style*="color: #8b5cf6"],
html.dark-mode li[style*="color:#8b5cf6"],
html.dark-mode td[style*="color: #8b5cf6"],
html.dark-mode td[style*="color:#8b5cf6"],
html.dark-mode th[style*="color: #8b5cf6"],
html.dark-mode th[style*="color:#8b5cf6"] {
    color: #c4b5fd !important;
}

html.dark-mode h2[style*="color: #5b21b6"],
html.dark-mode h2[style*="color:#5b21b6"],
html.dark-mode h3[style*="color: #5b21b6"],
html.dark-mode h3[style*="color:#5b21b6"],
html.dark-mode h4[style*="color: #5b21b6"],
html.dark-mode h4[style*="color:#5b21b6"],
html.dark-mode h5[style*="color: #5b21b6"],
html.dark-mode h5[style*="color:#5b21b6"],
html.dark-mode h6[style*="color: #5b21b6"],
html.dark-mode h6[style*="color:#5b21b6"],
html.dark-mode p[style*="color: #5b21b6"],
html.dark-mode p[style*="color:#5b21b6"],
html.dark-mode div[style*="color: #5b21b6"],
html.dark-mode div[style*="color:#5b21b6"],
html.dark-mode span[style*="color: #5b21b6"],
html.dark-mode span[style*="color:#5b21b6"],
html.dark-mode small[style*="color: #5b21b6"],
html.dark-mode small[style*="color:#5b21b6"],
html.dark-mode label[style*="color: #5b21b6"],
html.dark-mode label[style*="color:#5b21b6"],
html.dark-mode strong[style*="color: #5b21b6"],
html.dark-mode strong[style*="color:#5b21b6"],
html.dark-mode a[style*="color: #5b21b6"],
html.dark-mode a[style*="color:#5b21b6"],
html.dark-mode li[style*="color: #5b21b6"],
html.dark-mode li[style*="color:#5b21b6"],
html.dark-mode td[style*="color: #5b21b6"],
html.dark-mode td[style*="color:#5b21b6"],
html.dark-mode th[style*="color: #5b21b6"],
html.dark-mode th[style*="color:#5b21b6"] {
    color: #c4b5fd !important;
}

html.dark-mode h2[style*="color: #9b59b6"],
html.dark-mode h2[style*="color:#9b59b6"],
html.dark-mode h3[style*="color: #9b59b6"],
html.dark-mode h3[style*="color:#9b59b6"],
html.dark-mode h4[style*="color: #9b59b6"],
html.dark-mode h4[style*="color:#9b59b6"],
html.dark-mode h5[style*="color: #9b59b6"],
html.dark-mode h5[style*="color:#9b59b6"],
html.dark-mode h6[style*="color: #9b59b6"],
html.dark-mode h6[style*="color:#9b59b6"],
html.dark-mode p[style*="color: #9b59b6"],
html.dark-mode p[style*="color:#9b59b6"],
html.dark-mode div[style*="color: #9b59b6"],
html.dark-mode div[style*="color:#9b59b6"],
html.dark-mode span[style*="color: #9b59b6"],
html.dark-mode span[style*="color:#9b59b6"],
html.dark-mode small[style*="color: #9b59b6"],
html.dark-mode small[style*="color:#9b59b6"],
html.dark-mode label[style*="color: #9b59b6"],
html.dark-mode label[style*="color:#9b59b6"],
html.dark-mode strong[style*="color: #9b59b6"],
html.dark-mode strong[style*="color:#9b59b6"],
html.dark-mode a[style*="color: #9b59b6"],
html.dark-mode a[style*="color:#9b59b6"],
html.dark-mode li[style*="color: #9b59b6"],
html.dark-mode li[style*="color:#9b59b6"],
html.dark-mode td[style*="color: #9b59b6"],
html.dark-mode td[style*="color:#9b59b6"],
html.dark-mode th[style*="color: #9b59b6"],
html.dark-mode th[style*="color:#9b59b6"] {
    color: #c4b5fd !important;
}

html.dark-mode h2[style*="color: red"],
html.dark-mode h2[style*="color:red"],
html.dark-mode h3[style*="color: red"],
html.dark-mode h3[style*="color:red"],
html.dark-mode h4[style*="color: red"],
html.dark-mode h4[style*="color:red"],
html.dark-mode h5[style*="color: red"],
html.dark-mode h5[style*="color:red"],
html.dark-mode h6[style*="color: red"],
html.dark-mode h6[style*="color:red"],
html.dark-mode p[style*="color: red"],
html.dark-mode p[style*="color:red"],
html.dark-mode div[style*="color: red"],
html.dark-mode div[style*="color:red"],
html.dark-mode span[style*="color: red"],
html.dark-mode span[style*="color:red"],
html.dark-mode small[style*="color: red"],
html.dark-mode small[style*="color:red"],
html.dark-mode label[style*="color: red"],
html.dark-mode label[style*="color:red"],
html.dark-mode strong[style*="color: red"],
html.dark-mode strong[style*="color:red"],
html.dark-mode a[style*="color: red"],
html.dark-mode a[style*="color:red"],
html.dark-mode li[style*="color: red"],
html.dark-mode li[style*="color:red"],
html.dark-mode td[style*="color: red"],
html.dark-mode td[style*="color:red"],
html.dark-mode th[style*="color: red"],
html.dark-mode th[style*="color:red"] {
    color: #fca5a5 !important;
}

html.dark-mode h2[style*="color: #e67e22"],
html.dark-mode h2[style*="color:#e67e22"],
html.dark-mode h3[style*="color: #e67e22"],
html.dark-mode h3[style*="color:#e67e22"],
html.dark-mode h4[style*="color: #e67e22"],
html.dark-mode h4[style*="color:#e67e22"],
html.dark-mode h5[style*="color: #e67e22"],
html.dark-mode h5[style*="color:#e67e22"],
html.dark-mode h6[style*="color: #e67e22"],
html.dark-mode h6[style*="color:#e67e22"],
html.dark-mode p[style*="color: #e67e22"],
html.dark-mode p[style*="color:#e67e22"],
html.dark-mode div[style*="color: #e67e22"],
html.dark-mode div[style*="color:#e67e22"],
html.dark-mode span[style*="color: #e67e22"],
html.dark-mode span[style*="color:#e67e22"],
html.dark-mode small[style*="color: #e67e22"],
html.dark-mode small[style*="color:#e67e22"],
html.dark-mode label[style*="color: #e67e22"],
html.dark-mode label[style*="color:#e67e22"],
html.dark-mode strong[style*="color: #e67e22"],
html.dark-mode strong[style*="color:#e67e22"],
html.dark-mode a[style*="color: #e67e22"],
html.dark-mode a[style*="color:#e67e22"],
html.dark-mode li[style*="color: #e67e22"],
html.dark-mode li[style*="color:#e67e22"],
html.dark-mode td[style*="color: #e67e22"],
html.dark-mode td[style*="color:#e67e22"],
html.dark-mode th[style*="color: #e67e22"],
html.dark-mode th[style*="color:#e67e22"] {
    color: #fdba74 !important;
}

html.dark-mode h2[style*="color: #16a085"],
html.dark-mode h2[style*="color:#16a085"],
html.dark-mode h3[style*="color: #16a085"],
html.dark-mode h3[style*="color:#16a085"],
html.dark-mode h4[style*="color: #16a085"],
html.dark-mode h4[style*="color:#16a085"],
html.dark-mode h5[style*="color: #16a085"],
html.dark-mode h5[style*="color:#16a085"],
html.dark-mode h6[style*="color: #16a085"],
html.dark-mode h6[style*="color:#16a085"],
html.dark-mode p[style*="color: #16a085"],
html.dark-mode p[style*="color:#16a085"],
html.dark-mode div[style*="color: #16a085"],
html.dark-mode div[style*="color:#16a085"],
html.dark-mode span[style*="color: #16a085"],
html.dark-mode span[style*="color:#16a085"],
html.dark-mode small[style*="color: #16a085"],
html.dark-mode small[style*="color:#16a085"],
html.dark-mode label[style*="color: #16a085"],
html.dark-mode label[style*="color:#16a085"],
html.dark-mode strong[style*="color: #16a085"],
html.dark-mode strong[style*="color:#16a085"],
html.dark-mode a[style*="color: #16a085"],
html.dark-mode a[style*="color:#16a085"],
html.dark-mode li[style*="color: #16a085"],
html.dark-mode li[style*="color:#16a085"],
html.dark-mode td[style*="color: #16a085"],
html.dark-mode td[style*="color:#16a085"],
html.dark-mode th[style*="color: #16a085"],
html.dark-mode th[style*="color:#16a085"] {
    color: #86efac !important;
}

html.dark-mode *[style*="border: 1px solid #e5e7eb"],
html.dark-mode *[style*="border:1px solid #e5e7eb"],
html.dark-mode *[style*="border-bottom: 1px solid #e5e7eb"],
html.dark-mode *[style*="border-bottom:1px solid #e5e7eb"],
html.dark-mode *[style*="border-top: 1px solid #e5e7eb"],
html.dark-mode *[style*="border-top:1px solid #e5e7eb"],
html.dark-mode *[style*="border-left: 1px solid #e5e7eb"],
html.dark-mode *[style*="border-left:1px solid #e5e7eb"],
html.dark-mode *[style*="border-right: 1px solid #e5e7eb"],
html.dark-mode *[style*="border-right:1px solid #e5e7eb"],
html.dark-mode *[style*="border: 1px solid #e2e2e2"],
html.dark-mode *[style*="border:1px solid #e2e2e2"],
html.dark-mode *[style*="border-bottom: 1px solid #e2e2e2"],
html.dark-mode *[style*="border-bottom:1px solid #e2e2e2"],
html.dark-mode *[style*="border-top: 1px solid #e2e2e2"],
html.dark-mode *[style*="border-top:1px solid #e2e2e2"],
html.dark-mode *[style*="border-left: 1px solid #e2e2e2"],
html.dark-mode *[style*="border-left:1px solid #e2e2e2"],
html.dark-mode *[style*="border-right: 1px solid #e2e2e2"],
html.dark-mode *[style*="border-right:1px solid #e2e2e2"],
html.dark-mode *[style*="border: 1px solid #e8e8e8"],
html.dark-mode *[style*="border:1px solid #e8e8e8"],
html.dark-mode *[style*="border-bottom: 1px solid #e8e8e8"],
html.dark-mode *[style*="border-bottom:1px solid #e8e8e8"],
html.dark-mode *[style*="border-top: 1px solid #e8e8e8"],
html.dark-mode *[style*="border-top:1px solid #e8e8e8"],
html.dark-mode *[style*="border-left: 1px solid #e8e8e8"],
html.dark-mode *[style*="border-left:1px solid #e8e8e8"],
html.dark-mode *[style*="border-right: 1px solid #e8e8e8"],
html.dark-mode *[style*="border-right:1px solid #e8e8e8"],
html.dark-mode *[style*="border: 1px solid #e0e0e0"],
html.dark-mode *[style*="border:1px solid #e0e0e0"],
html.dark-mode *[style*="border-bottom: 1px solid #e0e0e0"],
html.dark-mode *[style*="border-bottom:1px solid #e0e0e0"],
html.dark-mode *[style*="border-top: 1px solid #e0e0e0"],
html.dark-mode *[style*="border-top:1px solid #e0e0e0"],
html.dark-mode *[style*="border-left: 1px solid #e0e0e0"],
html.dark-mode *[style*="border-left:1px solid #e0e0e0"],
html.dark-mode *[style*="border-right: 1px solid #e0e0e0"],
html.dark-mode *[style*="border-right:1px solid #e0e0e0"],
html.dark-mode *[style*="border: 1px solid #ddd"],
html.dark-mode *[style*="border:1px solid #ddd"],
html.dark-mode *[style*="border-bottom: 1px solid #ddd"],
html.dark-mode *[style*="border-bottom:1px solid #ddd"],
html.dark-mode *[style*="border-top: 1px solid #ddd"],
html.dark-mode *[style*="border-top:1px solid #ddd"],
html.dark-mode *[style*="border-left: 1px solid #ddd"],
html.dark-mode *[style*="border-left:1px solid #ddd"],
html.dark-mode *[style*="border-right: 1px solid #ddd"],
html.dark-mode *[style*="border-right:1px solid #ddd"],
html.dark-mode *[style*="border: 1px solid #eee"],
html.dark-mode *[style*="border:1px solid #eee"],
html.dark-mode *[style*="border-bottom: 1px solid #eee"],
html.dark-mode *[style*="border-bottom:1px solid #eee"],
html.dark-mode *[style*="border-top: 1px solid #eee"],
html.dark-mode *[style*="border-top:1px solid #eee"],
html.dark-mode *[style*="border-left: 1px solid #eee"],
html.dark-mode *[style*="border-left:1px solid #eee"],
html.dark-mode *[style*="border-right: 1px solid #eee"],
html.dark-mode *[style*="border-right:1px solid #eee"],
html.dark-mode *[style*="border: 1px solid #dee2e6"],
html.dark-mode *[style*="border:1px solid #dee2e6"],
html.dark-mode *[style*="border-bottom: 1px solid #dee2e6"],
html.dark-mode *[style*="border-bottom:1px solid #dee2e6"],
html.dark-mode *[style*="border-top: 1px solid #dee2e6"],
html.dark-mode *[style*="border-top:1px solid #dee2e6"],
html.dark-mode *[style*="border-left: 1px solid #dee2e6"],
html.dark-mode *[style*="border-left:1px solid #dee2e6"],
html.dark-mode *[style*="border-right: 1px solid #dee2e6"],
html.dark-mode *[style*="border-right:1px solid #dee2e6"],
html.dark-mode *[style*="border: 1px solid #d1d5db"],
html.dark-mode *[style*="border:1px solid #d1d5db"],
html.dark-mode *[style*="border-bottom: 1px solid #d1d5db"],
html.dark-mode *[style*="border-bottom:1px solid #d1d5db"],
html.dark-mode *[style*="border-top: 1px solid #d1d5db"],
html.dark-mode *[style*="border-top:1px solid #d1d5db"],
html.dark-mode *[style*="border-left: 1px solid #d1d5db"],
html.dark-mode *[style*="border-left:1px solid #d1d5db"],
html.dark-mode *[style*="border-right: 1px solid #d1d5db"],
html.dark-mode *[style*="border-right:1px solid #d1d5db"],
html.dark-mode *[style*="border: 1px solid #edf0f2"],
html.dark-mode *[style*="border:1px solid #edf0f2"],
html.dark-mode *[style*="border-bottom: 1px solid #edf0f2"],
html.dark-mode *[style*="border-bottom:1px solid #edf0f2"],
html.dark-mode *[style*="border-top: 1px solid #edf0f2"],
html.dark-mode *[style*="border-top:1px solid #edf0f2"],
html.dark-mode *[style*="border-left: 1px solid #edf0f2"],
html.dark-mode *[style*="border-left:1px solid #edf0f2"],
html.dark-mode *[style*="border-right: 1px solid #edf0f2"],
html.dark-mode *[style*="border-right:1px solid #edf0f2"],
html.dark-mode *[style*="border: 1px solid #ccc"],
html.dark-mode *[style*="border:1px solid #ccc"],
html.dark-mode *[style*="border-bottom: 1px solid #ccc"],
html.dark-mode *[style*="border-bottom:1px solid #ccc"],
html.dark-mode *[style*="border-top: 1px solid #ccc"],
html.dark-mode *[style*="border-top:1px solid #ccc"],
html.dark-mode *[style*="border-left: 1px solid #ccc"],
html.dark-mode *[style*="border-left:1px solid #ccc"],
html.dark-mode *[style*="border-right: 1px solid #ccc"],
html.dark-mode *[style*="border-right:1px solid #ccc"],
html.dark-mode *[style*="border: 1px solid #e8e8e8"],
html.dark-mode *[style*="border:1px solid #e8e8e8"],
html.dark-mode *[style*="border-bottom: 1px solid #e8e8e8"],
html.dark-mode *[style*="border-bottom:1px solid #e8e8e8"],
html.dark-mode *[style*="border-top: 1px solid #e8e8e8"],
html.dark-mode *[style*="border-top:1px solid #e8e8e8"],
html.dark-mode *[style*="border-left: 1px solid #e8e8e8"],
html.dark-mode *[style*="border-left:1px solid #e8e8e8"],
html.dark-mode *[style*="border-right: 1px solid #e8e8e8"],
html.dark-mode *[style*="border-right:1px solid #e8e8e8"] {
    border-color: var(--border-color, #334155) !important;
    border-bottom-color: var(--border-color, #334155) !important;
    border-top-color: var(--border-color, #334155) !important;
    border-left-color: var(--border-color, #334155) !important;
    border-right-color: var(--border-color, #334155) !important;
}

html.dark-mode input[style*="background: #fff"],
html.dark-mode input[style*="background:#fff"],
html.dark-mode input[style*="background-color: #fff"],
html.dark-mode input[style*="background-color:#fff"],
html.dark-mode textarea[style*="background: #fff"],
html.dark-mode textarea[style*="background:#fff"],
html.dark-mode textarea[style*="background-color: #fff"],
html.dark-mode textarea[style*="background-color:#fff"],
html.dark-mode select[style*="background: #fff"],
html.dark-mode select[style*="background:#fff"],
html.dark-mode select[style*="background-color: #fff"],
html.dark-mode select[style*="background-color:#fff"],
html.dark-mode input[style*="background: #ffffff"],
html.dark-mode input[style*="background:#ffffff"],
html.dark-mode input[style*="background-color: #ffffff"],
html.dark-mode input[style*="background-color:#ffffff"],
html.dark-mode textarea[style*="background: #ffffff"],
html.dark-mode textarea[style*="background:#ffffff"],
html.dark-mode textarea[style*="background-color: #ffffff"],
html.dark-mode textarea[style*="background-color:#ffffff"],
html.dark-mode select[style*="background: #ffffff"],
html.dark-mode select[style*="background:#ffffff"],
html.dark-mode select[style*="background-color: #ffffff"],
html.dark-mode select[style*="background-color:#ffffff"],
html.dark-mode input[style*="background: white"],
html.dark-mode input[style*="background:white"],
html.dark-mode input[style*="background-color: white"],
html.dark-mode input[style*="background-color:white"],
html.dark-mode textarea[style*="background: white"],
html.dark-mode textarea[style*="background:white"],
html.dark-mode textarea[style*="background-color: white"],
html.dark-mode textarea[style*="background-color:white"],
html.dark-mode select[style*="background: white"],
html.dark-mode select[style*="background:white"],
html.dark-mode select[style*="background-color: white"],
html.dark-mode select[style*="background-color:white"],
html.dark-mode input[style*="background: #f8f9fa"],
html.dark-mode input[style*="background:#f8f9fa"],
html.dark-mode input[style*="background-color: #f8f9fa"],
html.dark-mode input[style*="background-color:#f8f9fa"],
html.dark-mode textarea[style*="background: #f8f9fa"],
html.dark-mode textarea[style*="background:#f8f9fa"],
html.dark-mode textarea[style*="background-color: #f8f9fa"],
html.dark-mode textarea[style*="background-color:#f8f9fa"],
html.dark-mode select[style*="background: #f8f9fa"],
html.dark-mode select[style*="background:#f8f9fa"],
html.dark-mode select[style*="background-color: #f8f9fa"],
html.dark-mode select[style*="background-color:#f8f9fa"],
html.dark-mode input[style*="background: #f9f9f9"],
html.dark-mode input[style*="background:#f9f9f9"],
html.dark-mode input[style*="background-color: #f9f9f9"],
html.dark-mode input[style*="background-color:#f9f9f9"],
html.dark-mode textarea[style*="background: #f9f9f9"],
html.dark-mode textarea[style*="background:#f9f9f9"],
html.dark-mode textarea[style*="background-color: #f9f9f9"],
html.dark-mode textarea[style*="background-color:#f9f9f9"],
html.dark-mode select[style*="background: #f9f9f9"],
html.dark-mode select[style*="background:#f9f9f9"],
html.dark-mode select[style*="background-color: #f9f9f9"],
html.dark-mode select[style*="background-color:#f9f9f9"],
html.dark-mode input[style*="background: #f5f5f5"],
html.dark-mode input[style*="background:#f5f5f5"],
html.dark-mode input[style*="background-color: #f5f5f5"],
html.dark-mode input[style*="background-color:#f5f5f5"],
html.dark-mode textarea[style*="background: #f5f5f5"],
html.dark-mode textarea[style*="background:#f5f5f5"],
html.dark-mode textarea[style*="background-color: #f5f5f5"],
html.dark-mode textarea[style*="background-color:#f5f5f5"],
html.dark-mode select[style*="background: #f5f5f5"],
html.dark-mode select[style*="background:#f5f5f5"],
html.dark-mode select[style*="background-color: #f5f5f5"],
html.dark-mode select[style*="background-color:#f5f5f5"],
html.dark-mode input[style*="background: #f3f4f6"],
html.dark-mode input[style*="background:#f3f4f6"],
html.dark-mode input[style*="background-color: #f3f4f6"],
html.dark-mode input[style*="background-color:#f3f4f6"],
html.dark-mode textarea[style*="background: #f3f4f6"],
html.dark-mode textarea[style*="background:#f3f4f6"],
html.dark-mode textarea[style*="background-color: #f3f4f6"],
html.dark-mode textarea[style*="background-color:#f3f4f6"],
html.dark-mode select[style*="background: #f3f4f6"],
html.dark-mode select[style*="background:#f3f4f6"],
html.dark-mode select[style*="background-color: #f3f4f6"],
html.dark-mode select[style*="background-color:#f3f4f6"],
html.dark-mode input[style*="background: #e9ecef"],
html.dark-mode input[style*="background:#e9ecef"],
html.dark-mode input[style*="background-color: #e9ecef"],
html.dark-mode input[style*="background-color:#e9ecef"],
html.dark-mode textarea[style*="background: #e9ecef"],
html.dark-mode textarea[style*="background:#e9ecef"],
html.dark-mode textarea[style*="background-color: #e9ecef"],
html.dark-mode textarea[style*="background-color:#e9ecef"],
html.dark-mode select[style*="background: #e9ecef"],
html.dark-mode select[style*="background:#e9ecef"],
html.dark-mode select[style*="background-color: #e9ecef"],
html.dark-mode select[style*="background-color:#e9ecef"],
html.dark-mode input[style*="background: #e2e2e2"],
html.dark-mode input[style*="background:#e2e2e2"],
html.dark-mode input[style*="background-color: #e2e2e2"],
html.dark-mode input[style*="background-color:#e2e2e2"],
html.dark-mode textarea[style*="background: #e2e2e2"],
html.dark-mode textarea[style*="background:#e2e2e2"],
html.dark-mode textarea[style*="background-color: #e2e2e2"],
html.dark-mode textarea[style*="background-color:#e2e2e2"],
html.dark-mode select[style*="background: #e2e2e2"],
html.dark-mode select[style*="background:#e2e2e2"],
html.dark-mode select[style*="background-color: #e2e2e2"],
html.dark-mode select[style*="background-color:#e2e2e2"],
html.dark-mode input[style*="background: #e8e8e8"],
html.dark-mode input[style*="background:#e8e8e8"],
html.dark-mode input[style*="background-color: #e8e8e8"],
html.dark-mode input[style*="background-color:#e8e8e8"],
html.dark-mode textarea[style*="background: #e8e8e8"],
html.dark-mode textarea[style*="background:#e8e8e8"],
html.dark-mode textarea[style*="background-color: #e8e8e8"],
html.dark-mode textarea[style*="background-color:#e8e8e8"],
html.dark-mode select[style*="background: #e8e8e8"],
html.dark-mode select[style*="background:#e8e8e8"],
html.dark-mode select[style*="background-color: #e8e8e8"],
html.dark-mode select[style*="background-color:#e8e8e8"],
html.dark-mode input[style*="background: #e5e7eb"],
html.dark-mode input[style*="background:#e5e7eb"],
html.dark-mode input[style*="background-color: #e5e7eb"],
html.dark-mode input[style*="background-color:#e5e7eb"],
html.dark-mode textarea[style*="background: #e5e7eb"],
html.dark-mode textarea[style*="background:#e5e7eb"],
html.dark-mode textarea[style*="background-color: #e5e7eb"],
html.dark-mode textarea[style*="background-color:#e5e7eb"],
html.dark-mode select[style*="background: #e5e7eb"],
html.dark-mode select[style*="background:#e5e7eb"],
html.dark-mode select[style*="background-color: #e5e7eb"],
html.dark-mode select[style*="background-color:#e5e7eb"],
html.dark-mode input[style*="background: #e0e0e0"],
html.dark-mode input[style*="background:#e0e0e0"],
html.dark-mode input[style*="background-color: #e0e0e0"],
html.dark-mode input[style*="background-color:#e0e0e0"],
html.dark-mode textarea[style*="background: #e0e0e0"],
html.dark-mode textarea[style*="background:#e0e0e0"],
html.dark-mode textarea[style*="background-color: #e0e0e0"],
html.dark-mode textarea[style*="background-color:#e0e0e0"],
html.dark-mode select[style*="background: #e0e0e0"],
html.dark-mode select[style*="background:#e0e0e0"],
html.dark-mode select[style*="background-color: #e0e0e0"],
html.dark-mode select[style*="background-color:#e0e0e0"],
html.dark-mode input[style*="background: #ddd"],
html.dark-mode input[style*="background:#ddd"],
html.dark-mode input[style*="background-color: #ddd"],
html.dark-mode input[style*="background-color:#ddd"],
html.dark-mode textarea[style*="background: #ddd"],
html.dark-mode textarea[style*="background:#ddd"],
html.dark-mode textarea[style*="background-color: #ddd"],
html.dark-mode textarea[style*="background-color:#ddd"],
html.dark-mode select[style*="background: #ddd"],
html.dark-mode select[style*="background:#ddd"],
html.dark-mode select[style*="background-color: #ddd"],
html.dark-mode select[style*="background-color:#ddd"],
html.dark-mode input[style*="background: #eee"],
html.dark-mode input[style*="background:#eee"],
html.dark-mode input[style*="background-color: #eee"],
html.dark-mode input[style*="background-color:#eee"],
html.dark-mode textarea[style*="background: #eee"],
html.dark-mode textarea[style*="background:#eee"],
html.dark-mode textarea[style*="background-color: #eee"],
html.dark-mode textarea[style*="background-color:#eee"],
html.dark-mode select[style*="background: #eee"],
html.dark-mode select[style*="background:#eee"],
html.dark-mode select[style*="background-color: #eee"],
html.dark-mode select[style*="background-color:#eee"],
html.dark-mode input[style*="background: #dee2e6"],
html.dark-mode input[style*="background:#dee2e6"],
html.dark-mode input[style*="background-color: #dee2e6"],
html.dark-mode input[style*="background-color:#dee2e6"],
html.dark-mode textarea[style*="background: #dee2e6"],
html.dark-mode textarea[style*="background:#dee2e6"],
html.dark-mode textarea[style*="background-color: #dee2e6"],
html.dark-mode textarea[style*="background-color:#dee2e6"],
html.dark-mode select[style*="background: #dee2e6"],
html.dark-mode select[style*="background:#dee2e6"],
html.dark-mode select[style*="background-color: #dee2e6"],
html.dark-mode select[style*="background-color:#dee2e6"],
html.dark-mode input[style*="background: #d1d5db"],
html.dark-mode input[style*="background:#d1d5db"],
html.dark-mode input[style*="background-color: #d1d5db"],
html.dark-mode input[style*="background-color:#d1d5db"],
html.dark-mode textarea[style*="background: #d1d5db"],
html.dark-mode textarea[style*="background:#d1d5db"],
html.dark-mode textarea[style*="background-color: #d1d5db"],
html.dark-mode textarea[style*="background-color:#d1d5db"],
html.dark-mode select[style*="background: #d1d5db"],
html.dark-mode select[style*="background:#d1d5db"],
html.dark-mode select[style*="background-color: #d1d5db"],
html.dark-mode select[style*="background-color:#d1d5db"] {
    background: var(--bg-card, #1e293b) !important;
    color: var(--text-primary, #f1f5f9) !important;
    border-color: var(--border-color, #334155) !important;
}

html.dark-mode div[style*="white-space: pre-wrap"],
html.dark-mode p[style*="white-space: pre-wrap"] {
    color: var(--text-primary, #f1f5f9) !important;
}

html.dark-mode a[style*="color: #007bff"],
html.dark-mode a[style*="color:#007bff"],
html.dark-mode a[style*="color: #3b82f6"],
html.dark-mode a[style*="color:#3b82f6"],
html.dark-mode a[style*="color: #667eea"],
html.dark-mode a[style*="color:#667eea"] {
    color: var(--ps-info, #38bdf8) !important;
}

html.dark-mode *[style*="color: white"][style*="background"],
html.dark-mode *[style*="color:#fff"][style*="background"],
html.dark-mode *[style*="color: #fff"][style*="background"] {
    color: #fff !important;
}

/* Extra inline icon/brand colors for dashboards */
html.dark-mode h2[style*="color: #1abc9c"],
html.dark-mode h2[style*="color:#1abc9c"],
html.dark-mode h3[style*="color: #1abc9c"],
html.dark-mode h3[style*="color:#1abc9c"],
html.dark-mode h4[style*="color: #1abc9c"],
html.dark-mode h4[style*="color:#1abc9c"],
html.dark-mode h5[style*="color: #1abc9c"],
html.dark-mode h5[style*="color:#1abc9c"],
html.dark-mode h6[style*="color: #1abc9c"],
html.dark-mode h6[style*="color:#1abc9c"],
html.dark-mode p[style*="color: #1abc9c"],
html.dark-mode p[style*="color:#1abc9c"],
html.dark-mode div[style*="color: #1abc9c"],
html.dark-mode div[style*="color:#1abc9c"],
html.dark-mode span[style*="color: #1abc9c"],
html.dark-mode span[style*="color:#1abc9c"],
html.dark-mode small[style*="color: #1abc9c"],
html.dark-mode small[style*="color:#1abc9c"],
html.dark-mode strong[style*="color: #1abc9c"],
html.dark-mode strong[style*="color:#1abc9c"],
html.dark-mode a[style*="color: #1abc9c"],
html.dark-mode a[style*="color:#1abc9c"],
html.dark-mode li[style*="color: #1abc9c"],
html.dark-mode li[style*="color:#1abc9c"],
html.dark-mode i[style*="color: #1abc9c"],
html.dark-mode i[style*="color:#1abc9c"],
html.dark-mode td[style*="color: #1abc9c"],
html.dark-mode td[style*="color:#1abc9c"],
html.dark-mode th[style*="color: #1abc9c"],
html.dark-mode th[style*="color:#1abc9c"],
html.dark-mode label[style*="color: #1abc9c"],
html.dark-mode label[style*="color:#1abc9c"] {
    color: #86efac !important;
}
html.dark-mode h2[style*="color: #27ae60"],
html.dark-mode h2[style*="color:#27ae60"],
html.dark-mode h3[style*="color: #27ae60"],
html.dark-mode h3[style*="color:#27ae60"],
html.dark-mode h4[style*="color: #27ae60"],
html.dark-mode h4[style*="color:#27ae60"],
html.dark-mode h5[style*="color: #27ae60"],
html.dark-mode h5[style*="color:#27ae60"],
html.dark-mode h6[style*="color: #27ae60"],
html.dark-mode h6[style*="color:#27ae60"],
html.dark-mode p[style*="color: #27ae60"],
html.dark-mode p[style*="color:#27ae60"],
html.dark-mode div[style*="color: #27ae60"],
html.dark-mode div[style*="color:#27ae60"],
html.dark-mode span[style*="color: #27ae60"],
html.dark-mode span[style*="color:#27ae60"],
html.dark-mode small[style*="color: #27ae60"],
html.dark-mode small[style*="color:#27ae60"],
html.dark-mode strong[style*="color: #27ae60"],
html.dark-mode strong[style*="color:#27ae60"],
html.dark-mode a[style*="color: #27ae60"],
html.dark-mode a[style*="color:#27ae60"],
html.dark-mode li[style*="color: #27ae60"],
html.dark-mode li[style*="color:#27ae60"],
html.dark-mode i[style*="color: #27ae60"],
html.dark-mode i[style*="color:#27ae60"],
html.dark-mode td[style*="color: #27ae60"],
html.dark-mode td[style*="color:#27ae60"],
html.dark-mode th[style*="color: #27ae60"],
html.dark-mode th[style*="color:#27ae60"],
html.dark-mode label[style*="color: #27ae60"],
html.dark-mode label[style*="color:#27ae60"] {
    color: #86efac !important;
}
html.dark-mode h2[style*="color: #4caf50"],
html.dark-mode h2[style*="color:#4caf50"],
html.dark-mode h3[style*="color: #4caf50"],
html.dark-mode h3[style*="color:#4caf50"],
html.dark-mode h4[style*="color: #4caf50"],
html.dark-mode h4[style*="color:#4caf50"],
html.dark-mode h5[style*="color: #4caf50"],
html.dark-mode h5[style*="color:#4caf50"],
html.dark-mode h6[style*="color: #4caf50"],
html.dark-mode h6[style*="color:#4caf50"],
html.dark-mode p[style*="color: #4caf50"],
html.dark-mode p[style*="color:#4caf50"],
html.dark-mode div[style*="color: #4caf50"],
html.dark-mode div[style*="color:#4caf50"],
html.dark-mode span[style*="color: #4caf50"],
html.dark-mode span[style*="color:#4caf50"],
html.dark-mode small[style*="color: #4caf50"],
html.dark-mode small[style*="color:#4caf50"],
html.dark-mode strong[style*="color: #4caf50"],
html.dark-mode strong[style*="color:#4caf50"],
html.dark-mode a[style*="color: #4caf50"],
html.dark-mode a[style*="color:#4caf50"],
html.dark-mode li[style*="color: #4caf50"],
html.dark-mode li[style*="color:#4caf50"],
html.dark-mode i[style*="color: #4caf50"],
html.dark-mode i[style*="color:#4caf50"],
html.dark-mode td[style*="color: #4caf50"],
html.dark-mode td[style*="color:#4caf50"],
html.dark-mode th[style*="color: #4caf50"],
html.dark-mode th[style*="color:#4caf50"],
html.dark-mode label[style*="color: #4caf50"],
html.dark-mode label[style*="color:#4caf50"] {
    color: #86efac !important;
}
html.dark-mode h2[style*="color: #3498db"],
html.dark-mode h2[style*="color:#3498db"],
html.dark-mode h3[style*="color: #3498db"],
html.dark-mode h3[style*="color:#3498db"],
html.dark-mode h4[style*="color: #3498db"],
html.dark-mode h4[style*="color:#3498db"],
html.dark-mode h5[style*="color: #3498db"],
html.dark-mode h5[style*="color:#3498db"],
html.dark-mode h6[style*="color: #3498db"],
html.dark-mode h6[style*="color:#3498db"],
html.dark-mode p[style*="color: #3498db"],
html.dark-mode p[style*="color:#3498db"],
html.dark-mode div[style*="color: #3498db"],
html.dark-mode div[style*="color:#3498db"],
html.dark-mode span[style*="color: #3498db"],
html.dark-mode span[style*="color:#3498db"],
html.dark-mode small[style*="color: #3498db"],
html.dark-mode small[style*="color:#3498db"],
html.dark-mode strong[style*="color: #3498db"],
html.dark-mode strong[style*="color:#3498db"],
html.dark-mode a[style*="color: #3498db"],
html.dark-mode a[style*="color:#3498db"],
html.dark-mode li[style*="color: #3498db"],
html.dark-mode li[style*="color:#3498db"],
html.dark-mode i[style*="color: #3498db"],
html.dark-mode i[style*="color:#3498db"],
html.dark-mode td[style*="color: #3498db"],
html.dark-mode td[style*="color:#3498db"],
html.dark-mode th[style*="color: #3498db"],
html.dark-mode th[style*="color:#3498db"],
html.dark-mode label[style*="color: #3498db"],
html.dark-mode label[style*="color:#3498db"] {
    color: #7dd3fc !important;
}
html.dark-mode h2[style*="color: #6f42c1"],
html.dark-mode h2[style*="color:#6f42c1"],
html.dark-mode h3[style*="color: #6f42c1"],
html.dark-mode h3[style*="color:#6f42c1"],
html.dark-mode h4[style*="color: #6f42c1"],
html.dark-mode h4[style*="color:#6f42c1"],
html.dark-mode h5[style*="color: #6f42c1"],
html.dark-mode h5[style*="color:#6f42c1"],
html.dark-mode h6[style*="color: #6f42c1"],
html.dark-mode h6[style*="color:#6f42c1"],
html.dark-mode p[style*="color: #6f42c1"],
html.dark-mode p[style*="color:#6f42c1"],
html.dark-mode div[style*="color: #6f42c1"],
html.dark-mode div[style*="color:#6f42c1"],
html.dark-mode span[style*="color: #6f42c1"],
html.dark-mode span[style*="color:#6f42c1"],
html.dark-mode small[style*="color: #6f42c1"],
html.dark-mode small[style*="color:#6f42c1"],
html.dark-mode strong[style*="color: #6f42c1"],
html.dark-mode strong[style*="color:#6f42c1"],
html.dark-mode a[style*="color: #6f42c1"],
html.dark-mode a[style*="color:#6f42c1"],
html.dark-mode li[style*="color: #6f42c1"],
html.dark-mode li[style*="color:#6f42c1"],
html.dark-mode i[style*="color: #6f42c1"],
html.dark-mode i[style*="color:#6f42c1"],
html.dark-mode td[style*="color: #6f42c1"],
html.dark-mode td[style*="color:#6f42c1"],
html.dark-mode th[style*="color: #6f42c1"],
html.dark-mode th[style*="color:#6f42c1"],
html.dark-mode label[style*="color: #6f42c1"],
html.dark-mode label[style*="color:#6f42c1"] {
    color: #c4b5fd !important;
}
html.dark-mode h2[style*="color: #f44336"],
html.dark-mode h2[style*="color:#f44336"],
html.dark-mode h3[style*="color: #f44336"],
html.dark-mode h3[style*="color:#f44336"],
html.dark-mode h4[style*="color: #f44336"],
html.dark-mode h4[style*="color:#f44336"],
html.dark-mode h5[style*="color: #f44336"],
html.dark-mode h5[style*="color:#f44336"],
html.dark-mode h6[style*="color: #f44336"],
html.dark-mode h6[style*="color:#f44336"],
html.dark-mode p[style*="color: #f44336"],
html.dark-mode p[style*="color:#f44336"],
html.dark-mode div[style*="color: #f44336"],
html.dark-mode div[style*="color:#f44336"],
html.dark-mode span[style*="color: #f44336"],
html.dark-mode span[style*="color:#f44336"],
html.dark-mode small[style*="color: #f44336"],
html.dark-mode small[style*="color:#f44336"],
html.dark-mode strong[style*="color: #f44336"],
html.dark-mode strong[style*="color:#f44336"],
html.dark-mode a[style*="color: #f44336"],
html.dark-mode a[style*="color:#f44336"],
html.dark-mode li[style*="color: #f44336"],
html.dark-mode li[style*="color:#f44336"],
html.dark-mode i[style*="color: #f44336"],
html.dark-mode i[style*="color:#f44336"],
html.dark-mode td[style*="color: #f44336"],
html.dark-mode td[style*="color:#f44336"],
html.dark-mode th[style*="color: #f44336"],
html.dark-mode th[style*="color:#f44336"],
html.dark-mode label[style*="color: #f44336"],
html.dark-mode label[style*="color:#f44336"] {
    color: #fca5a5 !important;
}
html.dark-mode h2[style*="color: #f093fb"],
html.dark-mode h2[style*="color:#f093fb"],
html.dark-mode h3[style*="color: #f093fb"],
html.dark-mode h3[style*="color:#f093fb"],
html.dark-mode h4[style*="color: #f093fb"],
html.dark-mode h4[style*="color:#f093fb"],
html.dark-mode h5[style*="color: #f093fb"],
html.dark-mode h5[style*="color:#f093fb"],
html.dark-mode h6[style*="color: #f093fb"],
html.dark-mode h6[style*="color:#f093fb"],
html.dark-mode p[style*="color: #f093fb"],
html.dark-mode p[style*="color:#f093fb"],
html.dark-mode div[style*="color: #f093fb"],
html.dark-mode div[style*="color:#f093fb"],
html.dark-mode span[style*="color: #f093fb"],
html.dark-mode span[style*="color:#f093fb"],
html.dark-mode small[style*="color: #f093fb"],
html.dark-mode small[style*="color:#f093fb"],
html.dark-mode strong[style*="color: #f093fb"],
html.dark-mode strong[style*="color:#f093fb"],
html.dark-mode a[style*="color: #f093fb"],
html.dark-mode a[style*="color:#f093fb"],
html.dark-mode li[style*="color: #f093fb"],
html.dark-mode li[style*="color:#f093fb"],
html.dark-mode i[style*="color: #f093fb"],
html.dark-mode i[style*="color:#f093fb"],
html.dark-mode td[style*="color: #f093fb"],
html.dark-mode td[style*="color:#f093fb"],
html.dark-mode th[style*="color: #f093fb"],
html.dark-mode th[style*="color:#f093fb"],
html.dark-mode label[style*="color: #f093fb"],
html.dark-mode label[style*="color:#f093fb"] {
    color: #f9a8d4 !important;
}
html.dark-mode h2[style*="color: #f5576c"],
html.dark-mode h2[style*="color:#f5576c"],
html.dark-mode h3[style*="color: #f5576c"],
html.dark-mode h3[style*="color:#f5576c"],
html.dark-mode h4[style*="color: #f5576c"],
html.dark-mode h4[style*="color:#f5576c"],
html.dark-mode h5[style*="color: #f5576c"],
html.dark-mode h5[style*="color:#f5576c"],
html.dark-mode h6[style*="color: #f5576c"],
html.dark-mode h6[style*="color:#f5576c"],
html.dark-mode p[style*="color: #f5576c"],
html.dark-mode p[style*="color:#f5576c"],
html.dark-mode div[style*="color: #f5576c"],
html.dark-mode div[style*="color:#f5576c"],
html.dark-mode span[style*="color: #f5576c"],
html.dark-mode span[style*="color:#f5576c"],
html.dark-mode small[style*="color: #f5576c"],
html.dark-mode small[style*="color:#f5576c"],
html.dark-mode strong[style*="color: #f5576c"],
html.dark-mode strong[style*="color:#f5576c"],
html.dark-mode a[style*="color: #f5576c"],
html.dark-mode a[style*="color:#f5576c"],
html.dark-mode li[style*="color: #f5576c"],
html.dark-mode li[style*="color:#f5576c"],
html.dark-mode i[style*="color: #f5576c"],
html.dark-mode i[style*="color:#f5576c"],
html.dark-mode td[style*="color: #f5576c"],
html.dark-mode td[style*="color:#f5576c"],
html.dark-mode th[style*="color: #f5576c"],
html.dark-mode th[style*="color:#f5576c"],
html.dark-mode label[style*="color: #f5576c"],
html.dark-mode label[style*="color:#f5576c"] {
    color: #fca5a5 !important;
}
html.dark-mode h2[style*="color: #e67e22"],
html.dark-mode h2[style*="color:#e67e22"],
html.dark-mode h3[style*="color: #e67e22"],
html.dark-mode h3[style*="color:#e67e22"],
html.dark-mode h4[style*="color: #e67e22"],
html.dark-mode h4[style*="color:#e67e22"],
html.dark-mode h5[style*="color: #e67e22"],
html.dark-mode h5[style*="color:#e67e22"],
html.dark-mode h6[style*="color: #e67e22"],
html.dark-mode h6[style*="color:#e67e22"],
html.dark-mode p[style*="color: #e67e22"],
html.dark-mode p[style*="color:#e67e22"],
html.dark-mode div[style*="color: #e67e22"],
html.dark-mode div[style*="color:#e67e22"],
html.dark-mode span[style*="color: #e67e22"],
html.dark-mode span[style*="color:#e67e22"],
html.dark-mode small[style*="color: #e67e22"],
html.dark-mode small[style*="color:#e67e22"],
html.dark-mode strong[style*="color: #e67e22"],
html.dark-mode strong[style*="color:#e67e22"],
html.dark-mode a[style*="color: #e67e22"],
html.dark-mode a[style*="color:#e67e22"],
html.dark-mode li[style*="color: #e67e22"],
html.dark-mode li[style*="color:#e67e22"],
html.dark-mode i[style*="color: #e67e22"],
html.dark-mode i[style*="color:#e67e22"],
html.dark-mode td[style*="color: #e67e22"],
html.dark-mode td[style*="color:#e67e22"],
html.dark-mode th[style*="color: #e67e22"],
html.dark-mode th[style*="color:#e67e22"],
html.dark-mode label[style*="color: #e67e22"],
html.dark-mode label[style*="color:#e67e22"] {
    color: #fdba74 !important;
}
html.dark-mode h2[style*="color: #8e44ad"],
html.dark-mode h2[style*="color:#8e44ad"],
html.dark-mode h3[style*="color: #8e44ad"],
html.dark-mode h3[style*="color:#8e44ad"],
html.dark-mode h4[style*="color: #8e44ad"],
html.dark-mode h4[style*="color:#8e44ad"],
html.dark-mode h5[style*="color: #8e44ad"],
html.dark-mode h5[style*="color:#8e44ad"],
html.dark-mode h6[style*="color: #8e44ad"],
html.dark-mode h6[style*="color:#8e44ad"],
html.dark-mode p[style*="color: #8e44ad"],
html.dark-mode p[style*="color:#8e44ad"],
html.dark-mode div[style*="color: #8e44ad"],
html.dark-mode div[style*="color:#8e44ad"],
html.dark-mode span[style*="color: #8e44ad"],
html.dark-mode span[style*="color:#8e44ad"],
html.dark-mode small[style*="color: #8e44ad"],
html.dark-mode small[style*="color:#8e44ad"],
html.dark-mode strong[style*="color: #8e44ad"],
html.dark-mode strong[style*="color:#8e44ad"],
html.dark-mode a[style*="color: #8e44ad"],
html.dark-mode a[style*="color:#8e44ad"],
html.dark-mode li[style*="color: #8e44ad"],
html.dark-mode li[style*="color:#8e44ad"],
html.dark-mode i[style*="color: #8e44ad"],
html.dark-mode i[style*="color:#8e44ad"],
html.dark-mode td[style*="color: #8e44ad"],
html.dark-mode td[style*="color:#8e44ad"],
html.dark-mode th[style*="color: #8e44ad"],
html.dark-mode th[style*="color:#8e44ad"],
html.dark-mode label[style*="color: #8e44ad"],
html.dark-mode label[style*="color:#8e44ad"] {
    color: #c4b5fd !important;
}
html.dark-mode h2[style*="color: #16a085"],
html.dark-mode h2[style*="color:#16a085"],
html.dark-mode h3[style*="color: #16a085"],
html.dark-mode h3[style*="color:#16a085"],
html.dark-mode h4[style*="color: #16a085"],
html.dark-mode h4[style*="color:#16a085"],
html.dark-mode h5[style*="color: #16a085"],
html.dark-mode h5[style*="color:#16a085"],
html.dark-mode h6[style*="color: #16a085"],
html.dark-mode h6[style*="color:#16a085"],
html.dark-mode p[style*="color: #16a085"],
html.dark-mode p[style*="color:#16a085"],
html.dark-mode div[style*="color: #16a085"],
html.dark-mode div[style*="color:#16a085"],
html.dark-mode span[style*="color: #16a085"],
html.dark-mode span[style*="color:#16a085"],
html.dark-mode small[style*="color: #16a085"],
html.dark-mode small[style*="color:#16a085"],
html.dark-mode strong[style*="color: #16a085"],
html.dark-mode strong[style*="color:#16a085"],
html.dark-mode a[style*="color: #16a085"],
html.dark-mode a[style*="color:#16a085"],
html.dark-mode li[style*="color: #16a085"],
html.dark-mode li[style*="color:#16a085"],
html.dark-mode i[style*="color: #16a085"],
html.dark-mode i[style*="color:#16a085"],
html.dark-mode td[style*="color: #16a085"],
html.dark-mode td[style*="color:#16a085"],
html.dark-mode th[style*="color: #16a085"],
html.dark-mode th[style*="color:#16a085"],
html.dark-mode label[style*="color: #16a085"],
html.dark-mode label[style*="color:#16a085"] {
    color: #86efac !important;
}
html.dark-mode h2[style*="color: #9b59b6"],
html.dark-mode h2[style*="color:#9b59b6"],
html.dark-mode h3[style*="color: #9b59b6"],
html.dark-mode h3[style*="color:#9b59b6"],
html.dark-mode h4[style*="color: #9b59b6"],
html.dark-mode h4[style*="color:#9b59b6"],
html.dark-mode h5[style*="color: #9b59b6"],
html.dark-mode h5[style*="color:#9b59b6"],
html.dark-mode h6[style*="color: #9b59b6"],
html.dark-mode h6[style*="color:#9b59b6"],
html.dark-mode p[style*="color: #9b59b6"],
html.dark-mode p[style*="color:#9b59b6"],
html.dark-mode div[style*="color: #9b59b6"],
html.dark-mode div[style*="color:#9b59b6"],
html.dark-mode span[style*="color: #9b59b6"],
html.dark-mode span[style*="color:#9b59b6"],
html.dark-mode small[style*="color: #9b59b6"],
html.dark-mode small[style*="color:#9b59b6"],
html.dark-mode strong[style*="color: #9b59b6"],
html.dark-mode strong[style*="color:#9b59b6"],
html.dark-mode a[style*="color: #9b59b6"],
html.dark-mode a[style*="color:#9b59b6"],
html.dark-mode li[style*="color: #9b59b6"],
html.dark-mode li[style*="color:#9b59b6"],
html.dark-mode i[style*="color: #9b59b6"],
html.dark-mode i[style*="color:#9b59b6"],
html.dark-mode td[style*="color: #9b59b6"],
html.dark-mode td[style*="color:#9b59b6"],
html.dark-mode th[style*="color: #9b59b6"],
html.dark-mode th[style*="color:#9b59b6"],
html.dark-mode label[style*="color: #9b59b6"],
html.dark-mode label[style*="color:#9b59b6"] {
    color: #c4b5fd !important;
}
html.dark-mode h2[style*="color: #f39c12"],
html.dark-mode h2[style*="color:#f39c12"],
html.dark-mode h3[style*="color: #f39c12"],
html.dark-mode h3[style*="color:#f39c12"],
html.dark-mode h4[style*="color: #f39c12"],
html.dark-mode h4[style*="color:#f39c12"],
html.dark-mode h5[style*="color: #f39c12"],
html.dark-mode h5[style*="color:#f39c12"],
html.dark-mode h6[style*="color: #f39c12"],
html.dark-mode h6[style*="color:#f39c12"],
html.dark-mode p[style*="color: #f39c12"],
html.dark-mode p[style*="color:#f39c12"],
html.dark-mode div[style*="color: #f39c12"],
html.dark-mode div[style*="color:#f39c12"],
html.dark-mode span[style*="color: #f39c12"],
html.dark-mode span[style*="color:#f39c12"],
html.dark-mode small[style*="color: #f39c12"],
html.dark-mode small[style*="color:#f39c12"],
html.dark-mode strong[style*="color: #f39c12"],
html.dark-mode strong[style*="color:#f39c12"],
html.dark-mode a[style*="color: #f39c12"],
html.dark-mode a[style*="color:#f39c12"],
html.dark-mode li[style*="color: #f39c12"],
html.dark-mode li[style*="color:#f39c12"],
html.dark-mode i[style*="color: #f39c12"],
html.dark-mode i[style*="color:#f39c12"],
html.dark-mode td[style*="color: #f39c12"],
html.dark-mode td[style*="color:#f39c12"],
html.dark-mode th[style*="color: #f39c12"],
html.dark-mode th[style*="color:#f39c12"],
html.dark-mode label[style*="color: #f39c12"],
html.dark-mode label[style*="color:#f39c12"] {
    color: #fcd34d !important;
}

html.dark-mode .automation-logs,
html.dark-mode .automation-rules-list {
    --bg: #0f172a;
    --card-bg: #1e293b;
    --text: #f1f5f9;
    --muted: #94a3b8;
    --border: #334155;
}