/**
 * wukplace.sg — Dedicated Light Mode Stylesheet
 * Singapore Commercial & Industrial Real Estate Marketplace
 * Version: 2.0.26 (Light Mode Master)
 *
 * This stylesheet defines all Light Mode styling across the portal,
 * activated via class `body.light-theme`.
 * Provides luxury sky & alabaster surfaces, dark slate typography (#020617 / #0F172A),
 * and WCAG AAA golden-brown (#92400E) high-contrast accents.
 */

/* ==========================================================================
   1. LIGHT THEME MASTER DESIGN TOKENS & SYSTEM VARIABLES
   ========================================================================== */
body.light-theme {
  --theme-mode: light;

  /* Surfaces & Backgrounds */
  --dark-bg: #8DC3E9;            /* Luxury Sky Blue Main Portal Canvas */
  --navy-card: #EDF8FD;          /* Luxury Alabaster Card Surface */
  --navy-input: #F0F7FC;         /* Soft Powder Blue Input Surface */
  --navy-elevated: #FFFFFF;      /* Pure White Floating Surface */
  --surface: #EDF8FD;
  --surface-alt: #F0F7FC;

  /* Master Typography (High-Contrast for Light Backgrounds) */
  --text-main: #020617;          /* Deep Obsidian Midnight Slate Primary Text */
  --text-primary: #020617;
  --text-gold: #92400E;          /* Rich Golden Brown (WCAG AAA on light gold) */
  --text-muted: #0F172A;         /* Dark Navy Slate Secondary Text */
  --text-light: #1E293B;         /* Charcoal Slate Tertiary Text */
  --text-subtle: #475569;
  --text-sky: #0284C7;           /* Vibrant Ocean Sky Accent */
  --text-emerald: #059669;       /* Deep Forest Emerald Accent */

  /* Hairline Borders */
  --border: #6DAED8;
  --border-subtle: #CBD5E1;
  --border-hover: #0284C7;
  --border-focus: #0284C7;

  /* Modal Specific Palette (Matches Home Page Sky Blue #8DC3E9 Canvas) */
  --modal-backdrop-bg: rgba(141, 195, 233, 0.72);
  --modal-card-bg: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%);
  --modal-header-border: #D6EBF8;
  --modal-input-bg: #FFFFFF;
  --modal-input-border: #CBD5E1;
  --modal-input-text: #020617;
  --modal-input-placeholder: #64748B;
  --modal-dropdown-bg: #FFFFFF;
}

/* ==========================================================================
   2. GLOBAL POP-UP WINDOWS & MODALS IN LIGHT THEME
   ========================================================================== */

/* Universal Modal Backdrop - Frosted Sky Blue veil matching #8DC3E9 home page */
body.light-theme .modal-backdrop,
body.light-theme .admin-modal-backdrop,
body.light-theme .detail-lightbox-backdrop,
body.light-theme [id$="Modal"]:not(#detailLightboxModal) {
  background-color: var(--modal-backdrop-bg) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Master Modal Cards & Containers */
body.light-theme .modal-card,
body.light-theme .admin-modal-card,
body.light-theme .admin-credit-modal-card,
body.light-theme .directory-modal-card,
body.light-theme .admin-promo-modal-card,
body.light-theme .admin-social-modal-card,
body.light-theme .modal-details-suite,
body.light-theme .my-listings-modal-card,
body.light-theme .auth-modal-card,
body.light-theme .lightbox-content,
body.light-theme [id$="Modal"] > .modal-card,
body.light-theme [id$="Modal"] .admin-modal-card,
body.light-theme [id$="Modal"] .modal-card {
  background: var(--modal-card-bg) !important;
  border: 1.5px solid #6DAED8 !important;
  border-top: 2px solid #FFFFFF !important;
  box-shadow: 0 20px 50px -10px rgba(11, 34, 56, 0.25), 0 0 25px rgba(141, 195, 233, 0.35) !important;
  color: #020617 !important;
}

/* Modal Headers, Titles & Subtitles */
body.light-theme .modal-header,
body.light-theme .admin-modal-header {
  border-bottom: 1.5px solid #D6EBF8 !important;
}

body.light-theme .modal-title,
body.light-theme .admin-modal-title,
body.light-theme .modal-card h2,
body.light-theme .modal-card h3,
body.light-theme .modal-card h4,
body.light-theme .admin-modal-card h2,
body.light-theme .admin-modal-card h3,
body.light-theme .admin-modal-card h4,
body.light-theme [id$="Modal"] h2,
body.light-theme [id$="Modal"] h3,
body.light-theme [id$="Modal"] h4,
body.light-theme [id$="ModalTitle"],
body.light-theme .admin-section-heading {
  color: #020617 !important;
}

body.light-theme .modal-subtitle,
body.light-theme .admin-modal-subtitle,
body.light-theme .modal-card .subtitle-text,
body.light-theme .modal-card p,
body.light-theme .admin-modal-card p,
body.light-theme [id$="Modal"] p:not([style*="color: #EF4444"]):not([style*="color:#EF4444"]) {
  color: #1E293B !important;
}

/* Modal Close Buttons */
body.light-theme .modal-close-btn,
body.light-theme .modal-card .modal-close-btn,
body.light-theme .admin-modal-card .modal-close-btn,
body.light-theme [id$="Modal"] .modal-close-btn {
  background: #F0F7FC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

body.light-theme .modal-close-btn:hover,
body.light-theme .modal-card .modal-close-btn:hover,
body.light-theme .admin-modal-card .modal-close-btn:hover,
body.light-theme [id$="Modal"] .modal-close-btn:hover {
  background: #FEF3C7 !important;
  border-color: #D97706 !important;
  color: #92400E !important;
}

/* ==========================================================================
   3. MODAL FORM CONTROLS IN LIGHT THEME
   ========================================================================== */

/* All Text Inputs, Number Inputs, Date Inputs, Dropdowns & Textareas across Portal & Modals */
body.light-theme input[type="text"],
body.light-theme input[type="number"],
body.light-theme input[type="date"],
body.light-theme input[type="datetime-local"],
body.light-theme input[type="time"],
body.light-theme input[type="email"],
body.light-theme input[type="password"],
body.light-theme input[type="tel"],
body.light-theme input[type="search"],
body.light-theme input[type="url"],
body.light-theme input[type="color"],
body.light-theme input:not([type]),
body.light-theme .form-input,
body.light-theme .form-select,
body.light-theme .admin-form-input,
body.light-theme .admin-form-textarea,
body.light-theme .form-control-admin,
body.light-theme .directory-dark-textarea,
body.light-theme .directory-model-select,
body.light-theme .post-dropdown-select,
body.light-theme .toolbar-pill-select,
body.light-theme .filter-select,
body.light-theme .filter-pill-select,
body.light-theme .hero-search-input,
body.light-theme .search-input,
body.light-theme .nl-query-input,
body.light-theme #kwInput,
body.light-theme #nlQueryInput,
body.light-theme #districtSelect,
body.light-theme #sizeSelect,
body.light-theme #budgetSelect,
body.light-theme #pageSelect,
body.light-theme #sortSelect,
body.light-theme #socialCreditsInput,
body.light-theme #adminSocialCreditsInput,
body.light-theme #adminSocialPlatformColorPicker,
body.light-theme #socialShareCaptionText,
body.light-theme .modal-card input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="hidden"]):not([type="file"]),
body.light-theme .modal-card select,
body.light-theme .modal-card textarea,
body.light-theme .admin-modal-card input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="hidden"]):not([type="file"]),
body.light-theme .admin-modal-card select,
body.light-theme .admin-modal-card textarea,
body.light-theme [id$="Modal"] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="hidden"]):not([type="file"]),
body.light-theme [id$="Modal"] select,
body.light-theme [id$="Modal"] textarea {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #020617 !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  font-family: inherit !important;
}

/* Specific styling for Dropdown Selects in Light Mode: Native appearance removal and luxury chevron */
body.light-theme select,
body.light-theme .form-select,
body.light-theme .post-dropdown-select,
body.light-theme .toolbar-pill-select,
body.light-theme .filter-select,
body.light-theme .filter-pill-select,
body.light-theme .directory-model-select,
body.light-theme .form-control-admin,
body.light-theme .modal-card select,
body.light-theme [id$="Modal"] select {
  appearance: none !important;
  -webkit-appearance: none !important;
  color-scheme: light !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230284C7'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px !important;
  padding-right: 36px !important;
  cursor: pointer;
}

