/* Generated by scratch/gen_dark_overrides.py - do not edit by hand.
   Dark-mode colours for legacy style.css rules and view <style> blocks. */

html[data-theme="dark"] body .admin-toast.toast-error { background-color: rgba(248, 113, 113, .14) !important; color: #fca5a5 !important; }
html[data-theme="dark"] body .admin-toast.toast-success { background-color: rgba(52, 211, 153, .14) !important; color: #6ee7b7 !important; }
html[data-theme="dark"] body .alert-warning { color: #fcd34d !important; }
html[data-theme="dark"] body .app-id-pill { color: #a5b4fc !important; }
html[data-theme="dark"] body .app-id-pill-sm { color: #a5b4fc !important; }
html[data-theme="dark"] body .badge-status-completed { background-color: rgba(52, 211, 153, .14) !important; color: #6ee7b7 !important; }
html[data-theme="dark"] body .badge-status-docs { background-color: rgba(245, 158, 11, .14) !important; color: #fcd34d !important; }
html[data-theme="dark"] body .badge-status-processing { background-color: rgba(92, 124, 255, .14) !important; color: #a5b4fc !important; }
html[data-theme="dark"] body .badge-status-rejected { background-color: rgba(248, 113, 113, .14) !important; color: #fca5a5 !important; }
html[data-theme="dark"] body .badge-status-review { background-color: rgba(245, 158, 11, .14) !important; color: #fcd34d !important; }
html[data-theme="dark"] body .badge-status-submitted { background-color: rgba(245, 158, 11, .14) !important; color: #fcd34d !important; }
html[data-theme="dark"] body .breadcrumb { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .camera-photo-card { background-color: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .camera-photo-card.has-file { background-color: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body .camera-photo-card:hover { background-color: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .checkbox-container { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .citizen-table thead th { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .custom-radio-card { background-color: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] body .dashboard-help-banner { background-color: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body .date-cell .date-main { color: var(--rd-ink-2) !important; }
html[data-theme="dark"] body .detail-value { color: var(--rd-ink-2) !important; }
html[data-theme="dark"] body .drop-sub { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .drop-title { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .fee-amount { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .fee-label { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .file-drop-zone { background-color: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] body .file-preview-pill { background-color: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .1) !important; color: var(--rd-ink) !important; }
html[data-theme="dark"] body .form-control-custom { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .form-hint { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .form-label { color: var(--rd-ink-2) !important; }
html[data-theme="dark"] body .form-section-title h3 { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .form-section-title p { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .header-icon-badge { background-color: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .header-logout-link { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .header-wallet-chip { background-color: rgba(52, 211, 153, .14) !important; color: #6ee7b7 !important; }
html[data-theme="dark"] body .header-wallet-chip:hover { background-color: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body .help-card { background-color: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body .help-card h4 { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .help-card p { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .help-content h4 { color: #6ee7b7 !important; }
html[data-theme="dark"] body .help-content p { color: #6ee7b7 !important; }
html[data-theme="dark"] body .help-icon { background-color: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body .hero-section { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body .how-it-works-header h2 { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .how-it-works-header p { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .how-step-card h3 { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .how-step-card p { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .mobile-service-cat { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .mobile-service-icon { background-color: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .mobile-service-name { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .modal-notice-box { color: #fcd34d !important; }
html[data-theme="dark"] body .notice-badge { background-color: rgba(92, 124, 255, .14) !important; color: #a5b4fc !important; }
html[data-theme="dark"] body .notice-text { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .popular-header h3 { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .popular-header p { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .popular-service-body span { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .popular-service-body strong { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .pricing-amount { color: #a5b4fc !important; }
html[data-theme="dark"] body .pricing-wallet-note { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .puc-fee-sub { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .radio-desc { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .radio-title { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .request-id-card { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body .section-card-header { border-color: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] body .section-card-subtitle { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .section-card-title { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .service-card-badge { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .service-card-badge.badge-essential { color: #6ee7b7 !important; }
html[data-theme="dark"] body .service-card-badge.badge-popular { color: #a5b4fc !important; }
html[data-theme="dark"] body .service-cell-cat { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .service-cell-icon { background-color: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .service-cell-name { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .service-chip { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .service-chip svg { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .service-desc { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .service-header-icon { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .service-info-box { background-color: rgba(92, 124, 255, .14) !important; color: #a5b4fc !important; }
html[data-theme="dark"] body .service-info-box.info-amber { background-color: rgba(245, 158, 11, .14) !important; color: #fcd34d !important; }
html[data-theme="dark"] body .service-info-box.info-green { background-color: rgba(52, 211, 153, .14) !important; color: #6ee7b7 !important; }
html[data-theme="dark"] body .service-pricing-badge { background-color: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .service-review-box h4 { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .service-review-label { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .service-review-row { border-color: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] body .service-review-value { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .service-section-divider { border-color: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] body .service-status-badge.status-live { color: #6ee7b7 !important; }
html[data-theme="dark"] body .service-status-badge.status-unavailable { color: #fcd34d !important; }
html[data-theme="dark"] body .service-subtitle { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .service-title { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .service-title-row h1 { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .service-unavailable-help { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .services-hero-badge { background-color: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .services-hero-sub { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .services-hero-title { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .services-wallet-currency { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .services-wallet-num { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .services-wallet-title { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .services-wallet-zero { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .sidebar-card { background-color: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] body .sidebar-card h3 { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .sidebar-checklist li { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .stat-icon-amber { background-color: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body .stat-icon-blue { background-color: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body .stat-icon-green { background-color: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body .stat-icon-whatsapp { background-color: rgba(52, 211, 153, .14) !important; color: #6ee7b7 !important; }
html[data-theme="dark"] body .stat-label { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .stat-num { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .stat-num.text-green { color: #6ee7b7 !important; }
html[data-theme="dark"] body .status-indicator-off { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .support-badge { color: #6ee7b7 !important; }
html[data-theme="dark"] body .uploader-file-meta { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .uploader-file-name { color: #6ee7b7 !important; }
html[data-theme="dark"] body .uploader-icon-circle { color: var(--rd-muted) !important; }
html[data-theme="dark"] body .uploader-thumb-placeholder { background-color: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body .user-profile-chip { color: var(--rd-ink) !important; }
html[data-theme="dark"] body .wallet-delta-credit { background-color: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body .wallet-delta-debit { background-color: rgba(245, 158, 11, .14) !important; color: #fcd34d !important; }
html[data-theme="dark"] body .whatsapp-assist-box { background: rgba(52, 211, 153, .14) !important; }

@media (max-width: 767px) {
  html[data-theme="dark"] body .feature-icon-box { background-color: rgba(92, 124, 255, .14) !important; }
  html[data-theme="dark"] body .feature-info h3 { color: var(--rd-ink) !important; }
  html[data-theme="dark"] body .feature-info p { color: var(--rd-muted) !important; }
  html[data-theme="dark"] body .header-wallet-chip { background-color: rgba(52, 211, 153, .14) !important; color: #6ee7b7 !important; }
}

/* Inline style colours */
html[data-theme="dark"] body [style*="background-color: #eff6ff"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background-color: #fffbeb"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background-color:#eff6ff"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background-color:#fffbeb"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background: #d1fae5"]:not(.btn) { background: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body [style*="background: #dbeafe"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background: #ecfdf5"]:not(.btn) { background: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body [style*="background: #eef2ff"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background: #eff6ff"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background: #f0f9ff"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background: #f0fdf4"]:not(.btn) { background: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body [style*="background: #f1f5f9"]:not(.btn) { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body [style*="background: #f8fafc"]:not(.btn) { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body [style*="background: #fee2e2"]:not(.btn) { background: rgba(248, 113, 113, .14) !important; }
html[data-theme="dark"] body [style*="background: #fef2f2"]:not(.btn) { background: rgba(248, 113, 113, .14) !important; }
html[data-theme="dark"] body [style*="background: #fef3c7"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background: #ffedd5"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background: #fff7ed"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background: #fffbeb"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background: #ffffff"]:not(.btn) { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body [style*="background: white"]:not(.btn) { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body [style*="background:#d1fae5"]:not(.btn) { background: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body [style*="background:#dbeafe"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background:#ecfdf5"]:not(.btn) { background: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body [style*="background:#eef2ff"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background:#eff6ff"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background:#f0f9ff"]:not(.btn) { background: rgba(92, 124, 255, .14) !important; }
html[data-theme="dark"] body [style*="background:#f0fdf4"]:not(.btn) { background: rgba(52, 211, 153, .14) !important; }
html[data-theme="dark"] body [style*="background:#f1f5f9"]:not(.btn) { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body [style*="background:#f8fafc"]:not(.btn) { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body [style*="background:#fee2e2"]:not(.btn) { background: rgba(248, 113, 113, .14) !important; }
html[data-theme="dark"] body [style*="background:#fef2f2"]:not(.btn) { background: rgba(248, 113, 113, .14) !important; }
html[data-theme="dark"] body [style*="background:#fef3c7"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background:#ffedd5"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background:#fff7ed"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background:#fffbeb"]:not(.btn) { background: rgba(245, 158, 11, .14) !important; }
html[data-theme="dark"] body [style*="background:#ffffff"]:not(.btn) { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body [style*="background:white"]:not(.btn) { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] body [style*="color: #047857"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color: #065f46"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color: #0f172a"]:not(.btn) { color: var(--rd-ink) !important; }
html[data-theme="dark"] body [style*="color: #0f2b5c"]:not(.btn) { color: var(--rd-ink) !important; }
html[data-theme="dark"] body [style*="color: #14532d"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color: #15803d"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color: #166534"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color: #1d4ed8"]:not(.btn) { color: #a5b4fc !important; }
html[data-theme="dark"] body [style*="color: #1e293b"]:not(.btn) { color: var(--rd-ink) !important; }
html[data-theme="dark"] body [style*="color: #1e3a8a"]:not(.btn) { color: #a5b4fc !important; }
html[data-theme="dark"] body [style*="color: #1e40af"]:not(.btn) { color: #a5b4fc !important; }
html[data-theme="dark"] body [style*="color: #334155"]:not(.btn) { color: var(--rd-ink-2) !important; }
html[data-theme="dark"] body [style*="color: #475569"]:not(.btn) { color: var(--rd-muted) !important; }
html[data-theme="dark"] body [style*="color: #4b5563"]:not(.btn) { color: var(--rd-muted) !important; }
html[data-theme="dark"] body [style*="color: #64748b"]:not(.btn) { color: var(--rd-muted) !important; }
html[data-theme="dark"] body [style*="color: #92400e"]:not(.btn) { color: #fcd34d !important; }
html[data-theme="dark"] body [style*="color: #991b1b"]:not(.btn) { color: #fca5a5 !important; }
html[data-theme="dark"] body [style*="color: #9a3412"]:not(.btn) { color: #fcd34d !important; }
html[data-theme="dark"] body [style*="color: #b45309"]:not(.btn) { color: #fcd34d !important; }
html[data-theme="dark"] body [style*="color: #b91c1c"]:not(.btn) { color: #fca5a5 !important; }
html[data-theme="dark"] body [style*="color:#047857"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color:#065f46"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color:#0f172a"]:not(.btn) { color: var(--rd-ink) !important; }
html[data-theme="dark"] body [style*="color:#0f2b5c"]:not(.btn) { color: var(--rd-ink) !important; }
html[data-theme="dark"] body [style*="color:#14532d"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color:#15803d"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color:#166534"]:not(.btn) { color: #6ee7b7 !important; }
html[data-theme="dark"] body [style*="color:#1d4ed8"]:not(.btn) { color: #a5b4fc !important; }
html[data-theme="dark"] body [style*="color:#1e293b"]:not(.btn) { color: var(--rd-ink) !important; }
html[data-theme="dark"] body [style*="color:#1e3a8a"]:not(.btn) { color: #a5b4fc !important; }
html[data-theme="dark"] body [style*="color:#1e40af"]:not(.btn) { color: #a5b4fc !important; }
html[data-theme="dark"] body [style*="color:#334155"]:not(.btn) { color: var(--rd-ink-2) !important; }
html[data-theme="dark"] body [style*="color:#475569"]:not(.btn) { color: var(--rd-muted) !important; }
html[data-theme="dark"] body [style*="color:#4b5563"]:not(.btn) { color: var(--rd-muted) !important; }
html[data-theme="dark"] body [style*="color:#64748b"]:not(.btn) { color: var(--rd-muted) !important; }
html[data-theme="dark"] body [style*="color:#92400e"]:not(.btn) { color: #fcd34d !important; }
html[data-theme="dark"] body [style*="color:#991b1b"]:not(.btn) { color: #fca5a5 !important; }
html[data-theme="dark"] body [style*="color:#9a3412"]:not(.btn) { color: #fcd34d !important; }
html[data-theme="dark"] body [style*="color:#b45309"]:not(.btn) { color: #fcd34d !important; }
html[data-theme="dark"] body [style*="color:#b91c1c"]:not(.btn) { color: #fca5a5 !important; }


/* ==========================================================================
   Readability fixes (both themes): text that was too faint for its background
   ========================================================================== */
/* WhatsApp buttons: white text needs a deeper green than #25d366 to be readable */
html body .btn-whatsapp { background: #15803d !important; border-color: #15803d !important; color: #fff !important; }
html body .btn-whatsapp:hover { background: #166534 !important; border-color: #166534 !important; }

/* green money labels on pale green */
html:not([data-theme="dark"]) body .service-price-pill,
html:not([data-theme="dark"]) body .rd-drawer-balance { color: #047857 !important; }

/* dashboard "View Timeline" button stayed pale blue in dark mode */
html[data-theme="dark"] body .btn-action-timeline { background: rgba(157, 176, 255, .14) !important; color: #c7d2fe !important; border-color: rgba(157, 176, 255, .25) !important; }

/* services page "Contact Support" button stayed white in dark mode */
html[data-theme="dark"] body .services-page-container .support-btn { background: rgba(255, 255, 255, .08) !important; color: #eef1fb !important; border: 1px solid rgba(255, 255, 255, .22) !important; }

/* header: solid enough that page text does not show through it while scrolling */
html body .site-header .nav-container { background: rgba(255, 255, 255, .9) !important; }
html[data-theme="dark"] body .site-header .nav-container { background: rgba(14, 20, 46, .92) !important; }

/* homepage closing banner: its main button is white in both themes, so its text stays dark */
html[data-theme="dark"] body .h-final-card .btn-primary,
html body .h-final-card .btn-primary { background: #fff !important; color: #0a1128 !important; }

/* dashboard "Need Another Service?" row: four equal columns that never grow past the page */
html body .popular-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
html body .popular-service-body strong { overflow: hidden; text-overflow: ellipsis; }
html body .popular-service-body span { white-space: normal !important; line-height: 1.35; }
@media (max-width: 1100px) { html body .popular-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { html body .popular-grid { grid-template-columns: 1fr !important; } }