/* Readonly & Disabled Inputs / Dropdowns / Textareas in Light Mode */
body.light-theme input[readonly],
body.light-theme input[disabled],
body.light-theme select[disabled],
body.light-theme textarea[readonly],
body.light-theme textarea[disabled],
body.light-theme .form-input[readonly],
body.light-theme .form-input[disabled],
body.light-theme .form-control-admin[readonly],
body.light-theme .form-control-admin[disabled],
body.light-theme #postPsfDisplay[readonly],
body.light-theme #profileCeaReg[readonly],
body.light-theme #profileAgency[readonly],
body.light-theme .modal-card input[readonly],
body.light-theme .modal-card input[disabled],
body.light-theme [id$="Modal"] input[readonly],
body.light-theme [id$="Modal"] input[disabled],
body.light-theme [id$="Modal"] textarea[readonly],
body.light-theme [id$="Modal"] textarea[disabled] {
  background: #F1F5F9 !important;
  background-color: #F1F5F9 !important;
  color: #64748B !important;
  border-color: #CBD5E1 !important;
  cursor: not-allowed !important;
}

/* Explicit Standardization for Add / Edit Administrator Modal (#adminUserModal) */
body.light-theme #adminUserModal .form-input,
body.light-theme #adminUserModal input[type="text"],
body.light-theme #adminUserModal input[type="tel"],
body.light-theme #adminUserModal input[type="email"],
body.light-theme #adminUserModal input[type="password"],
body.light-theme #adminUserModal #adminInputContact,
body.light-theme #adminUserModal #adminInputName,
body.light-theme #adminUserModal #adminInputIc,
body.light-theme #adminUserModal #adminInputEmail,
body.light-theme #adminUserModal #adminInputPassword,
body.light-theme #adminUserModal #adminInputConfirmPassword {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #020617 !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
}

/* Focus State on Form Controls in Light Mode */
body.light-theme input:focus:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="hidden"]):not([type="file"]),
body.light-theme select:focus,
body.light-theme textarea:focus,
body.light-theme .modal-card input:focus,
body.light-theme .modal-card select:focus,
body.light-theme .modal-card textarea:focus,
body.light-theme .form-control-admin:focus,
body.light-theme .admin-form-input:focus,
body.light-theme .admin-form-textarea:focus,
body.light-theme .directory-dark-textarea:focus,
body.light-theme .directory-model-select:focus,
body.light-theme .post-dropdown-select:focus,
body.light-theme .toolbar-pill-select:focus,
body.light-theme .form-select:focus,
body.light-theme #postModal select:focus,
body.light-theme #adminModal .form-control-admin:focus,
body.light-theme [id$="Modal"] input:focus,
body.light-theme [id$="Modal"] select:focus,
body.light-theme [id$="Modal"] textarea:focus {
  border-color: #0284C7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.20), inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  outline: none !important;
  color: #020617 !important;
}

/* Placeholder Styling for Light Mode */
body.light-theme input::placeholder,
body.light-theme textarea::placeholder,
body.light-theme .modal-card input::placeholder,
body.light-theme .modal-card textarea::placeholder,
body.light-theme .form-control-admin::placeholder,
body.light-theme .admin-form-input::placeholder,
body.light-theme .admin-form-textarea::placeholder,
body.light-theme [id$="Modal"] input::placeholder,
body.light-theme [id$="Modal"] textarea::placeholder {
  color: #64748B !important;
  opacity: 1 !important;
}

/* Dropdown Menu Options & Optgroups in Light Mode */
body.light-theme select option,
body.light-theme select optgroup,
body.light-theme select optgroup option,
body.light-theme .modal-card select option,
body.light-theme .form-control-admin option,
body.light-theme .post-dropdown-select option,
body.light-theme .toolbar-pill-select option,
body.light-theme .form-select option,
body.light-theme [id$="Modal"] select option {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #020617 !important;
}

body.light-theme .modal-card label,
body.light-theme .admin-modal-card label,
body.light-theme .admin-form-label,
body.light-theme .form-label-admin,
body.light-theme [id$="Modal"] label {
  color: #1E293B !important;
  font-weight: 700;
}

/* ==========================================================================
   4. MODAL TABS, PILLS & SEGMENTED CONTROLS IN LIGHT THEME
   ========================================================================== */

/* Agent Auth Modal (#agentAuthModal, #agentForgotPasswordModal) */
body.light-theme #agentAuthModal .modal-card,
body.light-theme #agentForgotPasswordModal .modal-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%) !important;
  border: 1px solid #6DAED8 !important;
  color: #020617 !important;
}

body.light-theme #agentAuthModal .agent-auth-tab-bar {
  background: #E2E8F0 !important;
  border: 1px solid #CBD5E1 !important;
}

body.light-theme .agent-auth-tab {
  background: #E2E8F0 !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
}

body.light-theme .agent-auth-tab:hover {
  background: #CBD5E1 !important;
  color: #0F172A !important;
}

body.light-theme .agent-auth-tab.active,
body.light-theme #tabAgentSignIn.active,
body.light-theme #tabAgentRegister.active {
  background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%) !important;
  border: 1px solid #0284C7 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
}

body.light-theme #agentAuthModal .form-input,
body.light-theme #agentAuthModal input,
body.light-theme #agentAuthModal input[type="text"],
body.light-theme #agentAuthModal input[type="email"],
body.light-theme #agentAuthModal input[type="password"],
body.light-theme #agentAuthModal input[type="tel"],
body.light-theme #agentForgotPasswordModal .form-input,
body.light-theme #agentForgotPasswordModal input,
body.light-theme #loginCea,
body.light-theme #loginEmail,
body.light-theme #loginPassword,
body.light-theme #regAgentFullName,
body.light-theme #regAgentCeaNumber,
body.light-theme #regAgentAgency,
body.light-theme #regAgentPhone,
body.light-theme #regAgentEmail,
body.light-theme #regAgentPassword,
body.light-theme #regAgentConfirmPassword,
body.light-theme #forgotEmail,
body.light-theme #forgotCea {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #020617 !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
}

body.light-theme #agentAuthModal input:focus,
body.light-theme #agentAuthModal .form-input:focus,
body.light-theme #loginCea:focus,
body.light-theme #loginEmail:focus,
body.light-theme #loginPassword:focus {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #0284C7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.20) !important;
  outline: none !important;
}

/* Light Mode Autofill Protection (ensures pristine white background) */
body.light-theme #agentAuthModal input:-webkit-autofill,
body.light-theme #agentAuthModal input:-webkit-autofill:hover,
body.light-theme #agentAuthModal input:-webkit-autofill:focus,
body.light-theme #agentForgotPasswordModal input:-webkit-autofill,
body.light-theme #loginCea:-webkit-autofill,
body.light-theme #loginEmail:-webkit-autofill,
body.light-theme #loginPassword:-webkit-autofill,
body.light-theme input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
  box-shadow: 0 0 0 1000px #FFFFFF inset !important;
  -webkit-text-fill-color: #020617 !important;
  caret-color: #020617 !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background-color: #FFFFFF !important;
}

/* Admin Main Tabs Bar (#adminModal) */
body.light-theme .admin-main-tab-btn {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
}

body.light-theme .admin-main-tab-btn:hover {
  background: #F0F7FC !important;
  color: #0F172A !important;
  border-color: #0284C7 !important;
}

body.light-theme .admin-main-tab-btn.active {
  background: #0284C7 !important;
  border-color: #0369A1 !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25) !important;
}

body.light-theme .admin-main-tab-btn.active span,
body.light-theme .admin-main-tab-btn.active i {
  color: #FFFFFF !important;
}

/* Admin Subtabs Bar (#adminModal Subtab Navigation) */
body.light-theme .admin-subtab-btn {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
}

body.light-theme .admin-subtab-btn:hover {
  background: #F0F7FC !important;
  color: #0F172A !important;
  border-color: #0284C7 !important;
}

body.light-theme .admin-subtab-btn.active {
  background: #0284C7 !important;
  border-color: #0369A1 !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25) !important;
}

body.light-theme .admin-subtab-btn.active span {
  color: #FFFFFF !important;
}

/* Category Filter Pills & Preset Chips inside Modals */
body.light-theme .category-pill-btn,
body.light-theme .preset-chip,
body.light-theme .metrics-preset-pill {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
}

body.light-theme .category-pill-btn:hover,
body.light-theme .preset-chip:hover,
body.light-theme .metrics-preset-pill:hover {
  background: #F0F7FC !important;
  color: #0F172A !important;
  border-color: #0284C7 !important;
}

body.light-theme .category-pill-btn.active,
body.light-theme .preset-chip.active,
body.light-theme .metrics-preset-pill.active {
  background: #0284C7 !important;
  border-color: #0369A1 !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   5. MODAL INNER PANELS, RULE BOXES & CARD SURFACES IN LIGHT THEME
   ========================================================================== */

body.light-theme .modal-card .inner-card,
body.light-theme .modal-card .credit-rules-banner,
body.light-theme .modal-card .directory-prompt-box,
body.light-theme .modal-card .cea-box,
body.light-theme .modal-card .guideline-box,
body.light-theme .admin-bcast-gateway-card,
body.light-theme .admin-bcast-composer-card,
body.light-theme .admin-kpi-card,
body.light-theme .metrics-kpi-card,
body.light-theme .metrics-chart-card,
body.light-theme .directory-dataset-card,
body.light-theme .security-status-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #020617 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

body.light-theme .modal-card table,
body.light-theme .admin-modal-card table,
body.light-theme [id$="Modal"] table {
  color: #020617 !important;
}

body.light-theme .modal-card th,
body.light-theme .admin-modal-card th,
body.light-theme [id$="Modal"] th {
  background: #F1F5F9 !important;
  color: #1E293B !important;
  border-bottom: 2px solid #CBD5E1 !important;
}

body.light-theme .modal-card td,
body.light-theme .admin-modal-card td,
body.light-theme [id$="Modal"] td {
  border-bottom: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

body.light-theme .modal-card tr:hover td,
body.light-theme .admin-modal-card tr:hover td,
body.light-theme [id$="Modal"] tr:hover td {
  background: #F8FAFC !important;
}

/* 6. Gold Text & Badges WCAG AAA Contrast in Light Mode Modals */
body.light-theme [id$="Modal"] span[style*="color: #F5D061"],
body.light-theme [id$="Modal"] span[style*="color:#F5D061"],
body.light-theme [id$="Modal"] span[style*="#F5D061" i],
body.light-theme [id$="Modal"] .text-gold,
body.light-theme .modal-card .text-gold {
  color: #92400E !important;
}

/* ==============================================================================
   7. ADMIN PUBLISHING SUITE LIGHT THEME OVERHAUL (#adminTab-cms)
   ============================================================================== */

/* 7.1 Master Tab Container & Card Surfaces */
body.light-theme #adminTab-cms,
body.light-theme #adminTab-cms .admin-subtab-pane {
  background: transparent !important;
  color: #020617 !important;
}

/* 7.2 Sub-Tab 1: CREDITS & SUBSCRIPTIONS (#subtab-cms-credits) */
body.light-theme #subtab-cms-credits .admin-credits-section,
body.light-theme #subtab-cms-credits .admin-benefits-section {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}

body.light-theme #subtab-cms-credits .admin-credit-pack-card,
body.light-theme #subtab-cms-credits .admin-plan-card {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;
}

body.light-theme #subtab-cms-credits .admin-plan-price-box,
body.light-theme #subtab-cms-credits .admin-benefits-preview-wrap {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

/* 7.3 Sub-Tab 2: DIRECTORIES (#subtab-cms-directories) */
body.light-theme #subtab-cms-directories .directories-master-header {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}

body.light-theme #subtab-cms-directories .directories-badge-amber {
  background: #FEF3C7 !important;
  border: 1px solid #F59E0B !important;
  color: #92400E !important;
}

body.light-theme #subtab-cms-directories .directories-badge-emerald {
  background: #D1FAE5 !important;
  border: 1px solid #10B981 !important;
  color: #065F46 !important;
}

body.light-theme #subtab-cms-directories .directories-ai-scope-banner {
  background: #F0F7FC !important;
  border: 1.5px solid #BAE6FD !important;
  border-radius: 10px !important;
  color: #0369A1 !important;
}

body.light-theme #subtab-cms-directories .directories-ai-scope-banner div {
  color: #1E293B !important;
}

body.light-theme #subtab-cms-directories .directories-ai-scope-banner strong {
  color: #020617 !important;
}

body.light-theme #subtab-cms-directories .directories-meta-pill {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

body.light-theme #subtab-cms-directories .directories-meta-label {
  color: #475569 !important;
  font-weight: 800 !important;
}

body.light-theme #subtab-cms-directories .directories-meta-val {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-directories .directories-meta-val[style*="color: #F5D061"],
body.light-theme #subtab-cms-directories .directories-meta-val[style*="color:#F5D061"],
body.light-theme #subtab-cms-directories .directories-meta-val[style*="#F5D061" i] {
  color: #92400E !important;
}

body.light-theme #subtab-cms-directories .directories-meta-val[style*="color: #38BDF8"],
body.light-theme #subtab-cms-directories .directories-meta-val[style*="color:#38BDF8"],
body.light-theme #subtab-cms-directories .directories-meta-val[style*="#38BDF8" i] {
  color: #0284C7 !important;
}

body.light-theme #subtab-cms-directories .directories-meta-val[style*="color: #22C55E"],
body.light-theme #subtab-cms-directories .directories-meta-val[style*="color:#22C55E"],
body.light-theme #subtab-cms-directories .directories-meta-val[style*="#22C55E" i] {
  color: #059669 !important;
}

body.light-theme #subtab-cms-directories .directory-dataset-card {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  color: #020617 !important;
}

body.light-theme #subtab-cms-directories .directory-dataset-card h4 {
  color: #020617 !important;
}

body.light-theme #subtab-cms-directories .directory-preview-wrap {
  background: #F8FAFC !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  color: #0F172A !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-directories .directory-card-footer {
  border-top: 1px solid #E2E8F0 !important;
  color: #475569 !important;
}

/* 7.4 Sub-Tab 3: ABOUT PAGE CONTENT (#subtab-cms-about) */
body.light-theme #subtab-cms-about .admin-about-card {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  color: #020617 !important;
}

body.light-theme #subtab-cms-about .admin-about-preview-wrap {
  background: #F8FAFC !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-about .admin-about-preview-header {
  color: #92400E !important;
}

body.light-theme #subtab-cms-about .admin-about-preview-body {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-about .admin-about-preview-body section,
body.light-theme #subtab-cms-about .admin-about-preview-body article,
body.light-theme #subtab-cms-about .admin-about-preview-body .about-card {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-about .admin-about-preview-body section *,
body.light-theme #subtab-cms-about .admin-about-preview-body article * {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-about .admin-about-preview-body div[style*="background:linear-gradient"],
body.light-theme #subtab-cms-about .admin-about-preview-body div[style*="border-left:4px solid"] {
  background: #F0F7FC !important;
  border: 1px solid #BAE6FD !important;
  border-left: 4px solid #0284C7 !important;
  color: #0F172A !important;
}

body.light-theme #subtab-cms-about .admin-about-preview-body div[style*="background:linear-gradient"] *,
body.light-theme #subtab-cms-about .admin-about-preview-body div[style*="border-left:4px solid"] * {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-about .admin-about-preview-body div[style*="background:rgba(2, 61, 91"],
body.light-theme #subtab-cms-about .admin-about-preview-body div[style*="background: rgba(2, 61, 91"] {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

body.light-theme #subtab-cms-about .admin-about-action-footer {
  border-top: 1px solid #E2E8F0 !important;
}

/* 7.5 Sub-Tab 4: FAQS (#subtab-cms-faqs) */
body.light-theme #subtab-cms-faqs .admin-faq-toggle-bar {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 8px !important;
  padding: 4px !important;
}

body.light-theme #subtab-cms-faqs .admin-faq-toggle-btn {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
}

body.light-theme #subtab-cms-faqs .admin-faq-toggle-btn:hover {
  background: #F8FAFC !important;
  color: #0F172A !important;
}

body.light-theme #subtab-cms-faqs .admin-faq-toggle-btn.active {
  background: #0284C7 !important;
  border-color: #0369A1 !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25) !important;
}

body.light-theme #subtab-cms-faqs .admin-faq-toggle-btn.active span {
  color: #FFFFFF !important;
}

body.light-theme #subtab-cms-faqs .admin-faq-card {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  color: #020617 !important;
}

body.light-theme #subtab-cms-faqs .admin-faq-preview-wrap {
  background: #F8FAFC !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-faqs .admin-faq-preview-header {
  color: #92400E !important;
}

body.light-theme #subtab-cms-faqs .faq-item {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-faqs .faq-item[open] {
  background: #F8FAFC !important;
  border-color: #0284C7 !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.12) !important;
}

body.light-theme #subtab-cms-faqs .faq-question {
  color: #020617 !important;
  font-weight: 700 !important;
}

body.light-theme #subtab-cms-faqs .faq-question::after {
  color: #0284C7 !important;
}

body.light-theme #subtab-cms-faqs .faq-answer {
  color: #1E293B !important;
  border-top: 1px solid #E2E8F0 !important;
}

body.light-theme #subtab-cms-faqs .faq-answer strong {
  color: #020617 !important;
}

/* 7.6 Sub-Tab 5: TERMS (#subtab-cms-terms) */
body.light-theme #subtab-cms-terms .admin-terms-card {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  color: #020617 !important;
}

body.light-theme #subtab-cms-terms .admin-terms-preview-wrap {
  background: #F8FAFC !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-terms .admin-terms-preview-header {
  color: #92400E !important;
}

body.light-theme #subtab-cms-terms .admin-terms-preview-body {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-terms .admin-terms-preview-body section,
body.light-theme #subtab-cms-terms .admin-terms-preview-body article {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-terms .admin-terms-preview-body section *,
body.light-theme #subtab-cms-terms .admin-terms-preview-body article * {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-terms .admin-terms-preview-body div[style*="background:linear-gradient"],
body.light-theme #subtab-cms-terms .admin-terms-preview-body div[style*="border-left:4px solid"] {
  background: #F0F7FC !important;
  border: 1px solid #BAE6FD !important;
  border-left: 4px solid #0284C7 !important;
  color: #0F172A !important;
}

body.light-theme #subtab-cms-terms .admin-terms-preview-body div[style*="background:linear-gradient"] *,
body.light-theme #subtab-cms-terms .admin-terms-preview-body div[style*="border-left:4px solid"] * {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-terms .admin-terms-preview-body div[style*="background:rgba(2, 61, 91"],
body.light-theme #subtab-cms-terms .admin-terms-preview-body div[style*="background: rgba(2, 61, 91"] {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

body.light-theme #subtab-cms-terms .admin-terms-action-footer {
  border-top: 1px solid #E2E8F0 !important;
}

/* 7.7 Sub-Tab 6: PRIVACY (#subtab-cms-privacy) */
body.light-theme #subtab-cms-privacy .admin-privacy-card {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  color: #020617 !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-preview-wrap {
  background: #F8FAFC !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-preview-header {
  color: #92400E !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-preview-body {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-preview-body section,
body.light-theme #subtab-cms-privacy .admin-privacy-preview-body article {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-preview-body section *,
body.light-theme #subtab-cms-privacy .admin-privacy-preview-body article * {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-preview-body div[style*="background:linear-gradient"],
body.light-theme #subtab-cms-privacy .admin-privacy-preview-body div[style*="border-left:4px solid"] {
  background: #F0F7FC !important;
  border: 1px solid #BAE6FD !important;
  border-left: 4px solid #0284C7 !important;
  color: #0F172A !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-preview-body div[style*="background:linear-gradient"] *,
body.light-theme #subtab-cms-privacy .admin-privacy-preview-body div[style*="border-left:4px solid"] * {
  color: #0F172A !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-preview-body div[style*="background:rgba(2, 61, 91"],
body.light-theme #subtab-cms-privacy .admin-privacy-preview-body div[style*="background: rgba(2, 61, 91"] {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

body.light-theme #subtab-cms-privacy .admin-privacy-action-footer {
  border-top: 1px solid #E2E8F0 !important;
}

/* ==============================================================================
   8. RES AGENT 30-MINUTE SECURITY INACTIVITY LOCKOUT (#resInactivityLockModal)
   ============================================================================== */

/* In Light Mode, prevent blurring from dimming the bright sky blue portal canvas */
body.light-theme.res-session-blurred > *:not(#resInactivityLockModal) {
  filter: blur(10px) brightness(1.02) !important;
}

/* Inactivity Fullscreen Backdrop matches Home Page Radial Gradient #AEE0FA -> #8DC3E9 */
body.light-theme #resInactivityLockModal {
  background: radial-gradient(circle at 50% 0%, rgba(174, 224, 250, 0.94) 0%, rgba(141, 195, 233, 0.96) 100%) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* Modal Card Surface & Golden Shield Border */
body.light-theme #resInactivityLockModal .modal-card,
body.light-theme #resInactivityLockModal .res-inactivity-card,
body.light-theme #resInactivityCard {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%) !important;
  border: 2px solid #D97706 !important;
  border-top: 2.5px solid #F59E0B !important;
  box-shadow: 0 20px 50px -10px rgba(11, 34, 56, 0.25), 0 0 35px rgba(217, 119, 6, 0.20) !important;
  color: #020617 !important;
}

/* Glowing Lock Icon Circle */
body.light-theme #resInactivityLockModal div[style*="width: 58px"][style*="height: 58px"],
body.light-theme #resInactivityLockModal div[style*="width:58px"][style*="height:58px"] {
  background: #FEF3C7 !important;
  border: 2px solid #F59E0B !important;
  box-shadow: 0 0 20px rgba(217, 119, 6, 0.25) !important;
}

body.light-theme #resInactivityLockModal div[style*="width: 58px"] i.fa-lock,
body.light-theme #resInactivityLockModal div[style*="width:58px"] i.fa-lock {
  color: #D97706 !important;
}

/* Security Policy Pill Badge */
body.light-theme #resInactivityLockModal div[style*="display: inline-flex"][style*="border-radius: 20px"],
body.light-theme #resInactivityLockModal div[style*="display:inline-flex"][style*="border-radius:20px"] {
  background: #FEF3C7 !important;
  color: #92400E !important;
  border: 1px solid #D97706 !important;
  font-weight: 800 !important;
}

/* Lockout Modal Headline & Paragraph */
body.light-theme #resInactivityModalTitle {
  color: #020617 !important;
}

body.light-theme #resInactivityLockModal p {
  color: #1E293B !important;
}

/* Agent Identification Card Box */
body.light-theme #resInactivityAgentBox {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 2px 8px rgba(11, 34, 56, 0.06) !important;
  color: #020617 !important;
}

body.light-theme #resInactivityAgentName {
  color: #020617 !important;
}

body.light-theme #resInactivityAgentCea {
  color: #475569 !important;
  font-weight: 600 !important;
}

body.light-theme #resInactivityAgentEmail {
  color: #64748B !important;
}

/* Form Label & Input */
body.light-theme #resInactivityLockModal label {
  color: #1E293B !important;
}

body.light-theme #resInactivityPassword {
  background: #FFFFFF !important;
  color: #020617 !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
}

body.light-theme #resInactivityPassword:focus {
  border-color: #0284C7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.20) !important;
  outline: none !important;
}

body.light-theme #resInactivityEyeIcon {
  color: #64748B !important;
}

/* Action Buttons */
body.light-theme #resInactivityLockModal #btnResInactivityContinue {
  background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%) !important;
  border: 1px solid #0284C7 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

body.light-theme #resInactivityLockModal #btnResInactivityContinue:hover {
  background: linear-gradient(135deg, #0369A1 0%, #075985 100%) !important;
}

body.light-theme #resInactivityLockModal #btnResInactivityLogout {
  background: #FEE2E2 !important;
  border: 1px solid #F87171 !important;
  color: #DC2626 !important;
  font-weight: 700 !important;
}

body.light-theme #resInactivityLockModal #btnResInactivityLogout:hover {
  background: #FECACA !important;
  color: #B91C1C !important;
}

/* Footer Instructions */
body.light-theme #resInactivityCard > div:last-child {
  color: #64748B !important;
}

/* ==============================================================================
   9. POP-UP OVERLAYS & SPECIALIZED MODALS IN LIGHT THEME
   ============================================================================== */

/* 9.1 Maintenance Overlay (#maintenanceOverlay) */
body.light-theme #maintenanceOverlay.maintenance-overlay-bg {
  background-color: #8DC3E9 !important;
  background-image: 
    linear-gradient(rgba(2, 132, 199, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2, 132, 199, 0.12) 1px, transparent 1px),
    radial-gradient(circle at 50% 40%, rgba(174, 224, 250, 0.92) 0%, rgba(141, 195, 233, 0.98) 100%) !important;
}

body.light-theme .maintenance-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%) !important;
  border: 2px solid #6DAED8 !important;
  border-top: 2.5px solid #0284C7 !important;
  box-shadow: 0 24px 60px rgba(11, 34, 56, 0.25), 0 0 30px rgba(2, 132, 199, 0.20) !important;
  color: #020617 !important;
}

body.light-theme .maintenance-card h2 {
  color: #020617 !important;
}

body.light-theme #maintenanceOverlayNoticeContent {
  background: #F0F7FC !important;
  border: 1px solid #BAE6FD !important;
  color: #0F172A !important;
}

body.light-theme #maintenanceCountdownContainer {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
}

/* 9.2 Simulated 403 Firewall Screen (#adminFirewall403Screen) */
body.light-theme #adminFirewall403Screen {
  background: radial-gradient(circle at 50% 0%, rgba(174, 224, 250, 0.94) 0%, rgba(141, 195, 233, 0.96) 100%) !important;
}

body.light-theme #adminFirewall403Screen > div {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  border-top: 4px solid #EF4444 !important;
  box-shadow: 0 25px 60px rgba(11, 34, 56, 0.25) !important;
  color: #020617 !important;
}

body.light-theme #adminFirewall403Screen h1 {
  color: #020617 !important;
}

body.light-theme #adminFirewall403Screen div[style*="background: #0F172A"],
body.light-theme #adminFirewall403Screen div[style*="background:#0F172A"] {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
}

body.light-theme #adminFirewall403Screen #gatekeeperReasonDisplay {
  color: #020617 !important;
}

/* 9.3 Finance & Statutory Modals Inner Elements */
body.light-theme #adminExpenseModal div[style*="background: rgba(15, 23, 42"],
body.light-theme #adminExpenseModal div[style*="background:rgba(15, 23, 42"] {
  background: #F8FAFC !important;
  border-color: #CBD5E1 !important;
}

body.light-theme #finDocPreviewContent {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  color: #020617 !important;
}

body.light-theme #finDocPreviewTitle {
  color: #020617 !important;
}

body.light-theme #adminAcraReportModal h3,
body.light-theme #adminIrasEciModal h3,
body.light-theme #adminAddHrModalTitle,
body.light-theme #adminHrPayslipModalTitle,
body.light-theme #adminCyberThreatReportModal h3,
body.light-theme #adminBlockIpModal h3 {
  color: #020617 !important;
}

body.light-theme #hrModalCalculationBox {
  background: #F0F7FC !important;
  border: 1.5px solid #BAE6FD !important;
}

body.light-theme #hrModalPrevGross {
  color: #020617 !important;
}

body.light-theme #hrModalPrevCoCost {
  color: #92400E !important;
}

body.light-theme #adminCpfRatesModal div[style*="background: #0F172A"],
body.light-theme #adminCpfRatesModal div[style*="background:#0F172A"] {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
}

body.light-theme #adminCpfRatesModal tr[style*="background: #0B192C"],
body.light-theme #adminCpfRatesModal tr[style*="background:#0B192C"] {
  background: #F1F5F9 !important;
  border-bottom: 2px solid #CBD5E1 !important;
  color: #1E293B !important;
}

/* 9.4 Modal Action Buttons (Neutral Secondary & Slate) */
body.light-theme .btn-jewel-slate,
body.light-theme .btn-backend-secondary {
  background: #E2E8F0 !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
}

body.light-theme .btn-jewel-slate:hover,
body.light-theme .btn-backend-secondary:hover {
  background: #CBD5E1 !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}

/* 9.5 Universal Modal Dividers */
body.light-theme [id$="Modal"] div[style*="border-bottom: 1px solid rgba(255, 255, 255"],
body.light-theme [id$="Modal"] div[style*="border-bottom:1px solid rgba(255, 255, 255"],
body.light-theme [id$="Modal"] div[style*="border-bottom: 1px solid #1E3E62"],
body.light-theme [id$="Modal"] div[style*="border-bottom:1px solid #1E3E62"],
body.light-theme [id$="Modal"] div[style*="border-bottom: 1px solid #334155"],
body.light-theme [id$="Modal"] div[style*="border-bottom:1px solid #334155"] {
  border-bottom: 1.5px solid #D6EBF8 !important;
}

body.light-theme [id$="Modal"] div[style*="border-top: 1px solid rgba(255, 255, 255"],
body.light-theme [id$="Modal"] div[style*="border-top:1px solid rgba(255, 255, 255"],
body.light-theme [id$="Modal"] div[style*="border-top: 1px solid #1E3E62"],
body.light-theme [id$="Modal"] div[style*="border-top:1px solid #1E3E62"],
body.light-theme [id$="Modal"] div[style*="border-top: 1px solid #334155"],
body.light-theme [id$="Modal"] div[style*="border-top:1px solid #334155"] {
  border-top: 1.5px solid #D6EBF8 !important;
}

/* ==============================================================================
   10. MY LISTINGS CONSOLE DENSITY & SYMMETRICAL BORDERS
   ============================================================================== */
body.light-theme .my-listings-modal-card {
  width: 96vw !important;
  max-width: 1720px !important;
}

body.light-theme .my-listings-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 18px !important;
}

@media (min-width: 1560px) {
  body.light-theme .my-listings-grid {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)) !important;
    gap: 18px !important;
  }
}

body.light-theme .my-listing-card {
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 12px !important;
}

body.light-theme .my-listing-card.is-dummy-listing {
  border: 2px solid #EAB308 !important;
  border-left: 2px solid #EAB308 !important;
}

body.light-theme .my-listing-card.is-dummy-listing:hover {
  border: 2px solid #CA8A04 !important;
  border-left: 2px solid #CA8A04 !important;
}

/* My Listings Modal Light Mode - Standardized Luxury Card styling */
body.light-theme #myListingsModal .modal-card,
body.light-theme #myListingsModal .my-listings-modal-card,
body.light-theme .my-listings-modal-card {
  background: var(--modal-card-bg, linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%)) !important;
  border: 1.5px solid #6DAED8 !important;
  border-top: 2px solid #FFFFFF !important;
  box-shadow: 0 20px 50px -10px rgba(11, 34, 56, 0.25), 0 0 25px rgba(141, 195, 233, 0.35) !important;
  color: #020617 !important;
}

body.light-theme #myListingsModal .my-listings-modal-header {
  background: linear-gradient(180deg, #FFFFFF 0%, #F5FBFE 100%) !important;
  border-bottom: 1.5px solid #D6EBF8 !important;
  box-shadow: 0 2px 8px rgba(11, 34, 56, 0.06) !important;
}

body.light-theme #myListingsModal .my-listings-filter-bar {
  background: #F0F7FC !important;
  border-bottom: 1.5px solid #D6EBF8 !important;
}

body.light-theme #myListingsModal .my-listings-scrollable-body {
  background: transparent !important;
}

body.light-theme #myListingsModal .my-listings-modal-footer {
  background: linear-gradient(180deg, #F5FBFE 0%, #EDF8FD 100%) !important;
  border-top: 1.5px solid #D6EBF8 !important;
}

body.light-theme #myListingsModal .my-listings-filter-pill.pill-archived-tier.active {
  background: #1E293B !important;
  border-color: #334155 !important;
  color: #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.25) !important;
}

body.light-theme #myListingsModal .my-listings-filter-pill.pill-archived-tier.active span,
body.light-theme #myListingsModal .my-listings-filter-pill.pill-archived-tier.active .pill-count-badge,
body.light-theme #myListingsModal .my-listings-filter-pill.pill-archived-tier.active .pill-text-archived {
  color: #E2E8F0 !important; /* Lighter grey for light mode */
}

/* ==========================================================================
   LICENSED AGENCY MARKET DISTRIBUTION - CEA AGENCY LICENCE STYLING
   ========================================================================== */
body.light-theme #adminTab-analytics .metrics-table {
  border-collapse: collapse;
}

body.light-theme #adminTab-analytics .metrics-table th {
  background: #F8FAFC !important;
  color: #475569 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* "The 'CEA Agency Licence' in the 'Licensed Agency Market Distribution' section should be black with transparent background. for light mode." */
body.light-theme #adminTab-analytics .metrics-table th:nth-child(2),
body.light-theme #adminTab-analytics th.th-cea-agency-licence {
  color: #000000 !important;
  background: transparent !important;
}

body.light-theme #adminTab-analytics .agency-licence-code,
body.light-theme #adminTab-analytics #adminAgencyBreakdownTableBody td:nth-child(2) span,
body.light-theme #adminTab-analytics #adminAgencyBreakdownTableBody td:nth-child(2) {
  color: #000000 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.light-theme #adminTab-analytics .metrics-table td {
  border-bottom: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

body.light-theme #adminTab-analytics .metrics-table td[style*="color: #F8FAFC"],
body.light-theme #adminTab-analytics .metrics-table td[style*="color:#F8FAFC"] {
  color: #0F172A !important;
}

body.light-theme #adminTab-analytics .metrics-table tr:hover td {
  background: #F8FAFC !important;
}

body.light-theme #adminTab-analytics .metrics-table-container,
body.light-theme #adminTab-analytics div[style*="border: 1px solid #1E3E62"] {
  border-color: #E2E8F0 !important;
}

/* ==========================================================================
   MY PERFORMANCE MODAL LIGHT THEME OVERHAUL (MATCHING BACKEND PERFORMANCE TAB)
   ========================================================================== */
body.light-theme #myPerformanceModal .modal-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%) !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 20px 50px -10px rgba(15, 23, 42, 0.15) !important;
}

body.light-theme #myPerformanceModal .modal-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

body.light-theme #myPerformanceModal #perfModalAgentTitle,
body.light-theme #myPerformanceModal .modal-title {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal #perfModalAgentSubtitle,
body.light-theme #myPerformanceModal .caption-text {
  color: #64748B !important;
}

body.light-theme #myPerformanceModal .perf-header-icon-box {
  background: #FEF3C7 !important;
  border: 1px solid #FDE68A !important;
  color: #D97706 !important;
}

/* Horizontal 5-Tab Bar */
body.light-theme #myPerformanceModal .perf-tab-bar {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

body.light-theme #myPerformanceModal .perf-tab-btn {
  color: #64748B !important;
}

body.light-theme #myPerformanceModal .perf-tab-btn:hover {
  color: #0F172A !important;
  background: #F1F5F9 !important;
}

body.light-theme #myPerformanceModal .perf-tab-btn.active {
  color: #0284C7 !important;
  border-bottom-color: #0284C7 !important;
  background: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Scorecard KPI Cards (Matching backend .metrics-kpi-card) */
body.light-theme #myPerformanceModal .perf-kpi-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body.light-theme #myPerformanceModal .perf-kpi-card:hover {
  border-color: #CBD5E1 !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important;
}

body.light-theme #myPerformanceModal .perf-kpi-title {
  color: #475569 !important;
  font-weight: 800 !important;
}

body.light-theme #myPerformanceModal .perf-kpi-val {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-kpi-val[style*="F5D061" i] {
  color: #92400E !important;
}

body.light-theme #myPerformanceModal .perf-kpi-val[style*="FFFFFF" i] {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-kpi-sub {
  color: #64748B !important;
}

body.light-theme #myPerformanceModal .perf-kpi-sub i[style*="F5D061" i],
body.light-theme #myPerformanceModal .perf-kpi-sub i[style*="FBBF24" i] {
  color: #D97706 !important;
}

body.light-theme #myPerformanceModal .perf-kpi-info-trigger {
  color: #94A3B8 !important;
}

body.light-theme #myPerformanceModal .perf-kpi-info-trigger:hover {
  color: #0284C7 !important;
}

/* Multi-Channel Syndication Callout Banner */
body.light-theme #myPerformanceModal .perf-channel-callout {
  background: #F0F9FF !important;
  border: 1px solid #BAE6FD !important;
}

body.light-theme #myPerformanceModal .perf-channel-callout div[style*="color: #F8FAFC"],
body.light-theme #myPerformanceModal .perf-channel-callout div[style*="color:#F8FAFC"] {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-channel-callout div[style*="color: #94A3B8"],
body.light-theme #myPerformanceModal .perf-channel-callout div[style*="color:#94A3B8"] {
  color: #475569 !important;
}

body.light-theme #myPerformanceModal .perf-channel-callout div[style*="color: #38BDF8"],
body.light-theme #myPerformanceModal .perf-channel-callout div[style*="color:#38BDF8"] {
  color: #0369A1 !important;
}

body.light-theme #myPerformanceModal .perf-channel-callout div[style*="background: rgba(56, 189, 248, 0.2)"],
body.light-theme #myPerformanceModal .perf-channel-callout div[style*="background:rgba(56, 189, 248, 0.2)"] {
  background: #E0F2FE !important;
  color: #0284C7 !important;
}

/* Section Cards (Breakdown & History Containers) */
body.light-theme #myPerformanceModal .admin-section-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body.light-theme #myPerformanceModal .admin-section-card h4 {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .admin-section-card div[style*="color: var(--text-muted"],
body.light-theme #myPerformanceModal .admin-section-card div[style*="color: #94A3B8"],
body.light-theme #myPerformanceModal .admin-section-card div[style*="color:#94A3B8"] {
  color: #64748B !important;
}

/* Optimization Recommendation Cards */
body.light-theme #myPerformanceModal .perf-opt-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body.light-theme #myPerformanceModal .perf-opt-card div[style*="color: #F8FAFC"],
body.light-theme #myPerformanceModal .perf-opt-card div[style*="color:#F8FAFC"] {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-opt-card div[style*="color: #94A3B8"],
body.light-theme #myPerformanceModal .perf-opt-card div[style*="color:#94A3B8"] {
  color: #64748B !important;
}

/* Tab 2: Visual Charts & SVG Wrappers */
body.light-theme #myPerformanceModal .perf-timeframe-toolbar {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

body.light-theme #myPerformanceModal .perf-timeframe-toolbar div[style*="color: #F8FAFC"],
body.light-theme #myPerformanceModal .perf-timeframe-toolbar div,
body.light-theme #myPerformanceModal .perf-timeframe-toolbar label {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal #perfTimeframeSelect {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-svg-wrap {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body.light-theme #myPerformanceModal .perf-svg-wrap h4 {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-svg-wrap div[style*="color: #94A3B8"],
body.light-theme #myPerformanceModal .perf-svg-wrap div[style*="color:#94A3B8"] {
  color: #64748B !important;
}

/* Tab 5: Social Media Cards */
body.light-theme #myPerformanceModal .perf-social-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body.light-theme #myPerformanceModal .perf-social-card div[style*="color:#F8FAFC"],
body.light-theme #myPerformanceModal .perf-social-card div[style*="color: #F8FAFC"] {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-social-card div[style*="color:#94A3B8"],
body.light-theme #myPerformanceModal .perf-social-card div[style*="color: #94A3B8"] {
  color: #64748B !important;
}

body.light-theme #myPerformanceModal .perf-social-card div[style*="background:rgba(255,255,255,0.05)"],
body.light-theme #myPerformanceModal .perf-social-card div[style*="background: rgba(255,255,255,0.05)"] {
  background: #F1F5F9 !important;
}

body.light-theme #myPerformanceModal .perf-social-card .perf-social-stats,
body.light-theme #myPerformanceModal .perf-social-card div[style*="background:rgba(0,0,0,0.25)"],
body.light-theme #myPerformanceModal .perf-social-card div[style*="background: rgba(0,0,0,0.25)"] {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

body.light-theme #myPerformanceModal .perf-social-card div[style*="color:#64748B"] {
  color: #475569 !important;
  font-weight: 700 !important;
}

body.light-theme #myPerformanceModal .perf-social-card div[style*="color:#F5D061"] {
  color: #92400E !important;
}

/* Performance Tables */
body.light-theme #myPerformanceModal .perf-table th {
  background: #F8FAFC !important;
  color: #475569 !important;
  border-bottom: 1px solid #E2E8F0 !important;
  font-weight: 800 !important;
}

body.light-theme #myPerformanceModal .perf-table td {
  border-bottom: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-table tr:hover td {
  background: #F8FAFC !important;
}

body.light-theme #myPerformanceModal .perf-table td div[style*="color:#F8FAFC"],
body.light-theme #myPerformanceModal .perf-table td div[style*="color: #F8FAFC"] {
  color: #0F172A !important;
}

body.light-theme #myPerformanceModal .perf-table td div[style*="color:#CBD5E1"],
body.light-theme #myPerformanceModal .perf-table td div[style*="color: #CBD5E1"] {
  color: #334155 !important;
}

body.light-theme #myPerformanceModal .perf-table td span[style*="color:#F5D061"],
body.light-theme #myPerformanceModal .perf-table td div[style*="color:#F5D061"] {
  color: #92400E !important;
}

body.light-theme #myPerformanceModal .perf-table td input[type="text"] {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0284C7 !important;
}

body.light-theme #myPerformanceModal .perf-table .district-badge,
body.light-theme .district-badge {
  background: #E0F2FE !important;
  color: #0369A1 !important;
  border-color: #BAE6FD !important;
}

/* Modal Footer */
body.light-theme #myPerformanceModal .modal-footer {
  background: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
}

/* ==========================================================================
   25. MASTER THEME CASCADE FOR ALL ADMIN & POPUP MODALS (LIGHT SKY BLUE)
   ========================================================================== */

/* 25.1 Modal Backdrop */
body.light-theme .modal-backdrop,
body.light-theme div[id$="Modal"].modal-backdrop {
  background: rgba(15, 42, 74, 0.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* 25.2 Modal Card Containers */
body.light-theme .modal-card,
body.light-theme .admin-modal-card,
body.light-theme .directory-modal-card,
body.light-theme .admin-credit-modal-card,
body.light-theme .admin-promo-modal-card,
body.light-theme .admin-social-modal-card,
body.light-theme [id$="Modal"] > .modal-card,
body.light-theme [id$="Modal"] > div:not(.modal-backdrop):first-child {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%) !important;
  border: 1px solid #6DAED8 !important;
  box-shadow: 0 24px 64px rgba(10, 47, 85, 0.22), 0 2px 8px rgba(10, 47, 85, 0.10) !important;
  color: #020617 !important;
}

/* 25.3 Modal Typography */
body.light-theme .admin-modal-title,
body.light-theme .modal-card h3,
body.light-theme .modal-card h4,
body.light-theme [id$="Modal"] h3,
body.light-theme [id$="Modal"] h4,
body.light-theme [id$="Modal"] .admin-modal-title,
body.light-theme [id$="Modal"] [id$="ModalTitle"] {
  color: #020617 !important;
  font-weight: 800 !important;
}

body.light-theme .admin-modal-subtitle,
body.light-theme .modal-card p,
body.light-theme .modal-subtitle,
body.light-theme [id$="Modal"] p,
body.light-theme [id$="Modal"] .admin-modal-subtitle {
  color: #334155 !important;
}

body.light-theme .admin-form-label,
body.light-theme .modal-card label,
body.light-theme .form-group label,
body.light-theme .admin-field-label,
body.light-theme [id$="Modal"] label {
  color: #0F172A !important;
  font-weight: 700 !important;
}

/* 25.4 Form Inputs, Selects & Textareas */
body.light-theme .form-control-admin,
body.light-theme .admin-form-input,
body.light-theme .admin-form-textarea,
body.light-theme .admin-form-select,
body.light-theme .directory-dark-textarea,
body.light-theme .directory-model-select,
body.light-theme .modal-card input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]),
body.light-theme .modal-card select,
body.light-theme .modal-card textarea,
body.light-theme [id$="Modal"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]),
body.light-theme [id$="Modal"] select,
body.light-theme [id$="Modal"] textarea {
  background: #FFFFFF !important;
  color: #020617 !important;
  border: 1px solid #CBD5E1 !important;
}

body.light-theme .form-control-admin:focus,
body.light-theme .admin-form-input:focus,
body.light-theme .admin-form-textarea:focus,
body.light-theme .admin-form-select:focus,
body.light-theme .directory-dark-textarea:focus,
body.light-theme .directory-model-select:focus,
body.light-theme .modal-card input:focus,
body.light-theme .modal-card select:focus,
body.light-theme .modal-card textarea:focus,
body.light-theme [id$="Modal"] input:focus,
body.light-theme [id$="Modal"] select:focus,
body.light-theme [id$="Modal"] textarea:focus {
  border-color: #0284C7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.20) !important;
  outline: none !important;
}

/* Placeholder colors in light theme */
body.light-theme .modal-card input::placeholder,
body.light-theme .modal-card textarea::placeholder,
body.light-theme [id$="Modal"] input::placeholder,
body.light-theme [id$="Modal"] textarea::placeholder {
  color: #94A3B8 !important;
}

/* 25.5 Inner Sections, Containers & Prompt Toolbars */
body.light-theme .admin-section-card,
body.light-theme .directory-prompt-box,
body.light-theme .admin-gst-banner-box,
body.light-theme .admin-gst-radio-box,
body.light-theme .admin-summary-box,
body.light-theme .admin-preview-sheet,
body.light-theme .benefits-quick-chips,
body.light-theme .admin-authority-grid,
body.light-theme .admin-auth-check-item,
body.light-theme [id$="Modal"] .section-box,
body.light-theme [id$="Modal"] .admin-box {
  background: #F0F7FC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

body.light-theme .directory-prompt-toolbar,
body.light-theme .modal-footer,
body.light-theme .admin-modal-footer,
body.light-theme [id$="Modal"] .modal-footer {
  background: #E6F3FA !important;
  border-top: 1px solid #CBD5E1 !important;
}

/* 25.6 Modal Close Button */
body.light-theme .modal-close-btn,
body.light-theme .modal-card .modal-close-btn,
body.light-theme [id$="Modal"] .modal-close-btn {
  background: #E2E8F0 !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
  transition: all 0.2s ease !important;
}

body.light-theme .modal-close-btn:hover,
body.light-theme .modal-card .modal-close-btn:hover,
body.light-theme [id$="Modal"] .modal-close-btn:hover {
  background: #CBD5E1 !important;
  color: #0F172A !important;
}

/* 25.7 Previews, Code Blocks, Monospace Previews */
body.light-theme #emailMessagePreviewModal pre,
body.light-theme #emailMessagePreviewContent,
body.light-theme [id$="Modal"] pre,
body.light-theme [id$="Modal"] code,
body.light-theme .directory-counter-pill {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

/* 25.8 Tables inside Modals */
body.light-theme [id$="Modal"] table,
body.light-theme .modal-card table,
body.light-theme .admin-table-container table {
  color: #0F172A !important;
}

body.light-theme [id$="Modal"] th,
body.light-theme .modal-card th,
body.light-theme .admin-table-container th {
  background: #E2E8F0 !important;
  color: #1E293B !important;
  border-bottom: 2px solid #CBD5E1 !important;
  font-weight: 800 !important;
}

body.light-theme [id$="Modal"] td,
body.light-theme .modal-card td,
body.light-theme .admin-table-container td {
  border-bottom: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

body.light-theme [id$="Modal"] tr:hover td,
body.light-theme .modal-card tr:hover td,
body.light-theme .admin-table-container tr:hover td {
  background: #F1F5F9 !important;
}

/* 25.9 Badges, Chips and Pills in Light Mode */
body.light-theme [id$="Modal"] .badge,
body.light-theme [id$="Modal"] .admin-chip,
body.light-theme [id$="Modal"] .benefits-chip {
  background: #E0F2FE !important;
  color: #0369A1 !important;
  border: 1px solid #BAE6FD !important;
}

body.light-theme [id$="Modal"] span[style*="color: #10B981"],
body.light-theme [id$="Modal"] span[style*="color:#10B981"],
body.light-theme [id$="Modal"] i[style*="color: #10B981"],
body.light-theme [id$="Modal"] i[style*="color:#10B981"],
body.light-theme [id$="Modal"] h3 i.fa-chart-line,
body.light-theme [id$="Modal"] h4 i.fa-chart-line {
  color: #059669 !important;
}

body.light-theme [id$="Modal"] span[style*="color: #EF4444"],
body.light-theme [id$="Modal"] span[style*="color:#EF4444"],
body.light-theme [id$="Modal"] i[style*="color: #EF4444"],
body.light-theme [id$="Modal"] i[style*="color:#EF4444"],
body.light-theme [id$="Modal"] h3 i.fa-receipt,
body.light-theme [id$="Modal"] h4 i.fa-receipt {
  color: #DC2626 !important;
}

body.light-theme [id$="Modal"] span[style*="color: #F5D061"],
body.light-theme [id$="Modal"] span[style*="color:#F5D061"],
body.light-theme [id$="Modal"] i[style*="color: #F5D061"],
body.light-theme [id$="Modal"] i[style*="color:#F5D061"] {
  color: #92400E !important;
}

body.light-theme [id$="Modal"] span[style*="color: #38BDF8"],
body.light-theme [id$="Modal"] span[style*="color:#38BDF8"],
body.light-theme [id$="Modal"] i[style*="color: #38BDF8"],
body.light-theme [id$="Modal"] i[style*="color:#38BDF8"] {
  color: #0284C7 !important;
}

body.light-theme .admin-last-updated-pill {
  background: #FEF3C7 !important;
  border-color: #FDE68A !important;
  color: #92400E !important;
}

/* 25.10 Administrator Login Gateway & Inactivity Lock Modals (Light Sky Theme) */
body.light-theme #adminLoginModal .modal-card,
body.light-theme #adminInactivityLockModal .modal-card,
body.light-theme .admin-inactivity-modal-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%) !important;
  border: 1.5px solid #6DAED8 !important;
  box-shadow: 0 24px 64px rgba(10, 47, 85, 0.22) !important;
  color: #020617 !important;
}

body.light-theme #adminLoginModal .modal-title,
body.light-theme #adminInactivityLockModal h3,
body.light-theme .admin-inactivity-title {
  color: #020617 !important;
  font-weight: 800 !important;
}

body.light-theme #adminLoginModal .subtitle-text,
body.light-theme #adminLoginModal label,
body.light-theme #adminInactivityLockModal label {
  color: #0F172A !important;
  font-weight: 700 !important;
}

body.light-theme #adminLoginModal p,
body.light-theme .admin-inactivity-desc {
  color: #334155 !important;
}

body.light-theme #adminLoginModal .form-input,
body.light-theme #adminLoginModal input[type="email"],
body.light-theme #adminLoginModal input[type="password"],
body.light-theme #adminLoginEmail,
body.light-theme #adminLoginPassword {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #020617 !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
}

body.light-theme #adminLoginModal .form-input:focus,
body.light-theme #adminLoginEmail:focus,
body.light-theme #adminLoginPassword:focus {
  border-color: #0284C7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.20) !important;
  outline: none !important;
}

body.light-theme #adminLoginModal .fa-envelope,
body.light-theme #adminLoginModal .fa-lock,
body.light-theme #adminLoginModal .pw-eye-btn {
  color: #64748B !important;
}

body.light-theme #adminLoginModal .admin-totp-container-box {
  background: #F0F7FC !important;
  border: 1.5px solid #CBD5E1 !important;
}

body.light-theme #adminLoginModal .admin-totp-label,
body.light-theme #adminInactivityLockModal .admin-totp-label {
  color: #0284C7 !important;
  font-weight: 800 !important;
}

body.light-theme #adminLoginModal .admin-totp-help {
  color: #475569 !important;
}

body.light-theme #adminLoginTotpPasskey,
body.light-theme #adminInactivityTotpInput,
body.light-theme .admin-totp-input {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 2px solid #0284C7 !important;
  color: #0284C7 !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.12) !important;
}

body.light-theme #adminLoginTotpPasskey::placeholder,
body.light-theme #adminInactivityTotpInput::placeholder {
  color: #94A3B8 !important;
}

body.light-theme .admin-inactivity-icon-wrap {
  background: #E0F2FE !important;
  border: 2px solid #0284C7 !important;
  color: #0284C7 !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
}

body.light-theme .admin-inactivity-identity-box {
  background: #F0F7FC !important;
  border: 1.5px solid #CBD5E1 !important;
}

body.light-theme #adminInactivityName {
  color: #020617 !important;
}

body.light-theme #adminInactivityEmail {
  color: #0369A1 !important;
  font-weight: 600 !important;
}

/* Light Theme Autofill for Admin Login */
body.light-theme #adminLoginModal input:-webkit-autofill,
body.light-theme #adminLoginModal input:-webkit-autofill:hover,
body.light-theme #adminLoginModal input:-webkit-autofill:focus,
body.light-theme #adminLoginEmail:-webkit-autofill,
body.light-theme #adminLoginPassword:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
  box-shadow: 0 0 0 1000px #FFFFFF inset !important;
  -webkit-text-fill-color: #020617 !important;
  caret-color: #020617 !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background-color: #FFFFFF !important;
}

/* Light Theme Themed Alert & Confirm Modal Popup */
body.light-theme #customAlertModal .modal-card,
body.light-theme #customConfirmModal .modal-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF8FD 100%) !important;
  border: 1px solid #6DAED8 !important;
  color: #020617 !important;
  box-shadow: 0 15px 40px rgba(2, 61, 91, 0.18) !important;
}
body.light-theme #customAlertModal #customAlertTitle,
body.light-theme #customConfirmModal #customConfirmTitle {
  color: #0F172A !important;
}
body.light-theme #customAlertModal #customAlertMessage,
body.light-theme #customConfirmModal #customConfirmMessage {
  color: #334155 !important;
}

/* ==============================================================================
   LIGHT THEME: SCHEDULE REPOSTING MODAL (#scheduleRepostModal / Repost Later)
   ============================================================================== */
body.light-theme #scheduleRepostModal .modal-card,
body.light-theme #scheduleRepostModal .schedule-repost-modal-card,
body.light-theme .schedule-repost-modal-card {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12) !important;
  color: #0F172A !important;
}

body.light-theme #scheduleRepostModal .schedule-repost-header,
body.light-theme .schedule-repost-header {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

body.light-theme #scheduleRepostModal .schedule-repost-header .modal-title {
  color: #0F172A !important;
}

body.light-theme #scheduleRepostModal .schedule-repost-header .caption-text {
  color: #64748B !important;
}

body.light-theme #scheduleRepostModal .schedule-repost-balance-strip,
body.light-theme .schedule-repost-balance-strip {
  background: #F1F5F9 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

body.light-theme #scheduleRepostModal .schedule-controls-panel,
body.light-theme .schedule-controls-panel {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

body.light-theme #scheduleRepostModal .btn-schedule-preset,
body.light-theme .btn-schedule-preset {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
}

body.light-theme #scheduleRepostModal .btn-schedule-preset:hover,
body.light-theme .btn-schedule-preset:hover {
  background: #F1F5F9 !important;
  color: #0F172A !important;
  border-color: #94A3B8 !important;
}

body.light-theme #scheduleRepostModal .btn-schedule-preset.active,
body.light-theme .btn-schedule-preset.active {
  background: #ECFDF5 !important;
  border-color: #10B981 !important;
  color: #059669 !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2) !important;
}

body.light-theme #scheduleRepostModal .btn-day-pill,
body.light-theme .btn-day-pill {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
}

body.light-theme #scheduleRepostModal .btn-day-pill:hover,
body.light-theme .btn-day-pill:hover {
  background: #F1F5F9 !important;
  color: #0F172A !important;
  border-color: #94A3B8 !important;
}

body.light-theme #scheduleRepostModal .btn-day-pill.active,
body.light-theme .btn-day-pill.active {
  background: #ECFDF5 !important;
  border-color: #10B981 !important;
  color: #059669 !important;
  font-weight: 800 !important;
}

body.light-theme #scheduleRepostModal .schedule-table-responsive,
body.light-theme .schedule-table-responsive,
body.light-theme #scheduleRepostModal .scheduled-queue-table-responsive,
body.light-theme .scheduled-queue-table-responsive {
  border: 1px solid #E2E8F0 !important;
  background: #FFFFFF !important;
}

body.light-theme #scheduleRepostModal .schedule-listings-table thead tr,
body.light-theme .schedule-listings-table thead tr,
body.light-theme #scheduleRepostModal .scheduled-queue-table thead tr,
body.light-theme .scheduled-queue-table thead tr {
  background: #F1F5F9 !important;
  border-bottom: 2px solid #CBD5E1 !important;
}

body.light-theme #scheduleRepostModal .schedule-listings-table thead th,
body.light-theme .schedule-listings-table thead th,
body.light-theme #scheduleRepostModal .scheduled-queue-table thead th,
body.light-theme .scheduled-queue-table thead th {
  color: #1E293B !important;
}

body.light-theme #scheduleRepostModal .schedule-listings-table tbody tr,
body.light-theme .schedule-listings-table tbody tr,
body.light-theme #scheduleRepostModal .scheduled-queue-table tbody tr,
body.light-theme .scheduled-queue-table tbody tr {
  border-bottom: 1px solid #E2E8F0 !important;
}

body.light-theme #scheduleRepostModal .schedule-listings-table tbody tr:hover,
body.light-theme .schedule-listings-table tbody tr:hover,
body.light-theme #scheduleRepostModal .scheduled-queue-table tbody tr:hover,
body.light-theme .scheduled-queue-table tbody tr:hover {
  background-color: #F8FAFC !important;
}

body.light-theme #scheduleRepostModal .schedule-calculation-card,
body.light-theme .schedule-calculation-card {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

body.light-theme #scheduleRepostModal .scheduled-queue-section,
body.light-theme .scheduled-queue-section {
  border-top: 1px solid #E2E8F0 !important;
}

body.light-theme #scheduleRepostModal .btn-cancel-schedule,
body.light-theme .btn-cancel-schedule {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
}

body.light-theme #scheduleRepostModal .btn-cancel-schedule:hover,
body.light-theme .btn-cancel-schedule:hover {
  background: #F1F5F9 !important;
  color: #0F172A !important;
  border-color: #94A3B8 !important;
}

body.light-theme #scheduleRepostModal input[type="date"],
body.light-theme #scheduleRepostModal input[type="time"] {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

/* ==========================================================================
   27. MY FAQ (AGENT'S GUIDE) LIGHT THEME (#faqModal)
   ========================================================================== */
body.light-theme #faqModal .modal-card,
body.light-theme #guestFaqModal .modal-card {
  background: #EDF8FD !important;
  border: 1px solid #6DAED8 !important;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.2) !important;
}

body.light-theme #faqModal .faq-item,
body.light-theme #guestFaqModal .faq-item {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.light-theme #faqModal .faq-item:hover,
body.light-theme #guestFaqModal .faq-item:hover {
  border-color: #0284C7 !important;
}

body.light-theme #faqModal .faq-item[open],
body.light-theme #guestFaqModal .faq-item[open] {
  background: #FFFFFF !important;
  border-color: #0284C7 !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.1) !important;
}

body.light-theme #faqModal .faq-question,
body.light-theme #guestFaqModal .faq-question {
  color: #020617 !important;
}

body.light-theme #faqModal .faq-question::after,
body.light-theme #guestFaqModal .faq-question::after {
  color: #0284C7 !important;
}

body.light-theme #faqModal .faq-answer,
body.light-theme #guestFaqModal .faq-answer {
  color: #1E293B !important;
  border-top: 1px solid #E2E8F0 !important;
}

body.light-theme #faqModal .faq-category-header,
body.light-theme #guestFaqModal .faq-category-header {
  border-bottom: 1px solid #CBD5E1 !important;
}

body.light-theme #faqModal .faq-category-title,
body.light-theme #guestFaqModal .faq-category-title {
  color: #020617 !important;
}

body.light-theme #faqModal #agentGuideFaqSearchInput {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  color: #020617 !important;
}