/*
 * Professional palette authority.
 * Keep this file color-only: tokens, aliases, and opt-in utility classes.
 * Do not place layout, sizing, spacing, positioning, or component structure here.
 *
 * STRUCTURE:
 *   1. Design Tokens (scales, canonical assignments, legacy aliases)
 *   2. Dark Theme
 *   3. Button & Form Policies
 *   4. Utility Classes (backgrounds, text, borders, icons, states)
 */

/* =====================================================================
   1. DESIGN TOKENS
   Foundational color scales and canonical color assignments.
   ===================================================================== */

:root {
  /* --- Flag Variables (legacy, referenced by page CSS for rgba) --- */
  --app-flag-off-white: #f1f1f1 !important;
  --app-flag-off-white-rgb: 241, 241, 241 !important;
  --app-flag-navy: #002868 !important;

  /* ds radius/shadow tokens (fallback for standalone pages that load only
     this palette — keeps the platform-wide radius/shadow scale resolvable) */
  --ds-radius-xs: 0.25rem; --ds-radius-sm: 0.5rem; --ds-radius-md: 0.75rem;
  --ds-radius-lg: 0.875rem; --ds-radius-xl: 1rem; --ds-radius-2xl: 1.25rem;
  --ds-radius-pill: 9999px; --ds-radius-circle: 50%;
  --ds-radius-card: 1.125rem; --ds-radius-button: 0.875rem; --ds-radius-input: 0.875rem;
  --ds-shadow-xs: 0 1px 2px rgba(16,24,40,0.04);
  --ds-shadow-sm: 0 1px 3px rgba(16,24,40,0.06), 0 1px 2px rgba(16,24,40,0.04);
  --ds-shadow-md: 0 4px 6px -1px rgba(16,24,40,0.08), 0 2px 4px -2px rgba(16,24,40,0.04);
  --ds-shadow-xl: 0 20px 42px rgba(16,24,40,0.12);
  --ds-shadow-overlay: 0 28px 64px rgba(16,24,40,0.16);
  --app-flag-navy-rgb: 0, 40, 104 !important;
  --app-flag-white: #ffffff !important;
  --app-flag-white-rgb: 255, 255, 255 !important;
  --app-flag-red: #bf0a30 !important;
  --app-flag-red-rgb: 191, 10, 48 !important;
  --app-flag-black: #000000 !important;
  --app-flag-black-rgb: 0, 0, 0 !important;

  /* --- Neutral Scale --- */
  --app-neutral-0: #ffffff !important;
  --app-neutral-25: #fcfcfd !important;
  --app-neutral-50: #f8fafc !important;
  --app-neutral-100: #f2f4f7 !important;
  --app-neutral-150: #eaecf0 !important;
  --app-neutral-200: #d0d5dd !important;
  --app-neutral-300: #b8c0cc !important;
  --app-neutral-400: #98a2b3 !important;
  --app-neutral-500: #667085 !important;
  --app-neutral-600: #475467 !important;
  --app-neutral-700: #344054 !important;
  --app-neutral-800: #1d2939 !important;
  --app-neutral-900: #101828 !important;
  --app-neutral-950: #0b1220 !important;
  --app-neutral-0-rgb: 255, 255, 255 !important;
  --app-neutral-50-rgb: 248, 250, 252 !important;
  --app-neutral-100-rgb: 242, 244, 247 !important;
  --app-neutral-200-rgb: 208, 213, 221 !important;
  --app-neutral-300-rgb: 184, 192, 204 !important;
  --app-neutral-400-rgb: 152, 162, 179 !important;
  --app-neutral-500-rgb: 102, 112, 133 !important;
  --app-neutral-600-rgb: 71, 84, 103 !important;
  --app-neutral-700-rgb: 52, 64, 84 !important;
  --app-neutral-800-rgb: 29, 41, 57 !important;
  --app-neutral-900-rgb: 16, 24, 40 !important;
  --app-neutral-950-rgb: 11, 18, 32 !important;

  /* --- Brand Scale --- */
  --app-brand-50: #eef2f6 !important;
  --app-brand-100: #dde5ee !important;
  --app-brand-200: #c8d3df !important;
  --app-brand-300: #a9b8c8 !important;
  --app-brand-400: #8499ad !important;
  --app-brand-500: #667b8f !important;
  --app-brand-600: #4f6275 !important;
  --app-brand-700: #3f4f5f !important;
  --app-brand-800: #303d4a !important;
  --app-brand-900: #202b36 !important;
  --app-brand-rgb: 63, 79, 95 !important;

  /* --- Semantic Scales --- */
  --app-success-50: #edf7f2 !important;
  --app-success-100: #d7ede3 !important;
  --app-success-600: #167053 !important;
  --app-success-700: #105b44 !important;
  --app-success-rgb: 22, 112, 83 !important;
  --app-warning-50: #fff6e8 !important;
  --app-warning-100: #fce8c8 !important;
  --app-warning-600: #b54708 !important;
  --app-warning-700: #93370d !important;
  --app-warning-rgb: 181, 71, 8 !important;
  --app-danger-50: #fff0f0 !important;
  --app-danger-100: #f9d6d5 !important;
  --app-danger-600: #b42318 !important;
  --app-danger-700: #912018 !important;
  --app-danger-rgb: 180, 35, 24 !important;
  --app-info-50: #eef6fb !important;
  --app-info-100: #d8e9f4 !important;
  --app-info-600: #276985 !important;
  --app-info-700: #1f566d !important;
  --app-info-rgb: 39, 105, 133 !important;

  /* --- Canonical Color Assignments (light theme) --- */
  --app-color-brand: var(--app-brand-700) !important;
  --app-color-brand-text: var(--app-brand-700) !important;
  --app-color-brand-rgb: var(--app-brand-rgb) !important;
  --app-color-brand-hover: var(--app-brand-800) !important;
  --app-color-brand-active: var(--app-brand-900) !important;
  --app-color-brand-soft: var(--app-brand-50) !important;
  --app-color-brand-softer: var(--app-neutral-50) !important;
  --app-color-accent: var(--app-neutral-600) !important;
  --app-color-accent-rgb: var(--app-neutral-600-rgb) !important;
  --app-color-accent-hover: var(--app-neutral-800) !important;
  --app-color-accent-soft: var(--app-neutral-100) !important;
  --app-color-page: #f6f7f9 !important;
  --app-color-surface: var(--app-neutral-0) !important;
  --app-color-surface-soft: var(--app-neutral-50) !important;
  --app-color-surface-muted: var(--app-neutral-100) !important;
  --app-color-surface-raised: var(--app-neutral-0) !important;
  --app-color-surface-hover: var(--app-neutral-100) !important;
  --app-color-sidebar: var(--app-neutral-950) !important;
  --app-color-sidebar-surface: var(--app-neutral-900) !important;
  --app-color-border: var(--app-neutral-200) !important;
  --app-color-border-strong: var(--app-neutral-400) !important;
  --app-color-focus: var(--app-brand-600) !important;
  --app-color-text: var(--app-neutral-900) !important;
  --app-color-text-muted: var(--app-neutral-600) !important;
  --app-color-text-faint: var(--app-neutral-500) !important;
  --app-color-text-inverse: var(--app-neutral-0) !important;
  --app-color-on-brand: var(--app-neutral-0) !important;
  --app-color-on-dark: var(--app-neutral-0) !important;
  --app-color-transparent: transparent !important;
  --app-color-success: var(--app-success-600) !important;
  --app-color-success-rgb: var(--app-success-rgb) !important;
  --app-color-success-soft: var(--app-success-50) !important;
  --app-color-warning: var(--app-warning-600) !important;
  --app-color-warning-rgb: var(--app-warning-rgb) !important;
  --app-color-warning-soft: var(--app-warning-50) !important;
  --app-color-danger: var(--app-danger-600) !important;
  --app-color-danger-rgb: var(--app-danger-rgb) !important;
  --app-color-danger-soft: var(--app-danger-50) !important;
  --app-color-info: var(--app-info-600) !important;
  --app-color-info-rgb: var(--app-info-rgb) !important;
  --app-color-info-soft: var(--app-info-50) !important;
  --app-shadow-color: rgba(var(--app-neutral-900-rgb), 0.14) !important;
  --app-shadow-soft: 0 16px 36px rgba(var(--app-neutral-900-rgb), 0.10) !important;
  --app-flat-fill: var(--app-color-brand) !important;

  /* --- Legacy Compatibility Aliases --- */
  --color-primary: var(--app-color-brand) !important;
  --color-primary-rgb: var(--app-color-brand-rgb) !important;
  --color-primary-dark: var(--app-color-brand-hover) !important;
  --color-primary-light: var(--app-brand-300) !important;
  --color-primary-bg: var(--app-color-brand-soft) !important;
  --color-accent: var(--app-color-accent) !important;
  --color-accent-rgb: var(--app-color-accent-rgb) !important;
  --color-accent-dark: var(--app-color-accent-hover) !important;
  --color-success: var(--app-color-success) !important;
  --color-success-rgb: var(--app-color-success-rgb) !important;
  --color-success-bg: var(--app-color-success-soft) !important;
  --color-success-glass: var(--app-color-success-soft) !important;
  --color-warning: var(--app-color-warning) !important;
  --color-warning-rgb: var(--app-color-warning-rgb) !important;
  --color-warning-bg: var(--app-color-warning-soft) !important;
  --color-warning-glass: var(--app-color-warning-soft) !important;
  --color-danger: var(--app-color-danger) !important;
  --color-danger-rgb: var(--app-color-danger-rgb) !important;
  --color-danger-bg: var(--app-color-danger-soft) !important;
  --color-danger-glass: var(--app-color-danger-soft) !important;
  --color-info: var(--app-color-info) !important;
  --color-info-rgb: var(--app-color-info-rgb) !important;
  --color-info-bg: var(--app-color-info-soft) !important;
  --color-info-glass: var(--app-color-info-soft) !important;
  --color-text: var(--app-color-text) !important;
  --color-text-primary: var(--app-color-text) !important;
  --color-text-secondary: var(--app-color-text-muted) !important;
  --color-text-muted: var(--app-color-text-muted) !important;
  --color-text-light: var(--app-color-text-faint) !important;
  --color-text-inverse: var(--app-color-text-inverse) !important;
  --color-surface: var(--app-color-surface-soft) !important;
  --color-surface-card: var(--app-color-surface) !important;
  --color-bg: var(--app-color-page) !important;
  --color-border: var(--app-color-border) !important;
  --color-border-light: var(--app-color-border) !important;
  --shadow-btn: none !important;
  --shadow-btn-hover: none !important;
  --glass-bg: rgba(var(--app-neutral-0-rgb), 0.94) !important;
  --glass-border: rgba(var(--app-neutral-900-rgb), 0.10) !important;
  --glass-primary: var(--app-color-brand-soft) !important;
  --glass-primary-solid: var(--app-color-brand) !important;
  --glass-primary-hover: var(--app-brand-100) !important;
  --glass-primary-active: var(--app-brand-200) !important;
  --glass-primary-glow: none !important;
  --glass-danger: var(--app-color-danger) !important;
  --glass-danger-solid: var(--app-color-danger) !important;
  --glass-success: var(--app-color-success) !important;
  --glass-success-solid: var(--app-color-success) !important;
  --glass-warning: var(--app-color-warning) !important;
  --glass-warning-solid: var(--app-color-warning) !important;
  --surface-app: var(--app-color-page) !important;
  --surface-card: var(--app-color-surface) !important;
  --surface-card-hover: var(--app-color-surface-hover) !important;
  --surface-elevated: var(--app-color-surface-raised) !important;
  --surface-sidebar: var(--app-color-sidebar) !important;
  --surface-input: var(--app-color-surface) !important;
  --surface-header: var(--app-color-surface) !important;
  --surface-muted: var(--app-color-surface-muted) !important;
  --surface-row: var(--app-color-surface) !important;
  --surface-row-read: var(--app-color-surface-soft) !important;
  --surface-row-hover: var(--app-color-surface-hover) !important;
  --glass-surface-0: var(--app-color-page) !important;
  --glass-surface-1: var(--app-color-surface) !important;
  --glass-surface-2: var(--app-color-surface) !important;
  --glass-surface-3: var(--app-color-surface-soft) !important;
  --glass-surface-4: var(--app-color-surface-muted) !important;
  --border-color: var(--app-color-border) !important;
  --border-light: var(--app-color-border) !important;
  --border-dark: var(--app-color-border-strong) !important;
  --border-subtle: var(--app-color-border) !important;
  --border-medium: var(--app-color-border) !important;
  --bg-primary: var(--app-color-surface) !important;
  --bg-secondary: var(--app-color-page) !important;
  --bg-tertiary: var(--app-color-surface-muted) !important;
  --bg-hover: var(--app-color-surface-hover) !important;
  --bg-selected: var(--app-color-brand-soft) !important;
  --bg-unread: var(--app-color-surface-soft) !important;
  --bg-compose: var(--app-color-surface) !important;
  --bg-ai-suggestion: var(--app-color-accent-soft) !important;
  --bg-crm-panel: var(--app-color-surface-soft) !important;
  --bg-overlay: rgba(var(--app-neutral-900-rgb), 0.52) !important;
  --bg-sidebar: var(--app-color-sidebar) !important;
  --bg-header: var(--app-color-surface) !important;
  --bg-tooltip: var(--app-neutral-950) !important;
  --bg-badge: var(--app-color-accent) !important;
  --bg-skeleton: var(--app-color-surface-soft) !important;
  --bg-skeleton-shine: rgba(var(--app-neutral-600-rgb), 0.10) !important;
  --text-primary: var(--app-color-text) !important;
  --text-secondary: var(--app-color-text-muted) !important;
  --text-tertiary: var(--app-color-text-faint) !important;
  --text-disabled: var(--app-neutral-400) !important;
  --text-link: var(--app-color-brand) !important;
  --text-link-hover: var(--app-color-brand-hover) !important;
  --text-on-primary: var(--app-color-on-brand) !important;
  --text-on-badge: var(--app-color-on-brand) !important;
  --text-on-tooltip: var(--app-color-on-dark) !important;
  --text-danger: var(--app-color-danger) !important;
  --text-success: var(--app-color-success) !important;
  --text-warning: var(--app-color-warning) !important;
  --text-draft: var(--app-color-danger) !important;
  --accent-red: var(--app-color-danger) !important;
  --accent-green: var(--app-color-success) !important;
  --accent-yellow: var(--app-color-warning) !important;
  --accent-orange: var(--app-color-warning) !important;
  --accent-teal: var(--app-color-brand) !important;
  --accent-blue: var(--app-color-brand) !important;
  --accent-indigo: var(--app-color-brand) !important;
  --accent-purple: var(--app-color-accent) !important;
  --accent-pink: var(--app-color-danger) !important;
  --ui-ink: var(--app-color-text) !important;
  --ui-ink-muted: var(--app-color-text-muted) !important;
  --ui-surface: var(--app-color-page) !important;
  --ui-surface-card: var(--app-color-surface) !important;
  --ui-surface-soft: var(--app-color-surface-soft) !important;
  --ui-border: var(--app-color-border) !important;
  --ui-border-strong: var(--app-color-border-strong) !important;
  --ui-primary: var(--app-color-brand) !important;
  --ui-primary-hover: var(--app-color-brand-hover) !important;
  --ui-primary-soft: var(--app-color-brand-soft) !important;
  --ui-accent: var(--app-color-accent) !important;
  --ui-accent-soft: var(--app-color-accent-soft) !important;
  --ja-primary: var(--app-color-brand) !important;
  --ja-primary-dark: var(--app-color-brand-hover) !important;
  --sky-primary: var(--app-color-brand) !important;
  --sky-primary-50: var(--app-brand-50) !important;
  --sky-primary-100: var(--app-brand-100) !important;
  --sky-primary-500: var(--app-brand-500) !important;
  --sky-primary-600: var(--app-brand-600) !important;
  --sky-primary-700: var(--app-brand-700) !important;
  --sky-primary-900: var(--app-brand-900) !important;
  --sky-success: var(--app-color-success) !important;
  --sky-warning: var(--app-color-warning) !important;
  --sky-danger: var(--app-color-danger) !important;
  --sky-info: var(--app-color-info) !important;
  --sky-bg: var(--app-color-page) !important;
  --sky-bg-card: var(--app-color-surface) !important;
  --sky-bg-sidebar: var(--app-color-sidebar) !important;
  --sky-bg-hover: var(--app-color-surface-hover) !important;
  --sky-text: var(--app-color-text) !important;
  --sky-text-muted: var(--app-color-text-muted) !important;
  --sky-text-light: var(--app-color-text-faint) !important;
  --sky-border: var(--app-color-border) !important;
  --crm-primary: var(--app-color-brand) !important;
  --crm-primary-dark: var(--app-color-brand-hover) !important;
  --crm-primary-light: var(--app-color-accent) !important;
  --crm-primary-bg: var(--app-color-brand-soft) !important;
  --crm-primary-bg-hover: var(--app-brand-100) !important;
  --crm-primary-bg-active: var(--app-brand-200) !important;
  --crm-brand: var(--app-color-brand) !important;
  --crm-brand-strong: var(--app-color-brand-hover) !important;
  --crm-brand-soft: var(--app-color-brand-soft) !important;
  --crm-brand-softer: var(--app-color-brand-softer) !important;
  --crm-ui-bg: var(--app-color-page) !important;
  --crm-ui-surface: var(--app-color-surface) !important;
  --crm-ui-surface-soft: var(--app-color-surface-soft) !important;
  --crm-ui-border: var(--app-color-border) !important;
  --crm-ui-border-strong: var(--app-color-border-strong) !important;
  --crm-ui-text: var(--app-color-text) !important;
  --crm-ui-muted: var(--app-color-text-muted) !important;
  --crm-ui-faint: var(--app-color-text-faint) !important;
  --crm-ui-primary: var(--app-color-brand) !important;
  --crm-ui-primary-dark: var(--app-color-brand-hover) !important;
  --inbox-primary: var(--app-color-brand) !important;
  --inbox-primary-dark: var(--app-color-brand-hover) !important;
  --inbox-info: var(--app-color-info) !important;
  --inbox-ai: var(--app-color-accent) !important;
  --inbox-purple: var(--app-color-accent) !important;
  --inbox-success: var(--app-color-success) !important;
  --inbox-warning: var(--app-color-warning) !important;
  --inbox-danger: var(--app-color-danger) !important;
  --inbox-text-primary: var(--app-color-text) !important;
  --inbox-text-secondary: var(--app-color-text-muted) !important;
  --inbox-text-tertiary: var(--app-color-text-faint) !important;
  --inbox-surface: var(--app-color-surface) !important;
  --inbox-surface-soft: var(--app-color-surface-soft) !important;
  --inbox-border: var(--app-color-border) !important;
  --tc-primary: var(--app-color-brand) !important;
  --tc-primary-dark: var(--app-color-brand-hover) !important;
  --sny-phone-primary: var(--app-color-brand) !important;
  --sny-phone-primary-dark: var(--app-color-brand-hover) !important;
  --sny-phone-gray: var(--app-color-text-muted) !important;
  --sny-phone-gray-rgb: var(--app-neutral-600-rgb) !important;
  --pa-primary: var(--app-color-brand) !important;
  --pa-success: var(--app-color-success) !important;
  --pa-warning: var(--app-color-warning) !important;
  --pa-danger: var(--app-color-danger) !important;
  --pa-purple: var(--app-color-accent) !important;
  --pm-primary: var(--app-color-brand) !important;
  --pm-primary-rgb: var(--app-color-brand-rgb) !important;
  --pm-primary-dark: var(--app-color-brand-hover) !important;
  --pm-primary-light: var(--app-color-accent) !important;
  --pm-purple: var(--app-color-accent) !important;
  --pm-success: var(--app-color-success) !important;
  --pm-warning: var(--app-color-warning) !important;
  --pm-danger: var(--app-color-danger) !important;
  --pm-light: var(--app-color-page) !important;
  --lm-primary: var(--app-color-brand) !important;
  --lm-primary-rgb: var(--app-color-brand-rgb) !important;
  --lm-primary-dark: var(--app-color-brand-hover) !important;
  --lm-primary-light: var(--app-color-accent) !important;
  --lm-purple: var(--app-color-accent) !important;
  --lm-orange: var(--app-color-accent) !important;
  --lm-emerald: var(--app-color-success) !important;
  --lm-info: var(--app-color-info) !important;
  --lm-success: var(--app-color-success) !important;
  --lm-warning: var(--app-color-warning) !important;
  --lm-danger: var(--app-color-danger) !important;
  --lm-light: var(--app-color-page) !important;
  --pf-primary: var(--app-color-brand) !important;
  --pf-primary-rgb: var(--app-color-brand-rgb) !important;
  --pf-primary-dark: var(--app-color-brand-hover) !important;
  --pf-primary-light: var(--app-color-accent) !important;
  --pf-purple: var(--app-color-accent) !important;
  --pf-success: var(--app-color-success) !important;
  --pf-warning: var(--app-color-warning) !important;
  --pf-danger: var(--app-color-danger) !important;
  --hd-primary: var(--app-color-brand) !important;
  --hd-primary-dark: var(--app-color-brand-hover) !important;
  --hd-success: var(--app-color-success) !important;
  --hd-warning: var(--app-color-warning) !important;
  --hd-danger: var(--app-color-danger) !important;
  --mnnav-c: var(--app-color-brand) !important;
  --mnnav-cd: var(--app-color-brand-hover) !important;
  --pnav-c: var(--app-color-brand) !important;
  --pnav-cd: var(--app-color-brand-hover) !important;
  --scnav-c: var(--app-color-brand) !important;
  --scnav-cd: var(--app-color-brand-hover) !important;
  --comnav-c: var(--app-color-brand) !important;
  --comnav-cd: var(--app-color-brand-hover) !important;
  --crmnav-c: var(--app-color-brand) !important;
  --crmnav-cd: var(--app-color-brand-hover) !important;
  --hdnav-c: var(--app-color-brand) !important;
  --hdnav-cd: var(--app-color-brand-hover) !important;
  --sknav-c: var(--app-color-brand) !important;
  --sknav-cd: var(--app-color-brand-hover) !important;
  --setnav-c: var(--app-color-brand) !important;
  --setnav-cd: var(--app-color-brand-hover) !important;
  --tab-color: var(--app-color-brand-text) !important;
  --tab-color-dark: var(--app-color-brand-hover) !important;
  --tab-shadow: none !important;
  --ai-primary: var(--app-color-brand) !important;
  --ai-bg: var(--app-color-surface-soft) !important;
  --ai-surface: var(--app-color-surface) !important;
  --ai-border: var(--app-color-border) !important;
  --ai-glow: none !important;
  --ai-suggestion-bg: var(--app-color-surface-soft) !important;
  --ai-sparkle: var(--app-color-accent) !important;
  --ai-hover: var(--app-color-brand-hover) !important;
  --ai-text: var(--app-color-text) !important;
  --ai-chip-bg: var(--app-color-surface-muted) !important;
  --ai-chip-border: var(--app-color-border) !important;
  --ai-accent: var(--app-color-accent) !important;
  --ai-gradient: var(--app-color-brand) !important;
  --email-unread: var(--app-color-surface-soft) !important;
  --email-selected: var(--app-color-brand-soft) !important;
  --email-hover: var(--app-color-surface-hover) !important;
  --email-unread-accent: var(--app-color-brand) !important;
  --email-read: var(--app-color-surface) !important;
  --email-read-hover: var(--app-color-surface-soft) !important;
  --email-row-border: var(--app-color-border) !important;
  --email-section: var(--app-color-surface-soft) !important;
  --email-starred: var(--app-color-accent) !important;
  --email-important: var(--app-color-danger) !important;
  --email-snoozed: var(--app-color-brand) !important;
  --stage-new: var(--app-color-info) !important;
  --stage-contacted: var(--app-color-info) !important;
  --stage-qualified: var(--app-color-success) !important;
  --stage-proposal: var(--app-color-warning) !important;
  --stage-negotiation: var(--app-color-warning) !important;
  --stage-won: var(--app-color-success) !important;
  --stage-lost: var(--app-color-danger) !important;
  --border-focus: var(--app-color-focus) !important;
  accent-color: var(--ui-primary);
}

/* =====================================================================
   2. DARK THEME
   Single authority block for all dark-mode token overrides.
   ===================================================================== */

html.dark,
html[data-theme="dark"],
body[data-theme="dark"] {
  /* Brand stays brand-700 for BACKGROUNDS (buttons, badges, active tabs).
     A separate --app-color-brand-text token is lighter (brand-400) for
     text readability on dark surfaces. 6.3:1 contrast ratio on #111827. */
  --app-color-brand: var(--app-brand-700) !important;
  --app-color-brand-rgb: 63, 79, 95 !important;
  --app-color-brand-text: var(--app-brand-400) !important;
  --app-color-brand-hover: var(--app-brand-300) !important;
  --app-color-brand-active: var(--app-brand-200) !important;
  --app-color-brand-soft: rgba(132, 153, 173, 0.16) !important;
  --app-color-brand-softer: rgba(132, 153, 173, 0.10) !important;
  --app-color-accent: var(--app-neutral-300) !important;
  --app-color-accent-rgb: var(--app-neutral-300-rgb, 184, 192, 204) !important;
  --app-color-accent-hover: var(--app-neutral-100) !important;
  --app-color-accent-soft: rgba(var(--app-neutral-0-rgb), 0.08) !important;
  --app-color-page: #0b1017 !important;
  --app-color-surface: #111827 !important;
  --app-color-surface-soft: #182230 !important;
  --app-color-surface-muted: #1f2937 !important;
  --app-color-surface-raised: #162033 !important;
  --app-color-surface-hover: #243247 !important;
  --app-color-sidebar: #080d14 !important;
  --app-color-sidebar-surface: #111827 !important;
  --app-color-border: rgba(234, 236, 240, 0.16) !important;
  --app-color-border-strong: rgba(234, 236, 240, 0.28) !important;
  --app-color-focus: var(--app-brand-300) !important;
  --app-color-text: #f8fafc !important;
  --app-color-text-muted: #cbd5e1 !important;
  --app-color-text-faint: #94a3b8 !important;
  --app-color-text-inverse: #0b1017 !important;
  --app-color-on-brand: #ffffff !important;
  --app-color-on-dark: #ffffff !important;
  --app-color-success: #7dd3a8 !important;
  --app-color-success-rgb: 125, 211, 168 !important;
  --app-color-success-soft: rgba(125, 211, 168, 0.14) !important;
  --app-color-warning: #f4b77a !important;
  --app-color-warning-rgb: 244, 183, 122 !important;
  --app-color-warning-soft: rgba(244, 183, 122, 0.14) !important;
  --app-color-danger: #f19992 !important;
  --app-color-danger-rgb: 241, 153, 146 !important;
  --app-color-danger-soft: rgba(241, 153, 146, 0.14) !important;
  --app-color-info: #8ecae6 !important;
  --app-color-info-rgb: 142, 202, 230 !important;
  --app-color-info-soft: rgba(142, 202, 230, 0.14) !important;
  --app-shadow-color: rgba(0, 0, 0, 0.40) !important;
  --app-shadow-soft: 0 18px 44px rgba(0, 0, 0, 0.36) !important;
  --glass-bg: rgba(17, 24, 39, 0.92) !important;
  --glass-border: rgba(234, 236, 240, 0.14) !important;
  --bg-primary: var(--app-color-surface) !important;
  --bg-secondary: var(--app-color-page) !important;
  --bg-tertiary: var(--app-color-surface-soft) !important;
  --bg-hover: var(--app-color-surface-hover) !important;
  --bg-selected: var(--app-color-brand-soft) !important;
  --bg-unread: var(--app-color-surface-soft) !important;
  --bg-compose: var(--app-color-surface) !important;
  --bg-ai-suggestion: var(--app-color-accent-soft) !important;
  --bg-crm-panel: var(--app-color-page) !important;
  --bg-overlay: rgba(0, 0, 0, 0.72) !important;
  --bg-sidebar: var(--app-color-sidebar) !important;
  --bg-header: var(--app-color-surface) !important;
  --bg-tooltip: var(--app-color-text) !important;
  /* CRITICAL: flat-fill in dark mode must be a proper dark surface, not brand color.
     Brand (#3f4f5f) used as backgrounds creates low-contrast monochrome dark UIs. */
  --app-flat-fill: var(--app-color-surface-soft) !important;
  --app-flat-fill-strong: var(--app-color-surface-muted) !important;
  --app-flat-fill-subtle: var(--app-color-surface) !important;
  --text-primary: var(--app-color-text) !important;
  --text-secondary: var(--app-color-text-muted) !important;
  --text-tertiary: var(--app-color-text-faint) !important;
  --text-link: var(--app-color-brand) !important;
  --text-danger: var(--app-color-danger) !important;
  --text-success: var(--app-color-success) !important;
  --border-light: var(--app-color-border) !important;
  --border-medium: var(--app-color-border) !important;
  --border-focus: var(--app-color-focus) !important;
  --ai-bg: var(--app-color-accent-soft) !important;
  --ai-suggestion-bg: var(--app-color-surface-soft) !important;
  --ai-chip-bg: var(--app-color-accent-soft) !important;
  --crm-pipeline-badge: var(--app-color-brand-soft) !important;
  --crm-pipeline-text: var(--app-color-text) !important;
  --crm-contact-bg: var(--app-color-brand-soft) !important;
  color-scheme: dark;
}

/* =====================================================================
   3. BUTTON & FORM POLICIES
   No glossy fills, no color drift. Flat everywhere.
   ===================================================================== */

:where(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .pub-btn, .ja-btn, .crm-btn, .pm-btn, .lm-btn, .hd-btn, .kb-btn, .sf-btn, .hf-btn, .esc-btn-primary, [class*="-btn"], [class*="btn-"]) {
  background-image: none !important;
}

:where(.btn-primary, .pub-btn-primary, .ja-btn-primary, .crm-btn-primary, .pm-btn-primary, .lm-btn-primary, .hd-btn-primary, .kb-btn-primary, .esc-btn-primary, .btn-ai, .ai-generate-btn, .thread-action-btn--primary, .crm-action-btn--primary, .btn-send, button[type="submit"]) {
  background: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  box-shadow: none !important;
}

:where(.btn-primary, .pub-btn-primary, .ja-btn-primary, .crm-btn-primary, .pm-btn-primary, .lm-btn-primary, .hd-btn-primary, .kb-btn-primary, .esc-btn-primary, .btn-ai, .ai-generate-btn, .thread-action-btn--primary, .crm-action-btn--primary, .btn-send, button[type="submit"]):hover {
  background: var(--app-color-brand-hover) !important;
  border-color: var(--app-color-brand-hover) !important;
  color: var(--app-color-text-inverse) !important;
  box-shadow: none !important;
}

:where(.btn-danger, .pub-btn-danger, .ja-btn-danger, .crm-btn-danger, .pm-btn-danger, .lm-btn-danger, .hd-btn-danger, .hf-btn-save, .sf-btn-save, .compose-ctrl-btn--close) {
  background: var(--app-color-danger) !important;
  border-color: var(--app-color-danger) !important;
  color: var(--app-color-on-brand) !important;
  box-shadow: none !important;
}

:where(.btn-success, .pub-btn-success, .ja-btn-success, .crm-btn-success, .pm-btn-success, .lm-btn-success, .hd-btn-success) {
  background: var(--app-color-success) !important;
  border-color: var(--app-color-success) !important;
  color: var(--app-color-text-inverse) !important;
  box-shadow: none !important;
}

:where(.lm-nav-tab, .mnnav-link, .pnav-link, .scnav-link, .comnav-link, .crmnav-link, .hdnav-link, .sknav-link, .setnav-link, .pm-nav-tab).active {
  background: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  box-shadow: none !important;
}

html.dark .hp-section-link,
html[data-theme="dark"] .hp-section-link,
html.dark .hiw-step,
html[data-theme="dark"] .hiw-step {
  color: var(--app-color-text) !important;
}

html.dark .pub-btn-outline,
html[data-theme="dark"] .pub-btn-outline {
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
  background: transparent !important;
}

html.dark .pub-btn-outline:hover,
html[data-theme="dark"] .pub-btn-outline:hover {
  color: var(--app-color-text) !important;
  border-color: var(--app-color-text) !important;
  background: var(--app-color-brand-soft) !important;
}

html.dark .pub-footer,
html[data-theme="dark"] .pub-footer,
html.dark .pub-bottom-nav,
html[data-theme="dark"] .pub-bottom-nav {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

html.dark .pub-footer-heading,
html[data-theme="dark"] .pub-footer-heading {
  color: var(--app-color-text) !important;
}

html.dark .pub-footer-brand p,
html[data-theme="dark"] .pub-footer-brand p,
html.dark .pub-footer-link,
html[data-theme="dark"] .pub-footer-link,
html.dark .pub-footer-newsletter p,
html[data-theme="dark"] .pub-footer-newsletter p,
html.dark .pub-footer-bottom,
html[data-theme="dark"] .pub-footer-bottom,
html.dark .pub-footer-social a,
html[data-theme="dark"] .pub-footer-social a,
html.dark .pub-bottom-nav a,
html[data-theme="dark"] .pub-bottom-nav a {
  color: var(--app-color-text-muted) !important;
}

html.dark .pub-footer-link:hover,
html[data-theme="dark"] .pub-footer-link:hover,
html.dark .pub-footer-social a:hover,
html[data-theme="dark"] .pub-footer-social a:hover,
html.dark .pub-bottom-nav a:hover,
html[data-theme="dark"] .pub-bottom-nav a:hover,
html.dark .pub-bottom-nav a.active,
html[data-theme="dark"] .pub-bottom-nav a.active {
  color: var(--app-color-text) !important;
}

/* =====================================================================
   4. UTILITY CLASSES
   Opt-in color classes for use across templates. These auto-adapt to
   light/dark theme via the canonical token assignments above.
   ===================================================================== */

/* --- 4a. Background Utilities --- */
.app-bg-page,
.p-bg-page { background-color: var(--app-color-page) !important; }

.app-bg-surface,
.p-bg-surface { background-color: var(--app-color-surface) !important; }

.app-bg-soft,
.p-bg-soft { background-color: var(--app-color-surface-soft) !important; }

.app-bg-muted,
.p-bg-muted { background-color: var(--app-color-surface-muted) !important; }

.app-bg-raised,
.p-bg-raised { background-color: var(--app-color-surface-raised) !important; }

.app-bg-hover,
.p-bg-hover { background-color: var(--app-color-surface-hover) !important; }

.app-bg-sidebar,
.p-bg-sidebar { background-color: var(--app-color-sidebar) !important; color: var(--app-color-on-dark) !important; }

.app-bg-primary,
.p-bg-brand { background-color: var(--app-color-brand) !important; color: var(--app-color-on-brand) !important; }

.app-bg-primary-soft,
.p-bg-brand-soft { background-color: var(--app-color-brand-soft) !important; }

.app-bg-accent,
.p-bg-accent { background-color: var(--app-color-accent) !important; }

.app-bg-accent-soft,
.p-bg-accent-soft { background-color: var(--app-color-accent-soft) !important; }

.app-bg-transparent,
.p-bg-transparent { background-color: transparent !important; }

.app-success-bg,
.p-bg-success { background-color: var(--app-color-success) !important; color: var(--app-color-on-brand) !important; }

.p-bg-success-soft { background-color: var(--app-color-success-soft) !important; }

.app-warning-bg,
.p-bg-warning { background-color: var(--app-color-warning) !important; color: var(--app-color-on-brand) !important; }

.p-bg-warning-soft { background-color: var(--app-color-warning-soft) !important; }

.app-danger-bg,
.p-bg-danger { background-color: var(--app-color-danger) !important; color: var(--app-color-on-brand) !important; }

.p-bg-danger-soft { background-color: var(--app-color-danger-soft) !important; }

.app-info-bg,
.p-bg-info { background-color: var(--app-color-info) !important; color: var(--app-color-on-brand) !important; }

.p-bg-info-soft { background-color: var(--app-color-info-soft) !important; }

/* --- 4b. Text Utilities --- */
.app-text,
.p-text { color: var(--app-color-text) !important; }

.app-text-muted,
.p-text-muted { color: var(--app-color-text-muted) !important; }

.p-text-faint { color: var(--app-color-text-faint) !important; }

.app-text-inverse,
.p-text-inverse { color: var(--app-color-text-inverse) !important; }

.app-text-primary,
.p-text-brand { color: var(--app-color-brand-text) !important; }

.app-text-accent,
.p-text-accent { color: var(--app-color-accent) !important; }

.p-text-on-brand { color: var(--app-color-on-brand) !important; }

.p-text-on-dark { color: var(--app-color-on-dark) !important; }

.p-text-link { color: var(--app-color-brand-text) !important; }
.p-text-link:hover { color: var(--app-color-brand-hover) !important; }

.app-success-text,
.p-text-success { color: var(--app-color-success) !important; }

.app-warning-text,
.p-text-warning { color: var(--app-color-warning) !important; }

.app-danger-text,
.p-text-danger { color: var(--app-color-danger) !important; }

.app-info-text,
.p-text-info { color: var(--app-color-info) !important; }

/* --- 4c. Border Utilities --- */
.app-border,
.p-border { border-color: var(--app-color-border) !important; }

.p-border-strong { border-color: var(--app-color-border-strong) !important; }

.app-border-primary,
.p-border-brand { border-color: var(--app-color-brand) !important; }

.p-border-success { border-color: var(--app-color-success) !important; }
.p-border-warning { border-color: var(--app-color-warning) !important; }
.p-border-danger { border-color: var(--app-color-danger) !important; }
.p-border-info { border-color: var(--app-color-info) !important; }

/* --- 4d. Icon & Glyph Utilities --- */
.p-icon { color: var(--app-color-text) !important; }
.p-icon-muted { color: var(--app-color-text-muted) !important; }
.p-icon-faint { color: var(--app-color-text-faint) !important; }
.p-icon-brand { color: var(--app-color-brand-text) !important; }
.p-icon-on-brand { color: var(--app-color-on-brand) !important; }
.p-icon-on-dark { color: var(--app-color-on-dark) !important; }
.p-icon-success { color: var(--app-color-success) !important; }
.p-icon-warning { color: var(--app-color-warning) !important; }
.p-icon-danger { color: var(--app-color-danger) !important; }
.p-icon-info { color: var(--app-color-info) !important; }

/* --- 4e. SVG Fill Utilities --- */
.p-fill-brand { fill: var(--app-color-brand) !important; }
.p-fill-on-brand { fill: var(--app-color-on-brand) !important; }
.p-fill-text { fill: var(--app-color-text) !important; }
.p-fill-muted { fill: var(--app-color-text-muted) !important; }
.p-fill-success { fill: var(--app-color-success) !important; }
.p-fill-warning { fill: var(--app-color-warning) !important; }
.p-fill-danger { fill: var(--app-color-danger) !important; }
.p-fill-info { fill: var(--app-color-info) !important; }

/* --- 4f. Semantic State Utilities (bg + text combos) --- */
.p-state-success {
  background-color: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
  border-color: var(--app-color-success) !important;
}

.p-state-warning {
  background-color: var(--app-color-warning-soft) !important;
  color: var(--app-color-warning) !important;
  border-color: var(--app-color-warning) !important;
}

.p-state-danger {
  background-color: var(--app-color-danger-soft) !important;
  color: var(--app-color-danger) !important;
  border-color: var(--app-color-danger) !important;
}

.p-state-info {
  background-color: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  border-color: var(--app-color-info) !important;
}

.p-state-brand {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  border-color: var(--app-color-brand) !important;
}

.p-state-brand-soft {
  background-color: var(--app-color-brand-soft) !important;
  color: var(--app-color-brand-text) !important;
  border-color: var(--app-color-brand) !important;
}

/* --- 4g. Interactive Hover Utilities --- */
.p-hover-surface:hover { background-color: var(--app-color-surface-hover) !important; }
.p-hover-soft:hover { background-color: var(--app-color-surface-soft) !important; }
.p-hover-brand:hover { background-color: var(--app-color-brand) !important; color: var(--app-color-on-brand) !important; }
.p-hover-brand-soft:hover { background-color: var(--app-color-brand-soft) !important; }

/* --- 4h. Shadow Utilities --- */
.p-shadow { box-shadow: var(--app-shadow-soft) !important; }
.p-shadow-none { box-shadow: none !important; }

/* --- 4i. Card Utility (surface + border + shadow in one) --- */
.p-card {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
  box-shadow: var(--app-shadow-soft) !important;
}

.p-card-header {
  background-color: var(--app-color-surface-soft) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

/* --- 4j. Input Utility --- */
.p-input {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}
.p-input::placeholder {
  color: var(--app-color-text-faint) !important;
}

:root {
  --color-white: #ffffff !important;
  --color-black: #000000 !important;
  --color-gray-50: var(--app-neutral-50) !important;
  --color-gray-100: var(--app-neutral-100) !important;
  --color-gray-200: var(--app-neutral-200) !important;
  --color-gray-300: var(--app-neutral-300) !important;
  --color-gray-400: var(--app-neutral-400) !important;
  --color-gray-500: var(--app-neutral-500) !important;
  --color-gray-600: var(--app-neutral-600) !important;
  --color-gray-700: var(--app-neutral-700) !important;
  --color-gray-800: var(--app-neutral-800) !important;
  --color-gray-900: var(--app-neutral-900) !important;
  --color-slate-50: var(--app-neutral-50) !important;
  --color-slate-100: var(--app-neutral-100) !important;
  --color-slate-200: var(--app-neutral-200) !important;
  --color-slate-300: var(--app-neutral-300) !important;
  --color-slate-400: var(--app-neutral-400) !important;
  --color-slate-500: var(--app-neutral-500) !important;
  --color-slate-600: var(--app-neutral-600) !important;
  --color-slate-700: var(--app-neutral-700) !important;
  --color-slate-800: var(--app-neutral-800) !important;
  --color-slate-900: var(--app-neutral-900) !important;
  --color-slate-950: var(--app-neutral-950) !important;
  --color-zinc-50: var(--app-neutral-50) !important;
  --color-zinc-100: var(--app-neutral-100) !important;
  --color-zinc-200: var(--app-neutral-200) !important;
  --color-zinc-300: var(--app-neutral-300) !important;
  --color-zinc-400: var(--app-neutral-400) !important;
  --color-zinc-500: var(--app-neutral-500) !important;
  --color-zinc-600: var(--app-neutral-600) !important;
  --color-zinc-700: var(--app-neutral-700) !important;
  --color-zinc-800: var(--app-neutral-800) !important;
  --color-zinc-900: var(--app-neutral-900) !important;
  --color-neutral-50: var(--app-neutral-50) !important;
  --color-neutral-100: var(--app-neutral-100) !important;
  --color-neutral-200: var(--app-neutral-200) !important;
  --color-neutral-300: var(--app-neutral-300) !important;
  --color-neutral-400: var(--app-neutral-400) !important;
  --color-neutral-500: var(--app-neutral-500) !important;
  --color-neutral-600: var(--app-neutral-600) !important;
  --color-neutral-700: var(--app-neutral-700) !important;
  --color-neutral-800: var(--app-neutral-800) !important;
  --color-neutral-900: var(--app-neutral-900) !important;
  --color-primary-50: var(--app-brand-50) !important;
  --color-primary-100: var(--app-brand-100) !important;
  --color-primary-200: var(--app-brand-200) !important;
  --color-primary-300: var(--app-brand-300) !important;
  --color-primary-400: var(--app-brand-400) !important;
  --color-primary-500: var(--app-brand-500) !important;
  --color-primary-600: var(--app-brand-600) !important;
  --color-primary-700: var(--app-brand-700) !important;
  --color-primary-800: var(--app-brand-800) !important;
  --color-primary-900: var(--app-brand-900) !important;
  --color-blue-50: var(--app-brand-50) !important;
  --color-blue-100: var(--app-brand-100) !important;
  --color-blue-500: var(--app-brand-500) !important;
  --color-blue-600: var(--app-brand-600) !important;
  --color-blue-700: var(--app-brand-700) !important;
  --color-indigo-50: var(--app-brand-50) !important;
  --color-indigo-100: var(--app-brand-100) !important;
  --color-indigo-500: var(--app-brand-500) !important;
  --color-indigo-600: var(--app-brand-600) !important;
  --color-indigo-700: var(--app-brand-700) !important;
  --color-purple-50: var(--app-neutral-50) !important;
  --color-purple-100: var(--app-neutral-100) !important;
  --color-purple-500: var(--app-neutral-500) !important;
  --color-purple-600: var(--app-neutral-600) !important;
  --color-purple-700: var(--app-neutral-700) !important;
  --color-red-50: var(--app-danger-50) !important;
  --color-red-100: var(--app-danger-100) !important;
  --color-red-500: var(--app-danger-600) !important;
  --color-red-600: var(--app-danger-600) !important;
  --color-red-700: var(--app-danger-700) !important;
  --color-green-50: var(--app-success-50) !important;
  --color-green-100: var(--app-success-100) !important;
  --color-green-500: var(--app-success-600) !important;
  --color-green-600: var(--app-success-600) !important;
  --color-green-700: var(--app-success-700) !important;
  --color-emerald-50: var(--app-success-50) !important;
  --color-emerald-100: var(--app-success-100) !important;
  --color-emerald-500: var(--app-success-600) !important;
  --color-emerald-600: var(--app-success-600) !important;
  --color-yellow-50: var(--app-warning-50) !important;
  --color-yellow-100: var(--app-warning-100) !important;
  --color-yellow-500: var(--app-warning-600) !important;
  --color-yellow-600: var(--app-warning-600) !important;
  --color-orange-50: var(--app-warning-50) !important;
  --color-orange-100: var(--app-warning-100) !important;
  --color-orange-500: var(--app-warning-600) !important;
  --color-orange-600: var(--app-warning-600) !important;
  --color-teal-50: var(--app-info-50) !important;
  --color-teal-100: var(--app-info-100) !important;
  --color-teal-500: var(--app-info-600) !important;
  --color-teal-600: var(--app-info-600) !important;
}

html,
body {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

:where(.bg-white, .bg-gray-50, .bg-slate-50, .bg-zinc-50, .bg-neutral-50, .bg-gray-100, .bg-slate-100, .bg-zinc-100, .bg-neutral-100) {
  background-color: var(--app-color-surface) !important;
}

:where(.bg-gradient-to-r, .bg-gradient-to-l, .bg-gradient-to-t, .bg-gradient-to-b, .bg-gradient-to-tr, .bg-gradient-to-tl, .bg-gradient-to-br, .bg-gradient-to-bl) {
  background-image: none !important;
  background-color: var(--app-color-surface-soft) !important;
}

:where(.bg-gray-200, .bg-slate-200, .bg-zinc-200, .bg-neutral-200, .bg-surface, .bg-muted) {
  background-color: var(--app-color-surface-muted) !important;
}

:where(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900) {
  background-color: var(--app-color-sidebar) !important;
  color: var(--app-color-on-dark) !important;
}

:where(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700) {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

:where(.bg-blue-50, .bg-indigo-50, .bg-purple-50, .bg-primary-50) {
  background-color: var(--app-color-brand-soft) !important;
  color: var(--app-color-text) !important;
}

:where(.bg-red-50, .bg-red-100) { background-color: var(--app-color-danger-soft) !important; }
:where(.bg-red-500, .bg-red-600, .bg-red-700) { background-color: var(--app-color-danger) !important; color: var(--app-color-on-brand) !important; }
:where(.bg-green-50, .bg-green-100, .bg-emerald-50, .bg-emerald-100) { background-color: var(--app-color-success-soft) !important; }
:where(.bg-green-500, .bg-green-600, .bg-green-700, .bg-emerald-500, .bg-emerald-600) { background-color: var(--app-color-success) !important; color: var(--app-color-on-brand) !important; }
:where(.bg-yellow-50, .bg-yellow-100, .bg-orange-50, .bg-orange-100) { background-color: var(--app-color-warning-soft) !important; }
:where(.bg-yellow-500, .bg-yellow-600, .bg-orange-500, .bg-orange-600) { background-color: var(--app-color-warning) !important; color: var(--app-color-on-brand) !important; }

:where(.text-black, .text-gray-900, .text-gray-800, .text-slate-950, .text-slate-900, .text-slate-800, .text-zinc-900, .text-neutral-900) {
  color: var(--app-color-text) !important;
}

:where(.text-gray-700, .text-gray-600, .text-slate-700, .text-slate-600, .text-zinc-700, .text-neutral-700) {
  color: var(--app-color-text-muted) !important;
}

:where(.text-gray-500, .text-gray-400, .text-gray-300, .text-slate-500, .text-slate-400, .text-slate-300, .text-zinc-500, .text-neutral-500) {
  color: var(--app-color-text-faint) !important;
}

:where(.text-primary, .text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-purple-600, .text-purple-700) {
  color: var(--app-color-brand-text) !important;
}

:where(.text-red-500, .text-red-600, .text-red-700, .text-red-800) { color: var(--app-color-danger) !important; }
:where(.text-green-500, .text-green-600, .text-green-700, .text-green-800, .text-emerald-500, .text-emerald-600) { color: var(--app-color-success) !important; }
:where(.text-yellow-500, .text-yellow-600, .text-yellow-700, .text-yellow-800, .text-orange-500, .text-orange-600, .text-orange-700) { color: var(--app-color-warning) !important; }

:where(.border-white, .border-gray-50, .border-gray-100, .border-gray-200, .border-gray-300, .border-slate-100, .border-slate-200, .border-slate-300, .divide-gray-100 > :not([hidden]) ~ :not([hidden]), .divide-gray-200 > :not([hidden]) ~ :not([hidden])) {
  border-color: var(--app-color-border) !important;
}

:where(.bg-white.text-white, .bg-gray-50.text-white, .bg-gray-100.text-white, .bg-slate-50.text-white, .bg-slate-100.text-white) {
  color: var(--app-color-text) !important;
}

:where(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700) :where(.text-white, .text-slate-100),
:where(.bg-primary.text-white, .bg-blue-600.text-white, .bg-blue-700.text-white, .bg-indigo-600.text-white, .bg-indigo-700.text-white, .bg-purple-600.text-white, .bg-purple-700.text-white) {
  color: var(--app-color-on-brand) !important;
}

:where(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900) :where(.text-gray-500, .text-gray-400, .text-slate-500, .text-slate-400, p, a),
:where(.bg-black.text-gray-400, .bg-gray-900.text-gray-400, .bg-slate-900.text-gray-400) {
  color: var(--app-neutral-200) !important;
}

html.dark :where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-slate-50, .bg-slate-100, .bg-slate-200, .bg-zinc-50, .bg-zinc-100, .dark\:bg-white, .dark\:bg-gray-700, .dark\:bg-gray-800, .dark\:bg-slate-700, .dark\:bg-slate-800),
html[data-theme="dark"] :where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-slate-50, .bg-slate-100, .bg-slate-200, .bg-zinc-50, .bg-zinc-100, .dark\:bg-white, .dark\:bg-gray-700, .dark\:bg-gray-800, .dark\:bg-slate-700, .dark\:bg-slate-800) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
}

html.dark :where(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .dark\:bg-slate-900, .dark\:bg-gray-900),
html[data-theme="dark"] :where(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .dark\:bg-slate-900, .dark\:bg-gray-900) {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

html.dark :where(.text-black, .text-white, .text-gray-900, .text-gray-800, .text-slate-950, .text-slate-900, .text-slate-800, .dark\:text-white, .dark\:text-slate-200),
html[data-theme="dark"] :where(.text-black, .text-white, .text-gray-900, .text-gray-800, .text-slate-950, .text-slate-900, .text-slate-800, .dark\:text-white, .dark\:text-slate-200) {
  color: var(--app-color-text) !important;
}

html.dark :where(.text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-400, .dark\:text-slate-400),
html[data-theme="dark"] :where(.text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-400, .dark\:text-slate-400) {
  color: var(--app-color-text-muted) !important;
}

html.dark :where(.text-primary, .text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-purple-600, .text-purple-700),
html[data-theme="dark"] :where(.text-primary, .text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-purple-600, .text-purple-700) {
  color: var(--app-color-brand-hover) !important;
}

html.dark :where(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700),
html[data-theme="dark"] :where(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700) {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

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

html.dark :where(input, select, textarea)::placeholder,
html[data-theme="dark"] :where(input, select, textarea)::placeholder {
  /* text-muted (not -faint): faint scores ~3.6:1 on dark surfaces, below AA */
  color: var(--app-color-text-muted) !important;
}

html.dark :where(.card, .modal-content, [role="dialog"] > div, .dropdown-menu, .pub-card, .glass-card, .crm-card, .inbox-panel),
html[data-theme="dark"] :where(.card, .modal-content, [role="dialog"] > div, .dropdown-menu, .pub-card, .glass-card, .crm-card, .inbox-panel) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body[data-theme="dark"] :where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-slate-50, .bg-slate-100, .bg-slate-200, .bg-zinc-50, .bg-zinc-100, .dark\:bg-white, .dark\:bg-gray-700, .dark\:bg-gray-800, .dark\:bg-slate-700, .dark\:bg-slate-800) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
}

body[data-theme="dark"] :where(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .dark\:bg-slate-900, .dark\:bg-gray-900) {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

body[data-theme="dark"] :where(.text-black, .text-white, .text-gray-900, .text-gray-800, .text-slate-950, .text-slate-900, .text-slate-800, .dark\:text-white, .dark\:text-slate-200) {
  color: var(--app-color-text) !important;
}

body[data-theme="dark"] :where(.text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-400, .dark\:text-slate-400) {
  color: var(--app-color-text-muted) !important;
}

body[data-theme="dark"] :where(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700) {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

:where(html.dark, html[data-theme="dark"], body[data-theme="dark"]) :where(.bg-red-500, .bg-red-600, .bg-red-700) {
  background-color: #912018 !important;
  color: #ffffff !important;
}

:where(html.dark, html[data-theme="dark"], body[data-theme="dark"]) :where(.bg-green-500, .bg-green-600, .bg-green-700, .bg-emerald-500, .bg-emerald-600) {
  background-color: #105b44 !important;
  color: #ffffff !important;
}

:where(html.dark, html[data-theme="dark"], body[data-theme="dark"]) :where(.bg-yellow-500, .bg-yellow-600, .bg-orange-500, .bg-orange-600) {
  background-color: #93370d !important;
  color: #ffffff !important;
}

:where(.hover\:bg-gray-50:hover, .hover\:bg-gray-100:hover, .hover\:bg-slate-50:hover, .hover\:bg-slate-100:hover) {
  background-color: var(--app-color-surface-hover) !important;
}

:where(.hover\:text-gray-900:hover, .hover\:text-slate-900:hover) {
  color: var(--app-color-text) !important;
}

:where(.hover\:text-primary:hover, .hover\:text-blue-600:hover) {
  color: var(--app-color-brand-hover) !important;
}

:where(.hover\:text-red-600:hover, .hover\:text-red-700:hover) {
  color: var(--app-color-danger) !important;
}

/* Account/auth templates define inline CSS, so these rules are designed to
   win when the palette is loaded after those page styles. */
:where(.auth-card, .auth-body, .auth-drawer, .auth-panel) {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

:where(.auth-header) {
  background: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

:where(.auth-header)::after {
  background: var(--app-color-surface) !important;
}

:where(.auth-header h1, .auth-header h2, .auth-header p) {
  color: var(--app-color-on-brand) !important;
}

:where(.auth-footer, .auth-legal, .remember-me label, .form-label) {
  color: var(--app-color-text-muted) !important;
}

:where(.forgot-link, .auth-footer a, .auth-legal a, .auth-link) {
  color: var(--app-color-brand-text) !important;
}

:where(.btn-auth, .auth-submit, .auth-primary) {
  background: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  border-color: var(--app-color-brand) !important;
  box-shadow: none !important;
}

:where(.form-input, .form-select, .auth-card input:not([type="checkbox"]):not([type="radio"]), .auth-card select, .auth-card textarea) {
  background: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

:where(.form-input, .auth-card input, .auth-card textarea)::placeholder {
  color: var(--app-color-text-faint) !important;
}

:where(html.dark, html[data-theme="dark"], body[data-theme="dark"]) :where(.auth-card, .auth-body, .auth-drawer, .auth-panel) {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

:where(html.dark, html[data-theme="dark"], body[data-theme="dark"]) :where(.auth-header) {
  background: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

:where(html.dark, html[data-theme="dark"], body[data-theme="dark"]) :where(.auth-header h1, .auth-header h2, .auth-header p) {
  color: var(--app-color-on-brand) !important;
}

:where(html.dark, html[data-theme="dark"], body[data-theme="dark"]) :where(.forgot-link, .auth-footer a, .auth-legal a, .auth-link) {
  color: var(--app-color-brand-hover) !important;
}

/* =====================================================================
   PLATFORM CONTRAST CONTRACT
   Final, high-specificity safety layer. This intentionally avoids :where()
   on the key utility selectors so it can beat late Tailwind/inline theme
   rules that leave black-on-dark, white-on-light, or muted-on-surface text.
   ===================================================================== */

html,
body {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

body :is(.bg-white, .bg-gray-50, .bg-gray-100, .bg-slate-50, .bg-slate-100, .bg-zinc-50, .bg-zinc-100, .bg-neutral-50, .bg-neutral-100, .bg-light, .surface, .card, .modal-content, .dropdown-menu, .table, .list-group-item) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.bg-gray-200, .bg-slate-200, .bg-zinc-200, .bg-neutral-200, .bg-muted, .surface-muted) {
  background-color: var(--app-color-surface-muted) !important;
  color: var(--app-color-text) !important;
}

body :is(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900) {
  background-color: var(--app-color-sidebar) !important;
  color: var(--app-color-on-dark) !important;
}

body :is(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .btn-primary, .pub-btn-primary, .btn-auth, .auth-submit, .auth-primary) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body :is(.bg-red-500, .bg-red-600, .bg-red-700, .btn-danger) {
  background-color: var(--app-color-danger) !important;
  border-color: var(--app-color-danger) !important;
  color: #ffffff !important;
}

body :is(.bg-green-500, .bg-green-600, .bg-green-700, .bg-emerald-500, .bg-emerald-600, .btn-success) {
  background-color: var(--app-color-success) !important;
  border-color: var(--app-color-success) !important;
  color: #ffffff !important;
}

body :is(.bg-yellow-500, .bg-yellow-600, .bg-orange-500, .bg-orange-600, .btn-warning) {
  background-color: var(--app-color-warning) !important;
  border-color: var(--app-color-warning) !important;
  color: #ffffff !important;
}

body :is(.text-dark, .text-black, .text-gray-950, .text-gray-900, .text-gray-800, .text-slate-950, .text-slate-900, .text-slate-800, .text-zinc-900, .text-neutral-900, .fw-bold, .fw-semibold),
body :is(h1, h2, h3, h4, h5, h6) {
  color: var(--app-color-text) !important;
}

body :is(.text-muted, .text-gray-700, .text-gray-600, .text-gray-500, .text-slate-700, .text-slate-600, .text-slate-500, .text-zinc-700, .text-zinc-600, .text-neutral-700, .text-neutral-600) {
  color: var(--app-color-text-muted) !important;
}

body :is(.text-gray-400, .text-gray-300, .text-slate-400, .text-slate-300, .text-zinc-500, .text-zinc-400, .text-neutral-500, .text-neutral-400) {
  color: var(--app-color-text-faint) !important;
}

body :is(.text-primary, .text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-purple-600, .text-purple-700) {
  color: var(--app-color-brand-text) !important;
}

:where(body) a:not(:where(.btn, .pub-btn, .btn-auth, .auth-submit, .auth-primary, [role="button"], [class*="btn"], [class*="button"], [class*="badge"], [class*="pill"], [class*="chip"])) {
  color: var(--app-color-brand-text) !important;
}

body :is(.text-red-500, .text-red-600, .text-red-700, .text-red-800, .text-danger) { color: var(--app-color-danger) !important; }
body :is(.text-green-500, .text-green-600, .text-green-700, .text-green-800, .text-emerald-500, .text-emerald-600, .text-success) { color: var(--app-color-success) !important; }
body :is(.text-yellow-500, .text-yellow-600, .text-yellow-700, .text-orange-500, .text-orange-600, .text-warning) { color: var(--app-color-warning) !important; }

body :is(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900, .btn-primary, .pub-btn-primary, .btn-danger, .btn-success, .btn-warning, .auth-header) :is(.text-white, .text-slate-50, .text-slate-100, .text-gray-50, .text-gray-100, h1, h2, h3, h4, h5, h6, p, span, i, svg, a, label) {
  color: currentColor !important;
}

body :is(.bg-white.text-white, .bg-gray-50.text-white, .bg-gray-100.text-white, .bg-slate-50.text-white, .bg-slate-100.text-white) {
  color: var(--app-color-text) !important;
}

body :is(input, select, textarea, .form-control, .form-select, .pub-input) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

body :is(input, select, textarea)::placeholder {
  color: var(--app-color-text-faint) !important;
  opacity: 1 !important;
}

body :is(.badge, .badge-pill, .chip, .tag, .label) {
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.badge.bg-primary, .badge-primary, .chip-primary, .tag-primary) {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark,
html[data-theme="dark"],
body[data-theme="dark"] {
  color-scheme: dark;
}

html.dark body,
html[data-theme="dark"] body,
body[data-theme="dark"] {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

html.dark body :is(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-slate-50, .bg-slate-100, .bg-slate-200, .bg-zinc-50, .bg-zinc-100, .bg-neutral-50, .bg-neutral-100, .dark\:bg-white, .dark\:bg-gray-700, .dark\:bg-gray-800, .dark\:bg-slate-700, .dark\:bg-slate-800, .bg-light, .surface, .card, .card-body, .modal-content, .dropdown-menu, .list-group-item, .table),
html[data-theme="dark"] body :is(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-slate-50, .bg-slate-100, .bg-slate-200, .bg-zinc-50, .bg-zinc-100, .bg-neutral-50, .bg-neutral-100, .dark\:bg-white, .dark\:bg-gray-700, .dark\:bg-gray-800, .dark\:bg-slate-700, .dark\:bg-slate-800, .bg-light, .surface, .card, .card-body, .modal-content, .dropdown-menu, .list-group-item, .table),
body[data-theme="dark"] :is(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-slate-50, .bg-slate-100, .bg-slate-200, .bg-zinc-50, .bg-zinc-100, .bg-neutral-50, .bg-neutral-100, .dark\:bg-white, .dark\:bg-gray-700, .dark\:bg-gray-800, .dark\:bg-slate-700, .dark\:bg-slate-800, .bg-light, .surface, .card, .card-body, .modal-content, .dropdown-menu, .list-group-item, .table) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

html.dark body :is(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900, .dark\:bg-gray-900, .dark\:bg-slate-900),
html[data-theme="dark"] body :is(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900, .dark\:bg-gray-900, .dark\:bg-slate-900),
body[data-theme="dark"] :is(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900, .dark\:bg-gray-900, .dark\:bg-slate-900) {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

html.dark body :is(.text-white, .text-black, .text-dark, .text-gray-950, .text-gray-900, .text-gray-800, .text-slate-950, .text-slate-900, .text-slate-800, .dark\:text-white, .dark\:text-slate-100, .dark\:text-slate-200, .dark\:text-gray-100, .dark\:text-gray-200, h1, h2, h3, h4, h5, h6),
html[data-theme="dark"] body :is(.text-white, .text-black, .text-dark, .text-gray-950, .text-gray-900, .text-gray-800, .text-slate-950, .text-slate-900, .text-slate-800, .dark\:text-white, .dark\:text-slate-100, .dark\:text-slate-200, .dark\:text-gray-100, .dark\:text-gray-200, h1, h2, h3, h4, h5, h6),
body[data-theme="dark"] :is(.text-white, .text-black, .text-dark, .text-gray-950, .text-gray-900, .text-gray-800, .text-slate-950, .text-slate-900, .text-slate-800, .dark\:text-white, .dark\:text-slate-100, .dark\:text-slate-200, .dark\:text-gray-100, .dark\:text-gray-200, h1, h2, h3, h4, h5, h6) {
  color: var(--app-color-text) !important;
}

html.dark body :is(.text-muted, .text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-300, .dark\:text-gray-400, .dark\:text-gray-500, .dark\:text-slate-300, .dark\:text-slate-400, .dark\:text-slate-500),
html[data-theme="dark"] body :is(.text-muted, .text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-300, .dark\:text-gray-400, .dark\:text-gray-500, .dark\:text-slate-300, .dark\:text-slate-400, .dark\:text-slate-500),
body[data-theme="dark"] :is(.text-muted, .text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-300, .dark\:text-gray-400, .dark\:text-gray-500, .dark\:text-slate-300, .dark\:text-slate-400, .dark\:text-slate-500) {
  color: var(--app-color-text-muted) !important;
}

html.dark body :is(.text-primary, .text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-purple-600, .text-purple-700, .hover\:text-primary:hover, .hover\:text-blue-600:hover),
html[data-theme="dark"] body :is(.text-primary, .text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-purple-600, .text-purple-700, .hover\:text-primary:hover, .hover\:text-blue-600:hover),
body[data-theme="dark"] :is(.text-primary, .text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-purple-600, .text-purple-700, .hover\:text-primary:hover, .hover\:text-blue-600:hover) {
  color: var(--app-color-brand-hover) !important;
}

html.dark body :is(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .btn-primary, .pub-btn-primary, .btn-auth, .auth-submit, .auth-primary),
html[data-theme="dark"] body :is(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .btn-primary, .pub-btn-primary, .btn-auth, .auth-submit, .auth-primary),
body[data-theme="dark"] :is(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .btn-primary, .pub-btn-primary, .btn-auth, .auth-submit, .auth-primary) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body :is(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .btn-primary, .pub-btn-primary, .btn-auth, .auth-submit, .auth-primary, .auth-header, .bg-red-500, .bg-red-600, .bg-red-700, .bg-green-500, .bg-green-600, .bg-green-700, .bg-emerald-500, .bg-emerald-600, .bg-yellow-500, .bg-yellow-600, .bg-orange-500, .bg-orange-600) :is(.text-white, .dark\:text-white, h1, h2, h3, h4, h5, h6, p, span, i, svg, a, label),
html[data-theme="dark"] body :is(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .btn-primary, .pub-btn-primary, .btn-auth, .auth-submit, .auth-primary, .auth-header, .bg-red-500, .bg-red-600, .bg-red-700, .bg-green-500, .bg-green-600, .bg-green-700, .bg-emerald-500, .bg-emerald-600, .bg-yellow-500, .bg-yellow-600, .bg-orange-500, .bg-orange-600) :is(.text-white, .dark\:text-white, h1, h2, h3, h4, h5, h6, p, span, i, svg, a, label),
body[data-theme="dark"] :is(.bg-primary, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .btn-primary, .pub-btn-primary, .btn-auth, .auth-submit, .auth-primary, .auth-header, .bg-red-500, .bg-red-600, .bg-red-700, .bg-green-500, .bg-green-600, .bg-green-700, .bg-emerald-500, .bg-emerald-600, .bg-yellow-500, .bg-yellow-600, .bg-orange-500, .bg-orange-600) :is(.text-white, .dark\:text-white, h1, h2, h3, h4, h5, h6, p, span, i, svg, a, label) {
  color: currentColor !important;
}

html.dark body :is(input, select, textarea, .form-control, .form-select, .pub-input),
html[data-theme="dark"] body :is(input, select, textarea, .form-control, .form-select, .pub-input),
body[data-theme="dark"] :is(input, select, textarea, .form-control, .form-select, .pub-input) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html.dark body :is(.alert-info, .alert-primary, .alert-secondary, .alert-success, .alert-warning, .alert-danger),
html[data-theme="dark"] body :is(.alert-info, .alert-primary, .alert-secondary, .alert-success, .alert-warning, .alert-danger),
body[data-theme="dark"] :is(.alert-info, .alert-primary, .alert-secondary, .alert-success, .alert-warning, .alert-danger) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

body :is(.pub-btn-primary, .btn-primary, .btn-auth, .auth-submit, .auth-primary, button[type="submit"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body :is(.pub-btn-primary, .btn-primary, .btn-auth, .auth-submit, .auth-primary, button[type="submit"]) :is(span, i, svg, strong) {
  color: currentColor !important;
}

body .auth-header {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body .auth-header :is(h1, h2, h3, h4, h5, h6, p, span, i, svg) {
  background-color: transparent !important;
  color: var(--app-color-on-brand) !important;
}

html.dark :where(body) a:not(:where(.btn, .pub-btn, .btn-auth, .auth-submit, .auth-primary, [role="button"], [class*="btn"], [class*="button"], [class*="badge"], [class*="pill"], [class*="chip"], [class*="text-white"])),
html[data-theme="dark"] :where(body) a:not(:where(.btn, .pub-btn, .btn-auth, .auth-submit, .auth-primary, [role="button"], [class*="btn"], [class*="button"], [class*="badge"], [class*="pill"], [class*="chip"], [class*="text-white"])),
body[data-theme="dark"] a:not(:where(.btn, .pub-btn, .btn-auth, .auth-submit, .auth-primary, [role="button"], [class*="btn"], [class*="button"], [class*="badge"], [class*="pill"], [class*="chip"], [class*="text-white"])) {
  color: var(--app-color-brand-hover) !important;
}

body footer:is(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900, .text-gray-400, .text-slate-400),
body footer:is(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900, .text-gray-400, .text-slate-400) :is(a, p, span, small, li) {
  color: var(--app-neutral-200) !important;
}

body footer:is(.bg-black, .bg-gray-900, .bg-slate-900, .bg-zinc-900, .bg-neutral-900, .text-gray-400, .text-slate-400) a:hover {
  color: var(--app-color-on-dark) !important;
}

body .ls-toolbar {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

body .ls-view-toggle {
  background-color: var(--app-color-surface-muted) !important;
  border-color: var(--app-color-border) !important;
}

body .ls-toggle-btn {
  color: var(--app-color-text-muted) !important;
}

body .ls-toggle-btn.active {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body .ls-result-count,
body .ls-result-count strong {
  color: var(--app-color-text) !important;
}

body .nb-page {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

body .nb-hero h1,
body .nb-empty h3,
body .nb-cta-inner h2 {
  color: var(--app-color-text) !important;
}

body .nb-hero h1 span {
  background: none !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

body .nb-hero p,
body .nb-empty p,
body .nb-cta-inner p {
  color: var(--app-color-text-muted) !important;
}

body .nb-cta-inner {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
}

body .nb-cta-inner::before {
  background: var(--app-color-border-strong) !important;
}

body .nb-cta-inner .pub-btn-outline {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border-strong) !important;
  color: var(--app-color-brand-text) !important;
}

html.dark body .nb-cta-inner .pub-btn-outline,
html[data-theme="dark"] body .nb-cta-inner .pub-btn-outline,
body[data-theme="dark"] .nb-cta-inner .pub-btn-outline {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border-strong) !important;
  color: var(--app-color-text) !important;
}

html.dark body :is(.hp-section-link, .pub-footer-link, .pub-footer-social a, .pub-bottom-nav a, .pub-bottom-nav a span, .ls-toggle-btn:not(.active)),
html[data-theme="dark"] body :is(.hp-section-link, .pub-footer-link, .pub-footer-social a, .pub-bottom-nav a, .pub-bottom-nav a span, .ls-toggle-btn:not(.active)),
body[data-theme="dark"] :is(.hp-section-link, .pub-footer-link, .pub-footer-social a, .pub-bottom-nav a, .pub-bottom-nav a span, .ls-toggle-btn:not(.active)) {
  color: var(--app-color-text-muted) !important;
}

html.dark body :is(.pub-btn-outline, .pub-bottom-nav a.active, .pub-mobile-toggle, .pub-nav-search-toggle),
html[data-theme="dark"] body :is(.pub-btn-outline, .pub-bottom-nav a.active, .pub-mobile-toggle, .pub-nav-search-toggle),
body[data-theme="dark"] :is(.pub-btn-outline, .pub-bottom-nav a.active, .pub-mobile-toggle, .pub-nav-search-toggle) {
  color: var(--app-color-text) !important;
}

html.dark body.pub-page :is(a.hp-section-link.hp-section-link, footer.pub-footer a.pub-footer-link.pub-footer-link, footer.pub-footer .pub-footer-social a, .pub-bottom-nav a, .pub-bottom-nav a span, button.ls-toggle-btn:not(.active)),
html[data-theme="dark"] body.pub-page :is(a.hp-section-link.hp-section-link, footer.pub-footer a.pub-footer-link.pub-footer-link, footer.pub-footer .pub-footer-social a, .pub-bottom-nav a, .pub-bottom-nav a span, button.ls-toggle-btn:not(.active)),
body.pub-page[data-theme="dark"] :is(a.hp-section-link.hp-section-link, footer.pub-footer a.pub-footer-link.pub-footer-link, footer.pub-footer .pub-footer-social a, .pub-bottom-nav a, .pub-bottom-nav a span, button.ls-toggle-btn:not(.active)) {
  color: var(--app-color-text-muted) !important;
}

html.dark body.pub-page :is(a.pub-btn.pub-btn-outline.pub-btn-outline, .pub-bottom-nav a.active.active, .pub-mobile-toggle, .pub-nav-search-toggle),
html[data-theme="dark"] body.pub-page :is(a.pub-btn.pub-btn-outline.pub-btn-outline, .pub-bottom-nav a.active.active, .pub-mobile-toggle, .pub-nav-search-toggle),
body.pub-page[data-theme="dark"] :is(a.pub-btn.pub-btn-outline.pub-btn-outline, .pub-bottom-nav a.active.active, .pub-mobile-toggle, .pub-nav-search-toggle) {
  color: var(--app-color-text) !important;
}

body .nb-hero-badge {
  background-color: var(--app-color-brand-soft) !important;
  color: var(--app-color-brand-text) !important;
}

html.dark body .nb-hero-badge,
html[data-theme="dark"] body .nb-hero-badge,
body[data-theme="dark"] .nb-hero-badge {
  color: var(--app-color-text) !important;
}

body .nb-search {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
}

body .nb-search input {
  color: var(--app-color-text) !important;
}

body .nb-search button {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body .nb-search button :is(span, i, svg) {
  color: currentColor !important;
}

/* =====================================================================
   AUTHENTICATED APP SHELL + CRM AUTHORITY
   This final layer is intentionally loaded again at the end of app shells.
   It keeps body-injected CRM CSS and page-local dark rules from overriding
   the single palette contract.
   ===================================================================== */

html,
body,
.page-wrapper,
.page-content,
#mainContent {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

body {
  --crm-ui-bg: var(--app-color-page) !important;
  --crm-ui-surface: var(--app-color-surface) !important;
  --crm-ui-surface-soft: var(--app-color-surface-soft) !important;
  --crm-ui-border: var(--app-color-border) !important;
  --crm-ui-border-strong: var(--app-color-border-strong) !important;
  --crm-ui-text: var(--app-color-text) !important;
  --crm-ui-muted: var(--app-color-text-muted) !important;
  --crm-ui-faint: var(--app-color-text-faint) !important;
  --crm-ui-primary: var(--app-color-brand) !important;
  --crm-ui-primary-dark: var(--app-color-brand-hover) !important;
  --crm-ui-success: var(--app-color-success) !important;
  --crm-ui-warning: var(--app-color-warning) !important;
  --crm-ui-danger: var(--app-color-danger) !important;
  --glass-bg: var(--app-color-surface) !important;
  --glass-border: var(--app-color-border) !important;
  --pl-surface-1: var(--app-color-surface) !important;
  --pl-surface-2: var(--app-color-surface-soft) !important;
  --pl-border-1: var(--app-color-border) !important;
  --pl-border-2: var(--app-color-border) !important;
  --pl-text-1: var(--app-color-text) !important;
  --pl-text-2: var(--app-color-text-muted) !important;
  --cr-bg: var(--app-color-surface) !important;
  --cr-surface: var(--app-color-surface) !important;
  --cr-elevated: var(--app-color-surface-raised) !important;
  --cr-line: var(--app-color-border) !important;
  --cr-text: var(--app-color-text) !important;
  --cr-muted: var(--app-color-text-muted) !important;
  --cr-faint: var(--app-color-text-faint) !important;
  --cr-primary: var(--app-color-brand) !important;
  --cr-primary-dark: var(--app-color-brand-hover) !important;
  --cr-primary-soft: var(--app-color-brand-soft) !important;
}

html.dark body,
html[data-theme="dark"] body,
body[data-theme="dark"] {
  --crm-ui-bg: var(--app-color-page) !important;
  --crm-ui-surface: var(--app-color-surface) !important;
  --crm-ui-surface-soft: var(--app-color-surface-soft) !important;
  --crm-ui-border: var(--app-color-border) !important;
  --crm-ui-border-strong: var(--app-color-border-strong) !important;
  --crm-ui-text: var(--app-color-text) !important;
  --crm-ui-muted: var(--app-color-text-muted) !important;
  --crm-ui-faint: var(--app-color-text-faint) !important;
  --crm-ui-primary: var(--app-color-brand-hover) !important;
  --crm-ui-primary-dark: var(--app-color-accent-hover) !important;
  --glass-bg: var(--app-color-surface) !important;
  --glass-border: var(--app-color-border) !important;
  --pl-surface-1: var(--app-color-surface) !important;
  --pl-surface-2: var(--app-color-surface-soft) !important;
  --pl-border-1: var(--app-color-border) !important;
  --pl-border-2: var(--app-color-border) !important;
  --pl-text-1: var(--app-color-text) !important;
  --pl-text-2: var(--app-color-text-muted) !important;
  --cr-bg: var(--app-color-surface) !important;
  --cr-surface: var(--app-color-surface) !important;
  --cr-elevated: var(--app-color-surface-raised) !important;
  --cr-line: var(--app-color-border) !important;
  --cr-text: var(--app-color-text) !important;
  --cr-muted: var(--app-color-text-muted) !important;
  --cr-faint: var(--app-color-text-faint) !important;
  --cr-primary: var(--app-color-brand-hover) !important;
  --cr-primary-dark: var(--app-color-accent-hover) !important;
  --cr-primary-soft: var(--app-color-brand-soft) !important;
}

body :is(.top-navbar, .navbar-content, .system-nav-host, .profile-dropdown, .dropdown-menu) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.navbar-page-title, .profile-dropdown-name, .profile-dropdown-item, .profile-dropdown-item span, .theme-toggle-btn, .profile-avatar-btn) {
  color: var(--app-color-text) !important;
}

body :is(.profile-dropdown-email, .profile-dropdown-user p, .profile-dropdown-item i) {
  color: var(--app-color-text-muted) !important;
}

body :is(.theme-toggle-btn, .profile-avatar-btn, .profile-avatar-initials, .profile-dropdown-avatar-initials) {
  background-color: var(--app-color-surface-muted) !important;
  border-color: var(--app-color-border) !important;
}

body .sidebar-wrapper {
  background-color: var(--app-color-sidebar) !important;
  color: var(--app-color-on-dark) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}

body .sidebar-wrapper::before {
  background: transparent !important;
}

body .sidebar-wrapper :is(.sidebar-brand, .push-notification-sidebar-control, .sidebar-footer) {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

body .sidebar-wrapper :is(.section-title, .nav-single, .nav-link, .nav-single-text, .nav-text, .push-toggle-btn, .push-toggle-text, .push-toggle-status, .user-role, .action-btn) {
  color: rgba(255, 255, 255, 0.72) !important;
}

body .sidebar-wrapper :is(.nav-single:hover, .nav-link:hover, .nav-single.active, .nav-item.active > .nav-link, .user-name, .brand-text) {
  color: var(--app-color-on-dark) !important;
}

body .sidebar-wrapper :is(.nav-single:hover, .nav-link:hover, .nav-single.active, .nav-item.active > .nav-link, .push-toggle-btn:hover, .user-profile:hover) {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

body .sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon, .avatar-placeholder) {
  background-color: var(--app-color-sidebar-surface) !important;
  color: var(--app-color-on-dark) !important;
  box-shadow: none !important;
}

body .sidebar-wrapper :is(.section-icon i, .nav-icon i, .push-toggle-icon i, svg) {
  color: currentColor !important;
}

body .sidebar-wrapper :is(.nav-badge, .badge-new, .badge-primary, .badge-info, .badge-success, .badge-warning, .badge-danger) {
  background-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--app-color-on-dark) !important;
}

body :is(.crmnav-container, .crmnav-tabs) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
  box-shadow: none !important;
}

body .crmnav-link {
  background-color: transparent !important;
  color: var(--app-color-text-muted) !important;
}

body .crmnav-link :is(i, span, svg) {
  color: currentColor !important;
}

body .crmnav-link:hover {
  background-color: var(--app-color-surface-hover) !important;
  color: var(--app-color-text) !important;
}

body .crmnav-link.active,
html.dark body .crmnav-link.active,
html[data-theme="dark"] body .crmnav-link.active,
body[data-theme="dark"] .crmnav-link.active {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body .crmnav-divider {
  background-color: var(--app-color-border) !important;
}

body :is(.pipeline-page, .kanban-page, .activity-page, .forecasting-page, .reports-page, .import-export-container, .crm-command-center, .crm-legacy-dashboard, .ja-page, .app-container, .requests-page, .lm-page, .pm-page, .pa-page, .pf-page, .ts-page, .hd-page, .team-page, .setup-page, .tk-container, .tc-container) {
  background: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

body :is(.pipeline-header, .stat-card, .pipeline-card, .empty-state, .quick-nav-item, .modal-glass, .ai-examples-section, .ai-response-section, .ai-command-input-wrapper, .template-card, .card, .glass-card, .crm-card, .ds-activity-card, .ai-panel, .pipeline-stage, .kanban-column, .box-card, .dash-card, .info-card, .detail-card, .chart-card, .filter-bar, .search-filter-bar, .pm-filters, .ticket-card, .canned-card, .team-card, .table, .list-group-item, .accordion-item, .dropdown-menu, .modal-content) {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
  box-shadow: var(--app-shadow-soft) !important;
}

body :is(.pipeline-card-footer, .quick-nav, .ai-generator, .notes-toolbar, .card-header, .crm-card-header, .table thead, .table th, .accordion-button, .list-group-item:hover) {
  background: var(--app-color-surface-soft) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.pipeline-header h1, .pipeline-name, .stat-card-value, .pipeline-stat-value, .modal-title, .template-card-name, .ai-generator h4, .empty-state h3, .page-title, .card-title, .crm-card-title, .ja-page-title, .dash-card .text-2xl) {
  color: var(--app-color-text) !important;
}

body :is(.pipeline-description, .pipeline-owner-name, .stat-card-label, .pipeline-stat-label, .quick-nav-item, .empty-state p, .form-group-glass label, .template-card-desc, .ai-fab-tooltip p, .ai-response-subtitle, .subtitle, .text-muted, .card-subtitle, .table td, .table th) {
  color: var(--app-color-text-muted) !important;
}

body :is(.empty-state-icon, .pipeline-icon, .pipeline-owner-avatar, .template-card-icon, .ja-page-icon, .crm-stat-icon, .dash-icon) {
  background: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  box-shadow: none !important;
}

body :is(.empty-state-icon, .pipeline-icon, .pipeline-owner-avatar, .template-card-icon, .ja-page-icon, .crm-stat-icon, .dash-icon) :is(i, svg, span) {
  color: currentColor !important;
}

body :is(.btn-primary-glass, .ai-command-submit, .quick-nav-item.active, .btn-gradient, .crm-btn-primary, .btn-primary, button.bg-primary, a.bg-primary, .ai-command-fab, .cr-toggle, #pwaInstallBtn) {
  background: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  box-shadow: none !important;
}

body :is(.btn-primary-glass, .ai-command-submit, .quick-nav-item.active, .btn-gradient, .crm-btn-primary, .btn-primary, button.bg-primary, a.bg-primary, .ai-command-fab, .cr-toggle, #pwaInstallBtn) :is(i, svg, span) {
  color: currentColor !important;
}

body :is(.btn-glass, .crm-btn-secondary, .btn-outline-primary, .btn-light, .pub-btn-outline, .pipeline-menu-btn) {
  background: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  box-shadow: none !important;
}

body :is(.btn-glass, .crm-btn-secondary, .btn-outline-primary, .btn-light, .pub-btn-outline, .pipeline-menu-btn):hover {
  background: var(--app-color-surface-hover) !important;
  border-color: var(--app-color-border-strong) !important;
  color: var(--app-color-text) !important;
}

body :is(.form-control-glass, .ai-generator textarea, .ai-command-input, .form-control, .form-select, input, select, textarea) {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.form-control-glass, .ai-generator textarea, .ai-command-input, .form-control, .form-select, input, select, textarea)::placeholder {
  color: var(--app-color-text-faint) !important;
}

body :is(.ai-command-modal .modal-content, .ai-fab-tooltip, .cr-rail, .cr-header, .cr-global-rail, .cr-icon-btn) {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.cr-global-rail-label, .cr-rail-btn, .cr-rail-btn svg, .cr-context-summary, .cr-header-hint, .cr-eyebrow) {
  color: var(--app-color-text-muted) !important;
}

body :is(.cr-rail-btn:hover, .cr-rail-btn:focus-visible, .cr-icon-btn:hover) {
  background: var(--app-color-surface-hover) !important;
  color: var(--app-color-text) !important;
}

html.dark body :is(.pipeline-header, .stat-card, .pipeline-card, .empty-state, .quick-nav-item, .modal-glass, .ai-examples-section, .ai-response-section, .ai-command-input-wrapper, .template-card, .card, .glass-card, .crm-card, .ds-activity-card, .ai-panel, .pipeline-stage, .kanban-column, .box-card, .dash-card, .info-card, .detail-card, .chart-card, .filter-bar, .search-filter-bar, .pm-filters, .ticket-card, .canned-card, .team-card, .table, .list-group-item, .accordion-item, .dropdown-menu, .modal-content),
html[data-theme="dark"] body :is(.pipeline-header, .stat-card, .pipeline-card, .empty-state, .quick-nav-item, .modal-glass, .ai-examples-section, .ai-response-section, .ai-command-input-wrapper, .template-card, .card, .glass-card, .crm-card, .ds-activity-card, .ai-panel, .pipeline-stage, .kanban-column, .box-card, .dash-card, .info-card, .detail-card, .chart-card, .filter-bar, .search-filter-bar, .pm-filters, .ticket-card, .canned-card, .team-card, .table, .list-group-item, .accordion-item, .dropdown-menu, .modal-content),
body[data-theme="dark"] :is(.pipeline-header, .stat-card, .pipeline-card, .empty-state, .quick-nav-item, .modal-glass, .ai-examples-section, .ai-response-section, .ai-command-input-wrapper, .template-card, .card, .glass-card, .crm-card, .ds-activity-card, .ai-panel, .pipeline-stage, .kanban-column, .box-card, .dash-card, .info-card, .detail-card, .chart-card, .filter-bar, .search-filter-bar, .pm-filters, .ticket-card, .canned-card, .team-card, .table, .list-group-item, .accordion-item, .dropdown-menu, .modal-content) {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

html.dark body :is(.pipeline-card-footer, .quick-nav, .ai-generator, .notes-toolbar, .card-header, .crm-card-header, .table thead, .table th, .accordion-button, .list-group-item:hover),
html[data-theme="dark"] body :is(.pipeline-card-footer, .quick-nav, .ai-generator, .notes-toolbar, .card-header, .crm-card-header, .table thead, .table th, .accordion-button, .list-group-item:hover),
body[data-theme="dark"] :is(.pipeline-card-footer, .quick-nav, .ai-generator, .notes-toolbar, .card-header, .crm-card-header, .table thead, .table th, .accordion-button, .list-group-item:hover) {
  background: var(--app-color-surface-soft) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.profile-avatar-btn, .profile-dropdown-avatar) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-on-brand) !important;
}

body :is(.profile-avatar-initials, .profile-dropdown-avatar-initials) {
  background: transparent !important;
  color: var(--app-color-on-brand) !important;
}

body :is(.cr-composer, .cr-active-thread, .cr-chat-panel, .cr-summary-tile, .cr-help-card, .cr-tab-intro, .cr-thread-item, .cr-mention-item, .cr-selection, .cr-related-strip, .cr-scope-row, .cr-chat-messages, .cr-chat-message, .cr-filter-row input, .cr-filter-row select, .cr-task-panel input, .cr-task-panel select, .cr-input-wrap textarea, .cr-mention-popup) {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.cr-help-card, .cr-tab-intro, .cr-selection, .cr-related-strip, .cr-chat-panel) {
  background: var(--app-color-surface-soft) !important;
}

body :is(.cr-tab, .cr-secondary-btn, .cr-scope-btn, .cr-icon-btn) {
  background: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text-muted) !important;
}

body :is(.cr-tab:hover, .cr-secondary-btn:hover, .cr-scope-btn:hover, .cr-icon-btn:hover) {
  background: var(--app-color-surface-hover) !important;
  color: var(--app-color-text) !important;
}

body :is(.cr-tab.active, .cr-scope-btn.active, .cr-primary-btn) {
  background: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  box-shadow: none !important;
}

body :is(.cr-tab.active, .cr-scope-btn.active, .cr-primary-btn) :is(span, strong, i, svg) {
  color: currentColor !important;
}

body :is(.cr-help-card, .cr-tab-intro, .cr-comment-text, .cr-thread-meta, .cr-summary-label, .cr-section-title, .cr-card-label, .cr-location-pill, .cr-empty, .cr-empty-sm) {
  color: var(--app-color-text-muted) !important;
}

body :is(.cr-help-card strong, .cr-tab-intro strong, .cr-summary-value, .cr-thread-title, .cr-comment-name, .cr-chat-title, .cr-selection-text, .cr-thread-quote, .cr-comment-quote, .cr-mention-name) {
  color: var(--app-color-text) !important;
}

body :is(.cr-avatar, .cr-help-icon, .cr-rail-badge) {
  background: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body .top-navbar .profile-avatar-btn,
body .top-navbar .profile-avatar-btn.profile-avatar-btn,
body .profile-dropdown .profile-dropdown-avatar {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-on-brand) !important;
}

body .top-navbar .profile-avatar-btn :is(.profile-avatar-initials, span),
body .profile-dropdown .profile-dropdown-avatar :is(.profile-dropdown-avatar-initials, span) {
  color: var(--app-color-on-brand) !important;
}

/* =====================================================================
   APP-WIDE UI CONTRACT
   Last-resort theme, contrast, and responsive guard for legacy pages,
   Tailwind utility fragments, and body-injected page CSS.
   ===================================================================== */

html,
body {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
  overflow-x: hidden !important;
}

body :is(main, #mainContent, .main-content, .page-content, .content-wrapper, .app-wrapper, .app-container, .dashboard-content, .container, .container-fluid) {
  max-width: 100% !important;
  min-width: 0 !important;
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

body :is(.row, .grid, .flex, [class*="grid-cols"], [class*="flex-"]) {
  min-width: 0 !important;
}

body :is(img, video, canvas, iframe, svg) {
  max-width: 100% !important;
}

body :is(.blur-3xl, .bg-gradient-to-r, .bg-gradient-to-l, .bg-gradient-to-t, .bg-gradient-to-b, .bg-gradient-to-br, .bg-gradient-to-bl, .bg-gradient-to-tr, .bg-gradient-to-tl, .btn-gradient, .gradient, .gradient-bg, .glass-gradient) {
  background-image: none !important;
  box-shadow: none !important;
}

body :is(.blur-3xl) {
  display: none !important;
}

body :is(h1, h2, h3, h4, h5, h6, legend, .page-title, .section-title, .card-title, .modal-title, .dropdown-header, .hd-card-title, .ts-card-title, .ah-title, .ah-card-title, .lm-card-title, .pm-card-title, .pnav-title, .scnav-title, .font-bold, .font-semibold):not(.sidebar-wrapper *):not(.btn *):not(button *):not(a[class*="active"] *) {
  color: var(--app-color-text) !important;
}

body :is(p, li, dt, dd, label, small, figcaption, .subtitle, .description, .help-text, .hint, .meta, .text-muted, .muted, .stat-label, .stat-card-label, .card-subtitle, .empty-state p, .ah-subtitle, .ah-meta, .hd-card-subtitle, .ts-card-subtitle, .lm-card-subtitle, .pnav-subtitle, .scnav-subtitle):not(.sidebar-wrapper *):not(.btn *):not(button *) {
  color: var(--app-color-text-muted) !important;
}

body :where(a:not(.sidebar-wrapper a):not(.btn):not([class*="active"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not(.crmnav-link):not(.pnav-link):not(.hdnav-link):not(.lm-nav-tab):not(.scnav-link):not(.tsnav-link):not(.ah-tab):not(.nav-tab):not(.tab-link):not(.inbox-skip-link):not(.skip-link)) {
  color: var(--app-color-brand-text) !important;
}

body :is(.card, .glass-card, .stat-card, .metric-card, .summary-card, .panel, .panel-card, .widget, .box, .tile, .list-card, .detail-card, .chart-card, .table-card, .form-card, .content-card, .empty-state, .dropdown-menu, .popover, .toast, .modal-content, .offcanvas, .accordion-item, .list-group-item, .bg-white, .dark\:bg-white, .dark\:bg-slate-900, .dark\:bg-gray-900, .dark\:bg-gray-800, .bg-gray-50, .bg-gray-100, .bg-slate-50, .bg-slate-100, .ah-card, .ah-panel, .hd-card, .ts-card, .lm-card, .pm-card, .p-card, .owner-card) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
  background-image: none !important;
}

body :is(.card-header, .card-footer, .modal-header, .modal-footer, .table thead, .table th, thead, th, .list-header, .panel-header, .filter-bar, .search-bar, .toolbar, .action-bar, .bg-gray-50, .bg-slate-50, .bg-gray-100, .bg-slate-100) {
  background-color: var(--app-color-surface-soft) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(table, .table) {
  width: 100% !important;
  max-width: 100% !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(td, th, .table td, .table th) {
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

body :is(.table-responsive, .overflow-x-auto, [class*="overflow-x-auto"], [class*="table-wrapper"], [class*="table-container"]) {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body :is(input, select, textarea, .form-control, .form-select, .form-input, .form-textarea, .form-checkbox, .form-radio, .input, .select, .textarea, [contenteditable="true"]) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
  box-shadow: none !important;
}

body :is(input, select, textarea, .form-control, .form-select, .form-input, .form-textarea)::placeholder {
  color: var(--app-color-text-faint) !important;
  opacity: 1 !important;
}

body :is(input, select, textarea, button, a, [role="button"], [tabindex]):focus-visible {
  outline: 2px solid var(--app-color-focus) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px rgba(var(--app-color-brand-rgb), 0.18) !important;
}

body :where(:is(.text-white, .dark\:text-white, .text-gray-900, .dark\:text-gray-900, .text-slate-900, .dark\:text-slate-50):not(.sidebar-wrapper *):not([class*="bg-"]):not(.btn):not(button):not(a[class*="active"]):not(.profile-avatar-btn):not(.cr-tab):not(.crmnav-link):not(.pnav-link):not(.hdnav-link):not(.lm-nav-tab):not(.scnav-link):not(.tsnav-link):not(.ah-tab):not(.nav-tab):not(.tab-link)) {
  color: var(--app-color-text) !important;
}

body :where(:is(.text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-slate-700, .dark\:text-gray-300, .dark\:text-gray-400, .dark\:text-slate-300, .dark\:text-slate-400):not(.sidebar-wrapper *):not(.btn):not(button):not(a[class*="active"]):not(.crmnav-link):not(.pnav-link):not(.hdnav-link):not(.lm-nav-tab):not(.scnav-link):not(.tsnav-link):not(.ah-tab):not(.nav-tab):not(.tab-link)) {
  color: var(--app-color-text-muted) !important;
}

body :is(.bg-primary, .bg-primary-500, .bg-primary-600, .bg-slate-600, .bg-slate-700, .bg-gray-900, .bg-red-600, .bg-rose-600, .bg-amber-500, .bg-emerald-600, .bg-green-600, .btn-primary, .btn-primary-glass, .crm-btn-primary, .hd-btn-primary, .ts-btn-primary, .lm-btn-primary, .ah-btn-primary, .quick-add-btn, .primary-action) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body :is(.bg-primary, .bg-primary-500, .bg-primary-600, .bg-slate-600, .bg-slate-700, .bg-gray-900, .bg-red-600, .bg-rose-600, .bg-amber-500, .bg-emerald-600, .bg-green-600, .btn-primary, .btn-primary-glass, .crm-btn-primary, .hd-btn-primary, .ts-btn-primary, .lm-btn-primary, .ah-btn-primary, .quick-add-btn, .primary-action) :is(span, i, svg, strong, .text-white, .dark\:text-white) {
  color: currentColor !important;
}

body :where(:is(.btn, button, [role="button"], .btn-secondary, .btn-outline, .btn-light, .btn-ghost, .date-range-btn, .filter-btn, .tab-btn, .pill-btn):not(.btn-primary):not(.btn-primary-glass):not(.crm-btn-primary):not(.hd-btn-primary):not(.ts-btn-primary):not(.lm-btn-primary):not(.ah-btn-primary):not(.quick-add-btn):not(.primary-action):not(.profile-avatar-btn):not(.cr-tab):not(.cr-primary-btn):not(.crmnav-link):not(.pnav-link):not(.hdnav-link):not(.lm-nav-tab):not(.lm-nav-launcher-btn):not(.scnav-link):not(.tsnav-link):not(.ah-tab):not(.nav-tab):not(.tab-link):not(.bg-primary):not(.bg-slate-600):not(.bg-slate-700)) {
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body :where(:is(.btn, button, [role="button"], .btn-secondary, .btn-outline, .btn-light, .btn-ghost, .date-range-btn, .filter-btn, .tab-btn, .pill-btn):not(.btn-primary):not(.btn-primary-glass):not(.crm-btn-primary):not(.hd-btn-primary):not(.ts-btn-primary):not(.lm-btn-primary):not(.ah-btn-primary):not(.quick-add-btn):not(.primary-action):not(.profile-avatar-btn):not(.cr-tab):not(.cr-primary-btn):not(.crmnav-link):not(.pnav-link):not(.hdnav-link):not(.lm-nav-tab):not(.lm-nav-launcher-btn):not(.scnav-link):not(.tsnav-link):not(.ah-tab):not(.nav-tab):not(.tab-link):not(.bg-primary):not(.bg-slate-600):not(.bg-slate-700):hover) {
  background-color: var(--app-color-surface-hover) !important;
  color: var(--app-color-text) !important;
}

body :is([aria-current="page"], .pnav-link.active, .hdnav-link.active, .lm-nav-tab.active, .scnav-link.active, .crmnav-link.active, .date-range-btn.active, .ah-tab.active, .nav-tab.active, .tab-link.active, .filter-btn.active, .pill-btn.active):not(.sidebar-wrapper *) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body :is([aria-current="page"], .pnav-link.active, .hdnav-link.active, .lm-nav-tab.active, .scnav-link.active, .crmnav-link.active, .date-range-btn.active, .ah-tab.active, .nav-tab.active, .tab-link.active, .filter-btn.active, .pill-btn.active):not(.sidebar-wrapper *) :is(span, i, svg, strong) {
  color: currentColor !important;
}

body :is(.badge, .badge-primary, .badge-info, .badge-success, .badge-warning, .badge-danger, .ds-status-badge, .priority-badge, [class*="badge-"], [class*="status-"]) {
  border-color: var(--app-color-border) !important;
  background-image: none !important;
}

body :is(.inbox-skip-link, .skip-link) {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  border-color: var(--app-color-brand) !important;
}

body :is(.top-navbar, .navbar-content, .system-nav-host, .system-nav, .mobile-header, .mobile-nav, .bottom-nav, .owner-shell, .owner-header, .tasks-shell) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
  background-image: none !important;
}

body :is(.pnav-link, .hdnav-link, .lm-nav-tab, .scnav-link, .tsnav-link, .ah-tab, .nav-tab, .tab-link, .crmnav-link):not(.active) {
  background-color: transparent !important;
  color: var(--app-color-text-muted) !important;
  border-color: transparent !important;
}

body :is(.pnav-link, .hdnav-link, .lm-nav-tab, .scnav-link, .tsnav-link, .ah-tab, .nav-tab, .tab-link, .crmnav-link):not(.active):hover {
  background-color: var(--app-color-surface-hover) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

html.dark body :is(.card, .glass-card, .stat-card, .metric-card, .summary-card, .panel, .panel-card, .widget, .box, .tile, .list-card, .detail-card, .chart-card, .table-card, .form-card, .content-card, .empty-state, .dropdown-menu, .popover, .toast, .modal-content, .offcanvas, .accordion-item, .list-group-item, .ah-card, .ah-panel, .hd-card, .ts-card, .lm-card, .pm-card, .p-card, .owner-card),
html[data-theme="dark"] body :is(.card, .glass-card, .stat-card, .metric-card, .summary-card, .panel, .panel-card, .widget, .box, .tile, .list-card, .detail-card, .chart-card, .table-card, .form-card, .content-card, .empty-state, .dropdown-menu, .popover, .toast, .modal-content, .offcanvas, .accordion-item, .list-group-item, .ah-card, .ah-panel, .hd-card, .ts-card, .lm-card, .pm-card, .p-card, .owner-card),
body[data-theme="dark"] :is(.card, .glass-card, .stat-card, .metric-card, .summary-card, .panel, .panel-card, .widget, .box, .tile, .list-card, .detail-card, .chart-card, .table-card, .form-card, .content-card, .empty-state, .dropdown-menu, .popover, .toast, .modal-content, .offcanvas, .accordion-item, .list-group-item, .ah-card, .ah-panel, .hd-card, .ts-card, .lm-card, .pm-card, .p-card, .owner-card) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

@media (max-width: 991.98px) {
  body :is(.top-navbar, .navbar-content, .system-nav, .crmnav-tabs, .pnav-tabs, .hdnav-tabs, .lm-nav-tabs, .scnav-tabs, .tsnav-tabs, .ah-tabs, .nav-tabs, .tab-list, .filter-tabs, .action-bar, .toolbar) {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body :is(.card, .glass-card, .stat-card, .metric-card, .summary-card, .panel, .panel-card, .widget, .box, .tile, .table-card, .form-card, .content-card, .empty-state) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body :is(table, .table) {
    min-width: 42rem !important;
  }

  body :is(.table-responsive, [class*="table-wrapper"], [class*="table-container"]) table,
  body :is(.table-responsive, [class*="table-wrapper"], [class*="table-container"]) .table {
    min-width: 42rem !important;
  }

  body :is(input, select, textarea, button, .btn, [role="button"]) {
    max-width: 100% !important;
  }
}

/* Final specificity corrections after the generic fallback layer. */
html.dark,
html[data-theme="dark"],
body[data-theme="dark"] {
  --app-color-brand-hover: var(--app-brand-800) !important;
  --app-color-brand-active: var(--app-brand-900) !important;
}

body .top-navbar .profile-avatar-btn.profile-avatar-btn,
body button.profile-avatar-btn.profile-avatar-btn,
body .profile-avatar-btn.profile-avatar-btn,
body .profile-dropdown .profile-dropdown-avatar.profile-dropdown-avatar {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body .profile-avatar-btn.profile-avatar-btn :is(span, i, svg, .profile-avatar-initials),
body .profile-dropdown-avatar.profile-dropdown-avatar :is(span, i, svg, .profile-dropdown-avatar-initials) {
  color: var(--app-color-on-brand) !important;
}

body :is(.cr-tab.cr-tab.active, .cr-scope-btn.cr-scope-btn.active, .cr-primary-btn.cr-primary-btn, .crmnav-link.crmnav-link.active, .pnav-link.pnav-link.active, .hdnav-link.hdnav-link.active, .lm-nav-tab.lm-nav-tab.active, .scnav-link.scnav-link.active, .tsnav-link.tsnav-link.active, .date-range-btn.date-range-btn.active, .ah-tab.ah-tab.active, .nav-tab.nav-tab.active, .tab-link.tab-link.active, .filter-btn.filter-btn.active, .pill-btn.pill-btn.active) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body :is(.cr-tab.cr-tab.active, .cr-scope-btn.cr-scope-btn.active, .cr-primary-btn.cr-primary-btn, .crmnav-link.crmnav-link.active, .pnav-link.pnav-link.active, .hdnav-link.hdnav-link.active, .lm-nav-tab.lm-nav-tab.active, .scnav-link.scnav-link.active, .tsnav-link.tsnav-link.active, .date-range-btn.date-range-btn.active, .ah-tab.ah-tab.active, .nav-tab.nav-tab.active, .tab-link.tab-link.active, .filter-btn.filter-btn.active, .pill-btn.pill-btn.active) :is(span, i, svg, strong) {
  color: currentColor !important;
}

html.dark body :is(.crmnav-link.crmnav-link:not(.active), .pnav-link.pnav-link:not(.active), .hdnav-link.hdnav-link:not(.active), .lm-nav-tab.lm-nav-tab:not(.active), .scnav-link.scnav-link:not(.active), .tsnav-link.tsnav-link:not(.active), .date-range-btn.date-range-btn:not(.active), .ah-tab.ah-tab:not(.active), .nav-tab.nav-tab:not(.active), .tab-link.tab-link:not(.active)),
html[data-theme="dark"] body :is(.crmnav-link.crmnav-link:not(.active), .pnav-link.pnav-link:not(.active), .hdnav-link.hdnav-link:not(.active), .lm-nav-tab.lm-nav-tab:not(.active), .scnav-link.scnav-link:not(.active), .tsnav-link.tsnav-link:not(.active), .date-range-btn.date-range-btn:not(.active), .ah-tab.ah-tab:not(.active), .nav-tab.nav-tab:not(.active), .tab-link.tab-link:not(.active)),
body[data-theme="dark"] :is(.crmnav-link.crmnav-link:not(.active), .pnav-link.pnav-link:not(.active), .hdnav-link.hdnav-link:not(.active), .lm-nav-tab.lm-nav-tab:not(.active), .scnav-link.scnav-link:not(.active), .tsnav-link.tsnav-link:not(.active), .date-range-btn.date-range-btn:not(.active), .ah-tab.ah-tab:not(.active), .nav-tab.nav-tab:not(.active), .tab-link.tab-link:not(.active)) {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--app-color-text-muted) !important;
}

html.dark body :is(.crmnav-link.crmnav-link:not(.active), .pnav-link.pnav-link:not(.active), .hdnav-link.hdnav-link:not(.active), .lm-nav-tab.lm-nav-tab:not(.active), .scnav-link.scnav-link:not(.active), .tsnav-link.tsnav-link:not(.active), .date-range-btn.date-range-btn:not(.active), .ah-tab.ah-tab:not(.active), .nav-tab.nav-tab:not(.active), .tab-link.tab-link:not(.active)) :is(span, i, svg),
html[data-theme="dark"] body :is(.crmnav-link.crmnav-link:not(.active), .pnav-link.pnav-link:not(.active), .hdnav-link.hdnav-link:not(.active), .lm-nav-tab.lm-nav-tab:not(.active), .scnav-link.scnav-link:not(.active), .tsnav-link.tsnav-link:not(.active), .date-range-btn.date-range-btn:not(.active), .ah-tab.ah-tab:not(.active), .nav-tab.nav-tab:not(.active), .tab-link.tab-link:not(.active)) :is(span, i, svg),
body[data-theme="dark"] :is(.crmnav-link.crmnav-link:not(.active), .pnav-link.pnav-link:not(.active), .hdnav-link.hdnav-link:not(.active), .lm-nav-tab.lm-nav-tab:not(.active), .scnav-link.scnav-link:not(.active), .tsnav-link.tsnav-link:not(.active), .date-range-btn.date-range-btn:not(.active), .ah-tab.ah-tab:not(.active), .nav-tab.nav-tab:not(.active), .tab-link.tab-link:not(.active)) :is(span, i, svg) {
  color: currentColor !important;
}

body :is(button.bg-slate-600, button.bg-slate-700, .bg-slate-600.bg-slate-600, .bg-slate-700.bg-slate-700, .lm-nav-launcher-btn.lm-nav-launcher-btn, .quick-add-btn.quick-add-btn, .primary-action.primary-action) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body :is(button.bg-slate-600, button.bg-slate-700, .bg-slate-600.bg-slate-600, .bg-slate-700.bg-slate-700, .lm-nav-launcher-btn.lm-nav-launcher-btn, .quick-add-btn.quick-add-btn, .primary-action.primary-action) :is(span, i, svg, strong) {
  color: currentColor !important;
}

html.dark body .text-primary.text-primary,
html[data-theme="dark"] body .text-primary.text-primary,
body[data-theme="dark"] .text-primary.text-primary {
  color: var(--app-color-text) !important;
}

body a.inbox-skip-link.inbox-skip-link,
body a.skip-link.skip-link {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

/* Domain component families still using page-local color utilities. */
body :is(.cr-section-title, .hd-card-title, .ts-card-title, .pm-page-title, .pm-section-title, .ah-title, .ah-card-title, .lm-page-title, .lm-section-title, .lm-card-title, .crm-card-title, .dashboard-card-title, .text-lg.font-semibold, .text-xl.font-semibold, .text-2xl.font-semibold, .text-3xl.font-bold, .text-4xl.font-bold, .text-5xl.font-bold) {
  color: var(--app-color-text) !important;
}

body :is(.cr-panel.active, .tab-pane.active, .tab-content .active, .panel.active, .content-panel.active, .section-panel.active) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

body :is(.ah-mute, .ah-subtitle, .hd-card-subtitle, .ts-card-subtitle, .pm-page-subtitle, .pm-section-subtitle, .lm-card-subtitle, .lm-section-subtitle, .dashboard-card-subtitle, .cr-section-subtitle) {
  color: var(--app-color-text-muted) !important;
}

body :is(.badge-sm, .badge-green, .badge-red, .badge-yellow, .badge-blue, .badge-purple, .badge-gray, .badge-indigo, .status-pill, .status-chip, .priority-pill, .priority-chip) {
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
}

body :is(.badge-green, .status-success, .status-approved, .priority-low) {
  background-color: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
}

body :is(.badge-red, .status-danger, .status-rejected, .priority-urgent, .priority-high) {
  background-color: var(--app-color-danger-soft) !important;
  color: var(--app-color-danger) !important;
}

body :is(.badge-yellow, .status-warning, .status-pending, .priority-medium) {
  background-color: var(--app-color-warning-soft) !important;
  color: var(--app-color-warning) !important;
}

body :is(.cal-agenda-history-toggle, .ts-btn-secondary, .hd-btn-secondary, .lm-btn-secondary, .ah-btn-secondary, .secondary-action) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body :is(.sidebar-compose-btn, .hd-quick-btn, .lm-nav-launcher-btn, .ts-btn-primary, .hd-quick-action, .compose-btn) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body :is(.sidebar-compose-btn, .hd-quick-btn, .lm-nav-launcher-btn, .ts-btn-primary, .hd-quick-action, .compose-btn) :is(span, i, svg, strong, kbd) {
  color: currentColor !important;
}

body .lm-nav-launcher-kbd.lm-nav-launcher-kbd {
  background-color: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body :is(.text-primary.text-primary, .text-slate-600.text-slate-600, .text-gray-900.text-gray-900),
html[data-theme="dark"] body :is(.text-primary.text-primary, .text-slate-600.text-slate-600, .text-gray-900.text-gray-900),
body[data-theme="dark"] :is(.text-primary.text-primary, .text-slate-600.text-slate-600, .text-gray-900.text-gray-900) {
  color: var(--app-color-text) !important;
}

body :is(footer, .footer, .app-footer, .site-footer) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text-muted) !important;
  background-image: none !important;
}

body :is(footer, .footer, .app-footer, .site-footer) :is(a, p, span, small, li) {
  color: var(--app-color-text-muted) !important;
}

body :is(footer, .footer, .app-footer, .site-footer) a:hover {
  color: var(--app-color-text) !important;
}

/* Brand surfaces must always carry on-brand foregrounds. */
body :is(.bg-primary, .gradient-bg, .hero-pattern, .ai-hero, .hd-card-header, .ts-card-header, .cal-agenda-date-header, .hd-priority-box, .ts-btn-warning, .sidebar-compose-btn, .lm-nav-launcher-btn) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

body :is(.bg-primary, .gradient-bg, .hero-pattern, .ai-hero, .hd-card-header, .ts-card-header, .cal-agenda-date-header, .hd-priority-box, .ts-btn-warning, .sidebar-compose-btn, .lm-nav-launcher-btn) :is(h1, h2, h3, h4, h5, h6, p, span, div, small, strong, em, i, svg, a, button, kbd, .text-primary, .text-white, .dark\:text-white, .text-gray-900, .text-slate-900, .text-gray-500, .text-slate-600, .hd-card-title, .ts-card-title, .hd-priority-label, .cal-agenda-day, .cal-agenda-month) {
  color: var(--app-color-on-brand) !important;
}

body :is(.sidebar-compose-btn.sidebar-compose-btn, .inbox-sidebar-panel .sidebar-compose-btn.sidebar-compose-btn, button.sidebar-compose-btn.sidebar-compose-btn) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

body :is(.sidebar-compose-btn.sidebar-compose-btn, .inbox-sidebar-panel .sidebar-compose-btn.sidebar-compose-btn, button.sidebar-compose-btn.sidebar-compose-btn) :is(span, i, svg) {
  color: currentColor !important;
}

body :is(.ts-inline-stat.ts-inline-stat, .hd-priority-box.hd-priority-box) :is(.ts-inline-stat-label, .hd-priority-label, span, div) {
  color: currentColor !important;
}

body :is(.inline-flex.rounded-full, .rounded-full.text-xs, .rounded-full.text-sm, .status-chip, .status-pill, .filter-chip, .quick-chip) {
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
}

html.dark body :is(.inline-flex.rounded-full, .rounded-full.text-xs, .rounded-full.text-sm, .status-chip, .status-pill, .filter-chip, .quick-chip),
html[data-theme="dark"] body :is(.inline-flex.rounded-full, .rounded-full.text-xs, .rounded-full.text-sm, .status-chip, .status-pill, .filter-chip, .quick-chip),
body[data-theme="dark"] :is(.inline-flex.rounded-full, .rounded-full.text-xs, .rounded-full.text-sm, .status-chip, .status-pill, .filter-chip, .quick-chip) {
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

body :is(.page-wrapper > .flex-grow, .main-content, .page-content, .pm-page, .ts-page, .hd-page, .lm-page, .crm-command-center, .analytics-hub, .inbox-page-bg, .inbox-shell) {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

body :is(.pm-page-header.pm-page-header, .pm-command-header.pm-command-header, .hd-card.hd-card, .ts-card.ts-card, .lm-wrap.lm-wrap, .ah-card.ah-card, .dash-card.dash-card, .inbox-sidebar-panel.inbox-sidebar-panel, .inbox-crm-panel.inbox-crm-panel) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
}

body :is(.pm-page-header.pm-page-header, .pm-command-header.pm-command-header, .hd-card.hd-card, .ts-card.ts-card, .lm-wrap.lm-wrap, .ah-card.ah-card, .dash-card.dash-card, .inbox-sidebar-panel.inbox-sidebar-panel, .inbox-crm-panel.inbox-crm-panel) :is(h1, h2, h3, h4, h5, h6, .pm-page-title, .hd-card-title, .ts-card-title, .ah-h2, .ah-title, .lm-card-title, .text-lg.font-semibold, .text-xl.font-semibold) {
  color: var(--app-color-text) !important;
}

body :is(.pm-page-header.pm-page-header, .pm-command-header.pm-command-header, .hd-card.hd-card, .ts-card.ts-card, .lm-wrap.lm-wrap, .ah-card.ah-card, .dash-card.dash-card, .inbox-sidebar-panel.inbox-sidebar-panel, .inbox-crm-panel.inbox-crm-panel) :is(p, small, .meta, .muted, .ah-mute, .hd-priority-label, .ts-inline-stat-label, .cal-agenda-day) {
  color: var(--app-color-text-muted) !important;
}

html.dark body :is(.pm-page-header.pm-page-header, .pm-command-header.pm-command-header, .hd-card.hd-card, .ts-card.ts-card, .lm-wrap.lm-wrap, .ah-card.ah-card, .dash-card.dash-card, .inbox-sidebar-panel.inbox-sidebar-panel, .inbox-crm-panel.inbox-crm-panel),
html[data-theme="dark"] body :is(.pm-page-header.pm-page-header, .pm-command-header.pm-command-header, .hd-card.hd-card, .ts-card.ts-card, .lm-wrap.lm-wrap, .ah-card.ah-card, .dash-card.dash-card, .inbox-sidebar-panel.inbox-sidebar-panel, .inbox-crm-panel.inbox-crm-panel),
body[data-theme="dark"] :is(.pm-page-header.pm-page-header, .pm-command-header.pm-command-header, .hd-card.hd-card, .ts-card.ts-card, .lm-wrap.lm-wrap, .ah-card.ah-card, .dash-card.dash-card, .inbox-sidebar-panel.inbox-sidebar-panel, .inbox-crm-panel.inbox-crm-panel) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

/* Final rendered contrast authority for sampled app pages. */
body :is(.bg-primary.bg-primary, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, .cal-agenda-date-header.cal-agenda-date-header, .hd-card-header.hd-card-header, .ts-card-header.ts-card-header, .hd-priority-box.hd-priority-box) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

body :is(.bg-primary.bg-primary, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, .cal-agenda-date-header.cal-agenda-date-header, .hd-card-header.hd-card-header, .ts-card-header.ts-card-header, .hd-priority-box.hd-priority-box) :is(h1, h2, h3, h4, h5, h6, p, span, div, small, strong, em, i, svg, a, button, kbd, label, .text-white.text-white, .dark\:text-white.dark\:text-white, .text-primary.text-primary, .text-gray-900.text-gray-900, .text-slate-900.text-slate-900, .text-lg.font-semibold, .text-xl.font-semibold, .text-4xl.font-bold, .text-5xl.font-bold, .hd-card-title.hd-card-title, .ts-card-title.ts-card-title, .hd-priority-label.hd-priority-label, .cal-agenda-day.cal-agenda-day, .cal-agenda-month.cal-agenda-month) {
  color: var(--app-color-on-brand) !important;
}

body .ai-hero.ai-hero :is(.text-lg.font-semibold, .font-semibold.text-lg, h1, h2, h3, p, span, .text-primary.text-primary),
body .gradient-bg.gradient-bg :is(.text-primary.text-primary, .text-white.text-white, .text-gray-900.text-gray-900, .text-4xl.font-bold, .text-5xl.font-bold, h1, h2, p, span),
body .hero-pattern.hero-pattern :is(.text-primary.text-primary, .text-white.text-white, .text-gray-900.text-gray-900, .text-4xl.font-bold, .text-5xl.font-bold, h1, h2, p, span),
body .bg-primary.bg-primary :is(.text-white.text-white, .text-primary.text-primary, .text-gray-900.text-gray-900, .text-3xl.font-bold, .text-4xl.font-bold, h1, h2, h3, p, span) {
  color: var(--app-color-on-brand) !important;
}

body .cal-agenda-date-header.cal-agenda-date-header :is(.cal-agenda-day.cal-agenda-day, .cal-agenda-month.cal-agenda-month, span, div),
body .hd-card-header.hd-card-header :is(.hd-card-title.hd-card-title, h1, h2, h3, span, div),
body .ts-card-header.ts-card-header :is(.ts-card-title.ts-card-title, h1, h2, h3, span, div),
body .hd-priority-box.hd-priority-box :is(.hd-priority-label.hd-priority-label, span, div) {
  color: var(--app-color-on-brand) !important;
}

body :is(.ai-tag.ai-tag, .inbox-crm-panel .ai-tag.ai-tag) {
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
}

body :is(.pm-kicker.pm-kicker, .hd-progress-label.hd-progress-label, .ts-inline-stat-label.ts-inline-stat-label, .ah-kicker.ah-kicker, .ah-mute.ah-mute) {
  color: var(--app-color-text-muted) !important;
}

html.dark body :is(.pm-kicker.pm-kicker, .hd-progress-label.hd-progress-label, .ts-inline-stat-label.ts-inline-stat-label, .ah-kicker.ah-kicker, .ah-mute.ah-mute),
html[data-theme="dark"] body :is(.pm-kicker.pm-kicker, .hd-progress-label.hd-progress-label, .ts-inline-stat-label.ts-inline-stat-label, .ah-kicker.ah-kicker, .ah-mute.ah-mute),
body[data-theme="dark"] :is(.pm-kicker.pm-kicker, .hd-progress-label.hd-progress-label, .ts-inline-stat-label.ts-inline-stat-label, .ah-kicker.ah-kicker, .ah-mute.ah-mute) {
  color: var(--app-color-text-muted) !important;
}

body .lm-wrap.lm-wrap :is([style*="app-flat-fill"], [style*="--app-color-brand"], [style*="#002868"], [style*="#3f4f5f"]) {
  color: var(--app-color-on-brand) !important;
}

body .lm-wrap.lm-wrap :is([style*="app-flat-fill"], [style*="--app-color-brand"], [style*="#002868"], [style*="#3f4f5f"]) :is(div:not([class]), span:not([class]), p:not([class]), h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]), strong:not([class]), small:not([class]), label:not([class])) {
  color: var(--app-color-on-brand) !important;
}

body .analytics-hub.analytics-hub :is(.ah-card.ah-card, .ah-panel.ah-panel) :is(div:not([class]), p:not([class]), span:not([class]), h1:not([class]), h2:not([class]), h3:not([class])) {
  color: var(--app-color-text) !important;
}

body .analytics-hub.analytics-hub :is(.ah-card.ah-card, .ah-panel.ah-panel) a:not([class*="btn"]):not(.ah-tab) {
  color: var(--app-color-text) !important;
}

body .ts-legend-item.ts-legend-item.active {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

body .ts-legend-item.ts-legend-item.active :is(span, i, svg) {
  color: currentColor !important;
}

/* Rendered contrast closure: these selectors intentionally outrank the generic heading guard above. */
html body .ai-hero.ai-hero.ai-hero :is(.text-lg.font-semibold.text-lg.font-semibold, h1, h2, h3, p, span, div, small, strong, button, a),
html body .hd-card-header.hd-card-header.hd-card-header :is(.hd-card-title.hd-card-title.hd-card-title, h1, h2, h3, span, div, a),
html body .ts-card-header.ts-card-header.ts-card-header :is(.ts-card-title.ts-card-title.ts-card-title, h1, h2, h3, span, div, a),
html body .ah-card-head.ah-card-head.ah-card-head :is(h1, h2, h3, span, div, a),
html body .bg-primary.bg-primary.bg-primary :is(.text-white.text-white.text-white, h1, h2, h3, p, span, div, a),
html body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(h1, h2, h3, p, span, .text-primary.text-primary.text-primary, .text-white.text-white.text-white, .text-gray-900.text-gray-900.text-gray-900) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .card.card, .glass-card.glass-card, .stat-card.stat-card) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .card.card, .glass-card.glass-card, .stat-card.stat-card) :is(h1, h2, h3, h4, p, span, div, .text-gray-700.text-gray-700, .text-gray-500.text-gray-500, .dark\:text-gray-300.dark\:text-gray-300) {
  color: var(--app-color-text) !important;
}

html body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(a.bg-white.bg-white, .bg-white.bg-white.text-primary.text-primary) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-brand-text) !important;
}

html body :is(button.bg-teal-600.bg-teal-600, button.bg-teal-700.bg-teal-700, .bg-teal-600.bg-teal-600, .bg-teal-700.bg-teal-700, .fc .fc-button-primary.fc-button-primary, .fc-button-primary.fc-button-primary) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

html body :is(button.bg-teal-600.bg-teal-600, button.bg-teal-700.bg-teal-700, .bg-teal-600.bg-teal-600, .bg-teal-700.bg-teal-700, .fc .fc-button-primary.fc-button-primary, .fc-button-primary.fc-button-primary) :is(span, i, svg) {
  color: currentColor !important;
}

html body .inbox-crm-panel.inbox-crm-panel :is(.cal-agenda-empty.cal-agenda-empty, .cal-agenda-empty-title.cal-agenda-empty-title, .cal-agenda-empty-hint.cal-agenda-empty-hint, .cal-agenda-empty span, .sidebar-account-name.sidebar-account-name) {
  color: var(--app-color-text-muted) !important;
}

html body .inbox-crm-panel.inbox-crm-panel :is(.sidebar-add-btn.sidebar-add-btn, .sidebar-section-btn.sidebar-section-btn, .cal-agenda-add-btn.cal-agenda-add-btn, .inbox-cat-tab.inbox-cat-tab.active) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.inbox-utility-btn.inbox-utility-btn, .inbox-product-rail-btn.inbox-product-rail-btn) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html body .hd-week-box.hd-week-box.hd-week-box,
html body .hd-priority-box.hd-priority-box.hd-priority-box {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body .hd-week-box.hd-week-box.hd-week-box :is(.hd-week-label.hd-week-label, span, div),
html body .hd-priority-box.hd-priority-box.hd-priority-box :is(.hd-priority-label.hd-priority-label, span, div) {
  color: currentColor !important;
}

html body .hd-card.hd-card :is(.hd-metric-label.hd-metric-label, .hd-cat-name.hd-cat-name, .hd-progress-label.hd-progress-label) {
  color: var(--app-color-text-muted) !important;
}

html body .lm-wrap.lm-wrap.lm-wrap :is([style*="app-flat-fill"], [style*="--app-color-brand"], [style*="#002868"], [style*="#3f4f5f"]) :is(h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]), p:not([class]), span:not([class]), div:not([class]), strong:not([class]), small:not([class]), label:not([class])) {
  color: var(--app-color-on-brand) !important;
}

html body .lm-stat-card.lm-stat-card,
html body .lm-empty.lm-empty,
html body .lm-card.lm-card {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html body .lm-stat-card.lm-stat-card :is(.lm-stat-label.lm-stat-label, .lm-empty-desc.lm-empty-desc),
html body .lm-card.lm-card :is(.lm-stat-label.lm-stat-label, .lm-empty-desc.lm-empty-desc) {
  color: var(--app-color-text-muted) !important;
}

html body .lm-stat-card.lm-stat-card :is(.lm-empty-title.lm-empty-title, .lm-stat-value.lm-stat-value),
html body .lm-card.lm-card :is(.lm-empty-title.lm-empty-title, .lm-stat-value.lm-stat-value) {
  color: var(--app-color-text) !important;
}

html body .analytics-hub.analytics-hub .ah-card.ah-card :is(.ah-card-head.ah-card-head, .ah-card-head.ah-card-head h3),
html body .analytics-hub.analytics-hub .ah-panel.ah-panel :is(.ah-card-head.ah-card-head, .ah-card-head.ah-card-head h3) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body .analytics-hub.analytics-hub :is(.ah-card.ah-card, .ah-panel.ah-panel) a:not([class*="btn"]):not(.ah-tab) {
  color: var(--app-color-text) !important;
}

html body .ts-card-header.ts-card-header.ts-card-header :is(.ts-btn-secondary.ts-btn-secondary, .ts-btn.ts-btn-secondary) {
  background-color: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  color: var(--app-color-on-brand) !important;
}

html body .ts-legend-item.ts-legend-item {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text-muted) !important;
}

html body .fc .fc-col-header-cell-cushion.fc-col-header-cell-cushion {
  color: var(--app-color-text) !important;
}

html body .pm-page-header.pm-page-header.pm-page-header :is(.pm-page-count.pm-page-count, .pm-kicker.pm-kicker) {
  color: var(--app-color-text-muted) !important;
}

/* Appwide9 residual rendered sweep closure. */
html.dark body .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-add-btn.sidebar-add-btn.sidebar-add-btn, .sidebar-section-btn.sidebar-section-btn.sidebar-section-btn),
html[data-theme="dark"] body .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-add-btn.sidebar-add-btn.sidebar-add-btn, .sidebar-section-btn.sidebar-section-btn.sidebar-section-btn),
body[data-theme="dark"] .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-add-btn.sidebar-add-btn.sidebar-add-btn, .sidebar-section-btn.sidebar-section-btn.sidebar-section-btn) {
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html.dark body .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-account-row.sidebar-account-row.active, .sidebar-account-item.sidebar-account-item.active),
html[data-theme="dark"] body .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-account-row.sidebar-account-row.active, .sidebar-account-item.sidebar-account-item.active),
body[data-theme="dark"] .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-account-row.sidebar-account-row.active, .sidebar-account-item.sidebar-account-item.active) {
  background-color: var(--app-color-surface-soft) !important;
  color: var(--app-color-text) !important;
}

html.dark body .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-account-name.sidebar-account-name.sidebar-account-name, .sidebar-account-info.sidebar-account-info),
html[data-theme="dark"] body .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-account-name.sidebar-account-name.sidebar-account-name, .sidebar-account-info.sidebar-account-info),
body[data-theme="dark"] .inbox-sidebar-panel.inbox-sidebar-panel :is(.sidebar-account-name.sidebar-account-name.sidebar-account-name, .sidebar-account-info.sidebar-account-info) {
  color: var(--app-color-text) !important;
}

html.dark body :is(.inbox-cat-tab.inbox-cat-tab.inbox-cat-tab.active, .cal-agenda-add-btn.cal-agenda-add-btn.cal-agenda-add-btn),
html[data-theme="dark"] body :is(.inbox-cat-tab.inbox-cat-tab.inbox-cat-tab.active, .cal-agenda-add-btn.cal-agenda-add-btn.cal-agenda-add-btn),
body[data-theme="dark"] :is(.inbox-cat-tab.inbox-cat-tab.inbox-cat-tab.active, .cal-agenda-add-btn.cal-agenda-add-btn.cal-agenda-add-btn) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body :is(.inbox-cat-tab.inbox-cat-tab.inbox-cat-tab.active, .cal-agenda-add-btn.cal-agenda-add-btn.cal-agenda-add-btn) :is(span, i, svg),
html[data-theme="dark"] body :is(.inbox-cat-tab.inbox-cat-tab.inbox-cat-tab.active, .cal-agenda-add-btn.cal-agenda-add-btn.cal-agenda-add-btn) :is(span, i, svg),
body[data-theme="dark"] :is(.inbox-cat-tab.inbox-cat-tab.inbox-cat-tab.active, .cal-agenda-add-btn.cal-agenda-add-btn.cal-agenda-add-btn) :is(span, i, svg) {
  color: currentColor !important;
}

html.dark body .inbox-utility-strip.inbox-utility-strip :is(.inbox-utility-btn.inbox-utility-btn.inbox-utility-btn, .inbox-product-rail-btn.inbox-product-rail-btn.inbox-product-rail-btn),
html[data-theme="dark"] body .inbox-utility-strip.inbox-utility-strip :is(.inbox-utility-btn.inbox-utility-btn.inbox-utility-btn, .inbox-product-rail-btn.inbox-product-rail-btn.inbox-product-rail-btn),
body[data-theme="dark"] .inbox-utility-strip.inbox-utility-strip :is(.inbox-utility-btn.inbox-utility-btn.inbox-utility-btn, .inbox-product-rail-btn.inbox-product-rail-btn.inbox-product-rail-btn) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html.dark body .inbox-utility-strip.inbox-utility-strip :is(.inbox-utility-btn.inbox-utility-btn.inbox-utility-btn.active, .inbox-product-rail-btn.inbox-product-rail-btn.inbox-product-rail-btn.active),
html[data-theme="dark"] body .inbox-utility-strip.inbox-utility-strip :is(.inbox-utility-btn.inbox-utility-btn.inbox-utility-btn.active, .inbox-product-rail-btn.inbox-product-rail-btn.inbox-product-rail-btn.active),
body[data-theme="dark"] .inbox-utility-strip.inbox-utility-strip :is(.inbox-utility-btn.inbox-utility-btn.inbox-utility-btn.active, .inbox-product-rail-btn.inbox-product-rail-btn.inbox-product-rail-btn.active) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body .hd-card.hd-card.hd-card :is(.hd-empty-text.hd-empty-text, .hd-team-members.hd-team-members, .hd-team-label.hd-team-label, .hd-team-stat-label.hd-team-stat-label),
html[data-theme="dark"] body .hd-card.hd-card.hd-card :is(.hd-empty-text.hd-empty-text, .hd-team-members.hd-team-members, .hd-team-label.hd-team-label, .hd-team-stat-label.hd-team-stat-label),
body[data-theme="dark"] .hd-card.hd-card.hd-card :is(.hd-empty-text.hd-empty-text, .hd-team-members.hd-team-members, .hd-team-label.hd-team-label, .hd-team-stat-label.hd-team-stat-label) {
  color: var(--app-color-text-muted) !important;
}

html.dark body .hd-card.hd-card.hd-card .hd-team-avatar.hd-team-avatar.hd-team-avatar,
html[data-theme="dark"] body .hd-card.hd-card.hd-card .hd-team-avatar.hd-team-avatar.hd-team-avatar,
body[data-theme="dark"] .hd-card.hd-card.hd-card .hd-team-avatar.hd-team-avatar.hd-team-avatar {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body .lm-card.lm-card.lm-card .lm-card-header.lm-card-header :is(span:not([class]), small:not([class])) {
  color: var(--app-color-text-muted) !important;
}

html.dark body .lm-card.lm-card.lm-card :is(.lm-aging-label.lm-aging-label, .lm-aging-total-label.lm-aging-total-label, .lm-financial-label.lm-financial-label, .lm-empty-desc.lm-empty-desc),
html[data-theme="dark"] body .lm-card.lm-card.lm-card :is(.lm-aging-label.lm-aging-label, .lm-aging-total-label.lm-aging-total-label, .lm-financial-label.lm-financial-label, .lm-empty-desc.lm-empty-desc),
body[data-theme="dark"] .lm-card.lm-card.lm-card :is(.lm-aging-label.lm-aging-label, .lm-aging-total-label.lm-aging-total-label, .lm-financial-label.lm-financial-label, .lm-empty-desc.lm-empty-desc) {
  color: var(--app-color-text-muted) !important;
}

html.dark body .lm-card.lm-card.lm-card :is(.lm-aging-header.lm-aging-header, .lm-aging-row.lm-aging-row, .lm-card-body.lm-card-body),
html[data-theme="dark"] body .lm-card.lm-card.lm-card :is(.lm-aging-header.lm-aging-header, .lm-aging-row.lm-aging-row, .lm-card-body.lm-card-body),
body[data-theme="dark"] .lm-card.lm-card.lm-card :is(.lm-aging-header.lm-aging-header, .lm-aging-row.lm-aging-row, .lm-card-body.lm-card-body) {
  color: var(--app-color-text) !important;
}

html body .ts-card.ts-card.ts-card {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html body .ts-card.ts-card.ts-card :is(.ts-legend-item.ts-legend-item.ts-legend-item:not(.active), .ts-calendar-legend.ts-calendar-legend .ts-legend-item.ts-legend-item:not(.active)) {
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.text-primary.text-primary.text-primary.text-primary, .text-green-700.text-green-700, .dark\:text-green-300.dark\:text-green-300, h1 .text-primary.text-primary.text-primary, .font-extrabold.text-primary.text-primary) {
  color: var(--app-color-on-brand) !important;
}

html.dark body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(a.bg-white.bg-white.text-primary.text-primary, a.bg-white.bg-white, .bg-white.bg-white.text-primary.text-primary),
html[data-theme="dark"] body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(a.bg-white.bg-white.text-primary.text-primary, a.bg-white.bg-white, .bg-white.bg-white.text-primary.text-primary),
body[data-theme="dark"] .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(a.bg-white.bg-white.text-primary.text-primary, a.bg-white.bg-white, .bg-white.bg-white.text-primary.text-primary) {
  background-color: var(--app-neutral-0) !important;
  border-color: var(--app-neutral-0) !important;
  color: var(--app-color-brand-text) !important;
}

html body footer.bg-gray-900.bg-gray-900,
html body footer.bg-slate-900.bg-slate-900,
html body footer.bg-black.bg-black {
  background-color: var(--app-color-sidebar) !important;
  border-color: var(--app-color-sidebar) !important;
  color: var(--app-neutral-200) !important;
}

html body footer.bg-gray-900.bg-gray-900 :is(a, p, span, small, div, li),
html body footer.bg-slate-900.bg-slate-900 :is(a, p, span, small, div, li),
html body footer.bg-black.bg-black :is(a, p, span, small, div, li) {
  color: var(--app-neutral-200) !important;
}

/* Appwide10 final explicit closures: avoid grouped selector edge cases on utility-heavy pages. */
html.dark body aside.inbox-sidebar-panel .sidebar-section-header button.sidebar-add-btn.sidebar-section-btn,
html[data-theme="dark"] body aside.inbox-sidebar-panel .sidebar-section-header button.sidebar-add-btn.sidebar-section-btn,
body[data-theme="dark"] aside.inbox-sidebar-panel .sidebar-section-header button.sidebar-add-btn.sidebar-section-btn {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body aside.inbox-sidebar-panel .sidebar-section-header button.sidebar-add-btn.sidebar-section-btn *,
html[data-theme="dark"] body aside.inbox-sidebar-panel .sidebar-section-header button.sidebar-add-btn.sidebar-section-btn *,
body[data-theme="dark"] aside.inbox-sidebar-panel .sidebar-section-header button.sidebar-add-btn.sidebar-section-btn * {
  color: currentColor !important;
}

html.dark body .lm-wrap .lm-card span.lm-financial-row-label,
html[data-theme="dark"] body .lm-wrap .lm-card span.lm-financial-row-label,
body[data-theme="dark"] .lm-wrap .lm-card span.lm-financial-row-label {
  color: var(--app-color-text-muted) !important;
}

html.dark body .lm-wrap a.lm-quick-action,
html[data-theme="dark"] body .lm-wrap a.lm-quick-action,
body[data-theme="dark"] .lm-wrap a.lm-quick-action {
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html.dark body .lm-wrap a.lm-quick-action span,
html.dark body .lm-wrap a.lm-quick-action div,
html.dark body .lm-wrap a.lm-quick-action i,
html.dark body .lm-wrap a.lm-quick-action svg,
html[data-theme="dark"] body .lm-wrap a.lm-quick-action span,
html[data-theme="dark"] body .lm-wrap a.lm-quick-action div,
html[data-theme="dark"] body .lm-wrap a.lm-quick-action i,
html[data-theme="dark"] body .lm-wrap a.lm-quick-action svg,
body[data-theme="dark"] .lm-wrap a.lm-quick-action span,
body[data-theme="dark"] .lm-wrap a.lm-quick-action div,
body[data-theme="dark"] .lm-wrap a.lm-quick-action i,
body[data-theme="dark"] .lm-wrap a.lm-quick-action svg {
  color: currentColor !important;
}

html body section.gradient-bg.hero-pattern span.text-green-700,
html body section.gradient-bg.hero-pattern span.dark\:text-green-300,
html body section.gradient-bg.hero-pattern h1 span.text-primary,
html body section.gradient-bg.hero-pattern .fade-in-up > .inline-block span,
html body section.gradient-bg.hero-pattern p.text-lg {
  color: var(--app-color-on-brand) !important;
}

html.dark body section.bg-white .fade-in-up.text-center .text-primary,
html[data-theme="dark"] body section.bg-white .fade-in-up.text-center .text-primary,
body[data-theme="dark"] section.bg-white .fade-in-up.text-center .text-primary {
  color: var(--app-color-text) !important;
}

html.dark body .bg-gradient-to-r.from-primary.to-green-600 a.bg-white.text-primary,
html[data-theme="dark"] body .bg-gradient-to-r.from-primary.to-green-600 a.bg-white.text-primary,
body[data-theme="dark"] .bg-gradient-to-r.from-primary.to-green-600 a.bg-white.text-primary,
html body .bg-gradient-to-r.from-primary.to-green-600 a.bg-white.text-primary {
  background-color: var(--app-neutral-0) !important;
  border-color: var(--app-neutral-0) !important;
  color: var(--app-color-brand-text) !important;
}

html body .bg-gradient-to-r.from-primary.to-green-600 a.bg-white.text-primary i,
html body .bg-gradient-to-r.from-primary.to-green-600 a.bg-white.text-primary span {
  color: currentColor !important;
}

html body footer.bg-gray-900.text-gray-400,
html body footer.bg-slate-900.text-gray-400,
html body footer.bg-black.text-gray-400 {
  background-color: var(--app-color-sidebar) !important;
  border-color: var(--app-color-sidebar) !important;
  color: var(--app-neutral-100) !important;
}

html body footer.bg-gray-900.text-gray-400 p,
html body footer.bg-gray-900.text-gray-400 a,
html body footer.bg-gray-900.text-gray-400 span,
html body footer.bg-slate-900.text-gray-400 p,
html body footer.bg-slate-900.text-gray-400 a,
html body footer.bg-slate-900.text-gray-400 span,
html body footer.bg-black.text-gray-400 p,
html body footer.bg-black.text-gray-400 a,
html body footer.bg-black.text-gray-400 span {
  color: var(--app-neutral-100) !important;
}

/* Appwide11 cascade closure for remaining computed contrast misses. */
html.dark body aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"],
html[data-theme="dark"] body aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"],
body[data-theme="dark"] aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"] {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"] *,
html[data-theme="dark"] body aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"] *,
body[data-theme="dark"] aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"] * {
  color: currentColor !important;
}

html body section.relative.overflow-hidden.gradient-bg.gradient-bg.gradient-bg.hero-pattern.hero-pattern.hero-pattern .inline-block.bg-green-100,
html body section.relative.overflow-hidden.gradient-bg.gradient-bg.gradient-bg.hero-pattern.hero-pattern.hero-pattern .inline-block.dark\:bg-green-900\/30 {
  background-color: var(--app-neutral-0) !important;
  border: 1px solid rgba(var(--app-color-brand-rgb), 0.24) !important;
  color: var(--app-color-brand-text) !important;
}

html body section.relative.overflow-hidden.gradient-bg.gradient-bg.gradient-bg.hero-pattern.hero-pattern.hero-pattern .inline-block.bg-green-100 span.text-green-700.text-green-700,
html body section.relative.overflow-hidden.gradient-bg.gradient-bg.gradient-bg.hero-pattern.hero-pattern.hero-pattern .inline-block.dark\:bg-green-900\/30 span.dark\:text-green-300.dark\:text-green-300 {
  color: var(--app-color-brand-text) !important;
}

html body section.relative.overflow-hidden.gradient-bg.gradient-bg.gradient-bg.hero-pattern.hero-pattern.hero-pattern h1.text-4xl.text-gray-900 span.text-primary.text-primary.text-primary.text-primary,
html.dark body section.relative.overflow-hidden.gradient-bg.gradient-bg.gradient-bg.hero-pattern.hero-pattern.hero-pattern h1.text-4xl.text-gray-900 span.text-primary.text-primary.text-primary.text-primary,
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.gradient-bg.gradient-bg.hero-pattern.hero-pattern.hero-pattern h1.text-4xl.text-gray-900 span.text-primary.text-primary.text-primary.text-primary,
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.gradient-bg.gradient-bg.hero-pattern.hero-pattern.hero-pattern h1.text-4xl.text-gray-900 span.text-primary.text-primary.text-primary.text-primary {
  color: var(--app-neutral-0) !important;
}

html.dark body section.py-12.bg-white.dark\:bg-slate-900 .fade-in-up.text-center .text-4xl.text-primary.text-primary.text-primary,
html[data-theme="dark"] body section.py-12.bg-white.dark\:bg-slate-900 .fade-in-up.text-center .text-4xl.text-primary.text-primary.text-primary,
body[data-theme="dark"] section.py-12.bg-white.dark\:bg-slate-900 .fade-in-up.text-center .text-4xl.text-primary.text-primary.text-primary {
  color: var(--app-neutral-0) !important;
}

html body footer.bg-gray-900.bg-gray-900.text-gray-400 .border-t.border-gray-800,
html body footer.bg-slate-900.bg-slate-900.text-gray-400 .border-t.border-gray-800,
html body footer.bg-black.bg-black.text-gray-400 .border-t.border-gray-800,
html body footer.bg-gray-900.bg-gray-900.text-gray-400 .border-t.border-gray-800 p,
html body footer.bg-slate-900.bg-slate-900.text-gray-400 .border-t.border-gray-800 p,
html body footer.bg-black.bg-black.text-gray-400 .border-t.border-gray-800 p {
  color: var(--app-neutral-100) !important;
}

/* Appwide12 variable closures for utilities whose color declarations still win the cascade. */
html body section.relative.overflow-hidden.gradient-bg.hero-pattern h1.text-4xl.text-gray-900,
html body section.relative.overflow-hidden.gradient-bg.hero-pattern h1.text-4xl.text-gray-900 span.text-primary {
  --app-color-brand: var(--app-neutral-0) !important;
  --color-primary: var(--app-neutral-0) !important;
  --ja-primary: var(--app-neutral-0) !important;
  color: var(--app-neutral-0) !important;
}

html.dark body section.py-12.bg-white.dark\:bg-slate-900 .fade-in-up.text-center,
html[data-theme="dark"] body section.py-12.bg-white.dark\:bg-slate-900 .fade-in-up.text-center,
body[data-theme="dark"] section.py-12.bg-white.dark\:bg-slate-900 .fade-in-up.text-center {
  --app-color-brand: var(--app-neutral-0) !important;
  --color-primary: var(--app-neutral-0) !important;
  --ja-primary: var(--app-neutral-0) !important;
}

html.dark body aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"],
html[data-theme="dark"] body aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"],
body[data-theme="dark"] aside.inbox-sidebar-panel.inbox-sidebar-panel button.sidebar-add-btn.sidebar-section-btn[aria-label="Add email account"] {
  --app-color-surface: var(--app-neutral-0) !important;
  --app-color-text: var(--app-neutral-0) !important;
  --app-color-on-brand: var(--app-neutral-0) !important;
  --inbox-text-primary: var(--app-neutral-0) !important;
  --text-primary: var(--app-neutral-0) !important;
}

/* Appwide14 exhaustive rendered contrast closure. */
html body :is(.iam-page, .account-page, .ts-page, .scheduling-page, .helpdesk-page, .crm-page, .lm-wrap, .analytics-hub, .automations-page, .sequences-page, .campaigns-page) {
  --iam-bg: var(--app-color-page) !important;
  --iam-card: var(--app-color-surface) !important;
  --iam-border: var(--app-color-border) !important;
  --iam-text: var(--app-color-text) !important;
  --iam-text-muted: var(--app-color-text-muted) !important;
  --lm-text: var(--app-color-text) !important;
  --lm-muted: var(--app-color-text-muted) !important;
  --ts-text: var(--app-color-text) !important;
  --ts-muted: var(--app-color-text-muted) !important;
}

html body :is(.tk-stat.tk-stat, .cr-category-count.cr-category-count, .cr-category-item.cr-category-item.active, .hd-cat-count.hd-cat-count, .lm-btn.lm-btn-teal, .lm-btn.lm-btn-orange, .lm-btn.lm-btn-purple, .lm-btn.lm-btn-success, .lm-btn.lm-btn-primary, .et-btn.et-btn-primary, .mc-btn-new.mc-btn-new, .ar-btn-new.ar-btn-new, .cf-btn-new.cf-btn-new, .tg-btn-new.tg-btn-new, .tt-btn-new.tt-btn-new, .ts-btn.ts-btn-primary, .ts-btn.ts-btn-warning, .hd-btn-primary.hd-btn-primary, .hd-quick-btn.hd-quick-btn, .hd-quick-action.hd-quick-action, .sidebar-compose-btn.sidebar-compose-btn, .compose-btn.compose-btn, .quick-add-btn.quick-add-btn, .primary-action.primary-action, .profile-badge.profile-badge, .profile-avatar-placeholder.profile-avatar-placeholder, .profile-avatar-edit.profile-avatar-edit, .ds-status-badge.ds-status-badge, .app-status-badge.app-status-badge, .pf-step-dot.pf-step-dot, .step-num.step-num, .ai-tab-badge.ai-tab-badge, .cat-badge.cat-badge-active, .avatar-placeholder.avatar-initials, .avatar-placeholder.avatar-placeholder, .iam-stat-icon.iam-stat-icon, .hd-team-avatar.hd-team-avatar) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body :is(.tk-stat.tk-stat, .cr-category-count.cr-category-count, .cr-category-item.cr-category-item.active, .hd-cat-count.hd-cat-count, .lm-btn.lm-btn-teal, .lm-btn.lm-btn-orange, .lm-btn.lm-btn-purple, .lm-btn.lm-btn-success, .lm-btn.lm-btn-primary, .et-btn.et-btn-primary, .mc-btn-new.mc-btn-new, .ar-btn-new.ar-btn-new, .cf-btn-new.cf-btn-new, .tg-btn-new.tg-btn-new, .tt-btn-new.tt-btn-new, .ts-btn.ts-btn-primary, .ts-btn.ts-btn-warning, .hd-btn-primary.hd-btn-primary, .hd-quick-btn.hd-quick-btn, .hd-quick-action.hd-quick-action, .sidebar-compose-btn.sidebar-compose-btn, .compose-btn.compose-btn, .quick-add-btn.quick-add-btn, .primary-action.primary-action, .profile-badge.profile-badge, .profile-avatar-placeholder.profile-avatar-placeholder, .profile-avatar-edit.profile-avatar-edit, .ds-status-badge.ds-status-badge, .app-status-badge.app-status-badge, .pf-step-dot.pf-step-dot, .step-num.step-num, .ai-tab-badge.ai-tab-badge, .cat-badge.cat-badge-active, .avatar-placeholder.avatar-initials, .avatar-placeholder.avatar-placeholder, .iam-stat-icon.iam-stat-icon, .hd-team-avatar.hd-team-avatar) :is(span, div, p, small, strong, em, i, svg, label, h1, h2, h3, h4, h5, h6) {
  color: currentColor !important;
}

html body .lm-nav-launcher-kbd.lm-nav-launcher-kbd.lm-nav-launcher-kbd {
  background-color: var(--app-brand-800) !important;
  border-color: var(--app-brand-800) !important;
  color: var(--app-neutral-0) !important;
}

html body :is(.ts-btn.ts-btn-secondary, .ts-btn-secondary.ts-btn-secondary, a.ts-btn.ts-btn-secondary, button.ts-btn.ts-btn-secondary, .cal-agenda-history-toggle.cal-agenda-history-toggle, .lm-tab.lm-tab:not(.active), .lm-tab-count.lm-tab-count, .mode-card.mode-card, .mode-option.mode-option, .access-type-card.access-type-card, .settings-card.settings-card, .calendar-card.calendar-card, .integration-card.integration-card, .template-example.template-example, .config-card.config-card, .automation-section.automation-section, .action-item.action-item, .cr-category-item.cr-category-item:not(.active), .hd-cat-item.hd-cat-item, .sla-empty.sla-empty) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
}

html body :is(.ts-btn.ts-btn-secondary, .ts-btn-secondary.ts-btn-secondary, a.ts-btn.ts-btn-secondary, button.ts-btn.ts-btn-secondary, .cal-agenda-history-toggle.cal-agenda-history-toggle, .lm-tab.lm-tab:not(.active), .mode-card.mode-card, .mode-option.mode-option, .access-type-card.access-type-card, .settings-card.settings-card, .calendar-card.calendar-card, .integration-card.integration-card, .template-example.template-example, .config-card.config-card, .automation-section.automation-section, .action-item.action-item, .cr-category-item.cr-category-item:not(.active), .hd-cat-item.hd-cat-item, .sla-empty.sla-empty) :is(span, div, p, small, strong, em, i, svg, label, h1, h2, h3, h4, h5, h6) {
  color: currentColor !important;
}

html body :is(.iam-stat-card.iam-stat-card, .iam-topbar.iam-topbar, .iam-tabs.iam-tabs, .account-sidebar.account-sidebar, .profile-card.profile-card, .account-card.account-card, .account-section.account-section, .cal-sidebar.cal-sidebar, .cal-sidebar-section.cal-sidebar-section, .cal-list-item.cal-list-item, .stat-card.stat-card, .stat-box.stat-box, .stat.stat, .lm-stat-card.lm-stat-card, .tm-team-stat.tm-team-stat, .ts-inline-stat.ts-inline-stat, .sla-section.sla-section, .af-section.af-section, .cff-section.cff-section) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
}

html body :is(.iam-stat-value.iam-stat-value, .tk-stat-value.tk-stat-value, .tm-team-stat-value.tm-team-stat-value, .stat-value.stat-value, .stat-card-value.stat-card-value, .lm-stat-value.lm-stat-value, .lm-aging-value.lm-aging-value, .profile-name.profile-name, .template-example-title.template-example-title, .cal-list-name.cal-list-name, .cr-category-name.cr-category-name, .sla-section-title.sla-section-title, .af-section-header.af-section-header, .fw-bold.fw-bold, .h1, h1.profile-name) {
  color: var(--app-color-text) !important;
}

html body :is(.iam-stat-label.iam-stat-label, .tk-stat-label.tk-stat-label, .tm-team-stat-label.tm-team-stat-label, .stat-label.stat-label, .stat-card-label.stat-card-label, .lm-stat-label.lm-stat-label, .lm-tab-count.lm-tab-count, .profile-role.profile-role, .profile-email.profile-email, .template-example-desc.template-example-desc, .mode-desc.mode-desc, .section-subtitle.section-subtitle, .cal-sidebar-heading.cal-sidebar-heading, .cff-help.cff-help, .hd-metric-label.hd-metric-label, .ts-inline-stat-label.ts-inline-stat-label, .lbl.lbl, .sla-empty.sla-empty) {
  color: var(--app-color-text-muted) !important;
}

html body .tk-stat.tk-stat :is(.tk-stat-value.tk-stat-value, .tk-stat-label.tk-stat-label),
html body .cr-category-item.cr-category-item.active :is(.cr-category-name.cr-category-name, .cr-category-count.cr-category-count),
html body :is(.lm-btn.lm-btn-teal, .lm-btn.lm-btn-orange, .lm-btn.lm-btn-purple, .lm-btn.lm-btn-success, .lm-btn.lm-btn-primary, .et-btn.et-btn-primary, .mc-btn-new.mc-btn-new, .ar-btn-new.ar-btn-new, .cf-btn-new.cf-btn-new, .tg-btn-new.tg-btn-new, .tt-btn-new.tt-btn-new) :is(span, i, svg),
html body :is(.hd-cat-count.hd-cat-count, .profile-badge.profile-badge, .ds-status-badge.ds-status-badge, .app-status-badge.app-status-badge, .pf-step-dot.pf-step-dot, .step-num.step-num, .ai-tab-badge.ai-tab-badge, .cat-badge.cat-badge-active) {
  color: var(--app-color-on-brand) !important;
}

html body :is(.bg-primary, .bg-primary.bg-primary, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, [style*="--app-color-brand"], [style*="app-flat-fill"], [style*="#002868"], [style*="#3f4f5f"]) :is(h1, h2, h3, h4, h5, h6, p, span, div, small, strong, em, i, svg, a, button, label, .text-lg, .font-medium, .text-primary, .text-gray-900, .text-slate-900, .text-gray-600, .text-slate-600) {
  color: var(--app-color-on-brand) !important;
}

html.dark body :is(.iam-stat-card.iam-stat-card, .iam-topbar.iam-topbar, .iam-tabs.iam-tabs, .account-sidebar.account-sidebar, .profile-card.profile-card, .account-card.account-card, .account-section.account-section, .nav-item.nav-item:not(.active), .cal-sidebar.cal-sidebar, .cal-sidebar-section.cal-sidebar-section, .cal-list-item.cal-list-item, .stat-card.stat-card, .stat-box.stat-box, .stat.stat, .lm-stat-card.lm-stat-card, .lm-card.lm-card, .lm-tab.lm-tab:not(.active), .tm-team-stat.tm-team-stat, .ts-inline-stat.ts-inline-stat, .mode-card.mode-card, .mode-option.mode-option, .access-type-card.access-type-card, .settings-card.settings-card, .calendar-card.calendar-card, .integration-card.integration-card, .template-example.template-example, .config-card.config-card, .automation-section.automation-section, .action-item.action-item, .cr-category-item.cr-category-item:not(.active), .hd-cat-item.hd-cat-item, .sla-empty.sla-empty),
html[data-theme="dark"] body :is(.iam-stat-card.iam-stat-card, .iam-topbar.iam-topbar, .iam-tabs.iam-tabs, .account-sidebar.account-sidebar, .profile-card.profile-card, .account-card.account-card, .account-section.account-section, .nav-item.nav-item:not(.active), .cal-sidebar.cal-sidebar, .cal-sidebar-section.cal-sidebar-section, .cal-list-item.cal-list-item, .stat-card.stat-card, .stat-box.stat-box, .stat.stat, .lm-stat-card.lm-stat-card, .lm-card.lm-card, .lm-tab.lm-tab:not(.active), .tm-team-stat.tm-team-stat, .ts-inline-stat.ts-inline-stat, .mode-card.mode-card, .mode-option.mode-option, .access-type-card.access-type-card, .settings-card.settings-card, .calendar-card.calendar-card, .integration-card.integration-card, .template-example.template-example, .config-card.config-card, .automation-section.automation-section, .action-item.action-item, .cr-category-item.cr-category-item:not(.active), .hd-cat-item.hd-cat-item, .sla-empty.sla-empty),
body[data-theme="dark"] :is(.iam-stat-card.iam-stat-card, .iam-topbar.iam-topbar, .iam-tabs.iam-tabs, .account-sidebar.account-sidebar, .profile-card.profile-card, .account-card.account-card, .account-section.account-section, .nav-item.nav-item:not(.active), .cal-sidebar.cal-sidebar, .cal-sidebar-section.cal-sidebar-section, .cal-list-item.cal-list-item, .stat-card.stat-card, .stat-box.stat-box, .stat.stat, .lm-stat-card.lm-stat-card, .lm-card.lm-card, .lm-tab.lm-tab:not(.active), .tm-team-stat.tm-team-stat, .ts-inline-stat.ts-inline-stat, .mode-card.mode-card, .mode-option.mode-option, .access-type-card.access-type-card, .settings-card.settings-card, .calendar-card.calendar-card, .integration-card.integration-card, .template-example.template-example, .config-card.config-card, .automation-section.automation-section, .action-item.action-item, .cr-category-item.cr-category-item:not(.active), .hd-cat-item.hd-cat-item, .sla-empty.sla-empty) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  background-image: none !important;
}

html.dark body :is(.iam-stat-value.iam-stat-value, .tk-stat-value.tk-stat-value, .tm-team-stat-value.tm-team-stat-value, .stat-value.stat-value, .stat-card-value.stat-card-value, .lm-stat-value.lm-stat-value, .lm-aging-value.lm-aging-value, .profile-name.profile-name, .template-example-title.template-example-title, .cal-list-name.cal-list-name, .cr-category-name.cr-category-name, .sla-section-title.sla-section-title, .af-section-header.af-section-header, .fw-bold.fw-bold, .lbl.lbl),
html[data-theme="dark"] body :is(.iam-stat-value.iam-stat-value, .tk-stat-value.tk-stat-value, .tm-team-stat-value.tm-team-stat-value, .stat-value.stat-value, .stat-card-value.stat-card-value, .lm-stat-value.lm-stat-value, .lm-aging-value.lm-aging-value, .profile-name.profile-name, .template-example-title.template-example-title, .cal-list-name.cal-list-name, .cr-category-name.cr-category-name, .sla-section-title.sla-section-title, .af-section-header.af-section-header, .fw-bold.fw-bold, .lbl.lbl),
body[data-theme="dark"] :is(.iam-stat-value.iam-stat-value, .tk-stat-value.tk-stat-value, .tm-team-stat-value.tm-team-stat-value, .stat-value.stat-value, .stat-card-value.stat-card-value, .lm-stat-value.lm-stat-value, .lm-aging-value.lm-aging-value, .profile-name.profile-name, .template-example-title.template-example-title, .cal-list-name.cal-list-name, .cr-category-name.cr-category-name, .sla-section-title.sla-section-title, .af-section-header.af-section-header, .fw-bold.fw-bold, .lbl.lbl) {
  color: var(--app-color-text) !important;
}

html.dark body :is(.iam-stat-label.iam-stat-label, .tk-stat-label.tk-stat-label, .tm-team-stat-label.tm-team-stat-label, .stat-label.stat-label, .stat-card-label.stat-card-label, .lm-stat-label.lm-stat-label, .lm-tab-count.lm-tab-count, .profile-role.profile-role, .profile-email.profile-email, .template-example-desc.template-example-desc, .mode-desc.mode-desc, .section-subtitle.section-subtitle, .cal-sidebar-heading.cal-sidebar-heading, .cff-help.cff-help, .hd-metric-label.hd-metric-label, .ts-inline-stat-label.ts-inline-stat-label, .sla-empty.sla-empty),
html[data-theme="dark"] body :is(.iam-stat-label.iam-stat-label, .tk-stat-label.tk-stat-label, .tm-team-stat-label.tm-team-stat-label, .stat-label.stat-label, .stat-card-label.stat-card-label, .lm-stat-label.lm-stat-label, .lm-tab-count.lm-tab-count, .profile-role.profile-role, .profile-email.profile-email, .template-example-desc.template-example-desc, .mode-desc.mode-desc, .section-subtitle.section-subtitle, .cal-sidebar-heading.cal-sidebar-heading, .cff-help.cff-help, .hd-metric-label.hd-metric-label, .ts-inline-stat-label.ts-inline-stat-label, .sla-empty.sla-empty),
body[data-theme="dark"] :is(.iam-stat-label.iam-stat-label, .tk-stat-label.tk-stat-label, .tm-team-stat-label.tm-team-stat-label, .stat-label.stat-label, .stat-card-label.stat-card-label, .lm-stat-label.lm-stat-label, .lm-tab-count.lm-tab-count, .profile-role.profile-role, .profile-email.profile-email, .template-example-desc.template-example-desc, .mode-desc.mode-desc, .section-subtitle.section-subtitle, .cal-sidebar-heading.cal-sidebar-heading, .cff-help.cff-help, .hd-metric-label.hd-metric-label, .ts-inline-stat-label.ts-inline-stat-label, .sla-empty.sla-empty) {
  color: var(--app-color-text-muted) !important;
}

/* Appwide15 rendered contrast closure for local CRM/helpdesk/lease/scheduling components. */
html body {
  --app-control-surface: var(--app-neutral-0) !important;
  --app-control-text: var(--app-neutral-900) !important;
  --app-control-muted: var(--app-neutral-700) !important;
  --app-control-border: var(--app-neutral-300) !important;
}

html.dark body,
html[data-theme="dark"] body,
body[data-theme="dark"] {
  --app-control-surface: #111827 !important;
  --app-control-text: #f8fafc !important;
  --app-control-muted: #e2e8f0 !important;
  --app-control-border: #334155 !important;
}

html body :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row) :is(a, button, span, div, i, svg) {
  color: var(--app-color-text-muted) !important;
}

html body :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row) :is(a.active, a.is-active, button.active, button.is-active, .active, .is-active) :is(span, div, i, svg),
html body :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row) :is(a.active, a.is-active, button.active, button.is-active, .active, .is-active) {
  color: var(--app-color-text) !important;
}

html.dark body :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row),
html[data-theme="dark"] body :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row),
body[data-theme="dark"] :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row) {
  background-color: #111827 !important;
  border-color: var(--app-color-border) !important;
}

html.dark body :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row) :is(a, button, span, div, i, svg),
html[data-theme="dark"] body :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row) :is(a, button, span, div, i, svg),
body[data-theme="dark"] :is(.crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row) :is(a, button, span, div, i, svg) {
  color: #e2e8f0 !important;
}

html body :is(.feature-card, .glass-card, .card, .stat-card, .stat-box, .stat, .ai-card, .ai-stat, .ai-panel, .ai-cc, .tk-card, .tm-team-stat, .hd-card, .hd-metric, .cat-card, .cr-card, .cr-modal, .cr-category-item:not(.active), .iam-card, .iam-stat-card, .iam-table-wrap, .iam-tabs, .iam-topbar, .account-sidebar, .profile-card, .account-card, .account-section, .ja-wizard-shell, .ja-card, .lm-card, .lm-stat-card, .lm-filter-panel, .ts-inline-stat, .config-section, .config-card, .mode-card, .mode-option, .access-type-card, .settings-card, .calendar-card, .integration-card, .template-card, .template-example, .automation-section, .action-item, .cal-sidebar, .cal-sidebar-section, .cal-list-item, .sla-section, .af-section, .cff-section) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.feature-card, .glass-card, .card, .stat-card, .stat-box, .stat, .ai-card, .ai-stat, .ai-panel, .ai-cc, .tk-card, .tm-team-stat, .hd-card, .hd-metric, .cat-card, .cr-card, .cr-modal, .cr-category-item:not(.active), .iam-card, .iam-stat-card, .iam-table-wrap, .iam-tabs, .iam-topbar, .account-sidebar, .profile-card, .account-card, .account-section, .ja-wizard-shell, .ja-card, .lm-card, .lm-stat-card, .lm-filter-panel, .ts-inline-stat, .config-section, .config-card, .mode-card, .mode-option, .access-type-card, .settings-card, .calendar-card, .integration-card, .template-card, .template-example, .automation-section, .action-item, .cal-sidebar, .cal-sidebar-section, .cal-list-item, .sla-section, .af-section, .cff-section) :is(h1, h2, h3, h4, h5, h6, strong, b, .fw-bold, .font-bold, .font-semibold, .stat-value, .stat-card-value, .stat-value.text-primary, .lm-stat-value, .lm-aging-value, .tm-team-stat-value, .ai-stat-value, .ts-inline-stat-value, .iam-stat-value, .iam-user-name, .template-example-title, .cr-category-name, .hd-metric-value, .summary-value, .cal-list-name, .profile-name, .mode-name, .section-title) {
  color: var(--app-control-text) !important;
}

html body :is(.feature-card, .glass-card, .card, .stat-card, .stat-box, .stat, .ai-card, .ai-stat, .ai-panel, .ai-cc, .tk-card, .tm-team-stat, .hd-card, .hd-metric, .cat-card, .cr-card, .cr-modal, .cr-category-item:not(.active), .iam-card, .iam-stat-card, .iam-table-wrap, .iam-tabs, .iam-topbar, .account-sidebar, .profile-card, .account-card, .account-section, .ja-wizard-shell, .ja-card, .lm-card, .lm-stat-card, .lm-filter-panel, .ts-inline-stat, .config-section, .config-card, .mode-card, .mode-option, .access-type-card, .settings-card, .calendar-card, .integration-card, .template-card, .template-example, .automation-section, .action-item, .cal-sidebar, .cal-sidebar-section, .cal-list-item, .sla-section, .af-section, .cff-section) :is(p, small, label, span, div, .text-sm, .text-xs, .font-medium, .text-muted, .text-gray-400, .text-gray-500, .text-gray-600, .text-slate-300, .text-slate-400, .text-slate-500, .text-slate-600, .stat-label, .stat-card-label, .lm-stat-label, .tm-team-stat-label, .ai-stat-label, .ai-stat-sub, .ts-inline-stat-label, .iam-stat-label, .iam-user-email, .iam-activity-text, .template-example-desc, .cat-meta-item, .summary-label, .form-help, .mode-desc, .profile-role, .profile-email, .hd-metric-label, .cal-sidebar-heading, .pf-vis-desc, .cff-help, .lbl, .section-subtitle) {
  color: var(--app-control-muted) !important;
}

html body :is(.bg-primary, .bg-primary.bg-primary, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, .page-hero, .hero-card, .tk-stat.tk-stat, .hd-cat-count.hd-cat-count, .cr-category-count.cr-category-count, .cr-category-item.cr-category-item.active, .lm-tab.lm-tab.active, .lm-filter-tab.lm-filter-tab.active, .lm-btn.lm-btn-primary, .lm-btn.lm-btn-teal, .lm-btn.lm-btn-orange, .lm-btn.lm-btn-purple, .lm-btn.lm-btn-success, .et-btn.et-btn-primary, .mc-btn-new.mc-btn-new, .ar-btn-new.ar-btn-new, .cf-btn-new.cf-btn-new, .tg-btn-new.tg-btn-new, .tt-btn-new.tt-btn-new, .ts-btn.ts-btn-primary, .ts-btn.ts-btn-warning, .ts-badge.ts-badge-green, .hd-btn-primary.hd-btn-primary, .hd-quick-btn.hd-quick-btn, .hd-quick-action.hd-quick-action, .sidebar-compose-btn.sidebar-compose-btn, .compose-btn.compose-btn, .quick-add-btn.quick-add-btn, .primary-action.primary-action, .profile-badge.profile-badge, .profile-avatar-placeholder.profile-avatar-placeholder, .profile-avatar-edit.profile-avatar-edit, .ds-status-badge.ds-status-badge, .app-status-badge.app-status-badge, .pf-step-dot.pf-step-dot, .step-num.step-num, .ai-tab-badge.ai-tab-badge, .cat-badge.cat-badge-active, .avatar-placeholder.avatar-initials, .avatar-placeholder.avatar-placeholder, .iam-stat-icon.iam-stat-icon, .hd-team-avatar.hd-team-avatar, .lm-financial-value.info, [style*="--app-color-brand"], [style*="app-flat-fill"], [style*="#002868"], [style*="#3f4f5f"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

html body :is(.bg-primary, .bg-primary.bg-primary, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, .page-hero, .hero-card, .tk-stat.tk-stat, .hd-cat-count.hd-cat-count, .cr-category-count.cr-category-count, .cr-category-item.cr-category-item.active, .lm-tab.lm-tab.active, .lm-filter-tab.lm-filter-tab.active, .lm-btn.lm-btn-primary, .lm-btn.lm-btn-teal, .lm-btn.lm-btn-orange, .lm-btn.lm-btn-purple, .lm-btn.lm-btn-success, .et-btn.et-btn-primary, .mc-btn-new.mc-btn-new, .ar-btn-new.ar-btn-new, .cf-btn-new.cf-btn-new, .tg-btn-new.tg-btn-new, .tt-btn-new.tt-btn-new, .ts-btn.ts-btn-primary, .ts-btn.ts-btn-warning, .ts-badge.ts-badge-green, .hd-btn-primary.hd-btn-primary, .hd-quick-btn.hd-quick-btn, .hd-quick-action.hd-quick-action, .sidebar-compose-btn.sidebar-compose-btn, .compose-btn.compose-btn, .quick-add-btn.quick-add-btn, .primary-action.primary-action, .profile-badge.profile-badge, .profile-avatar-placeholder.profile-avatar-placeholder, .profile-avatar-edit.profile-avatar-edit, .ds-status-badge.ds-status-badge, .app-status-badge.app-status-badge, .pf-step-dot.pf-step-dot, .step-num.step-num, .ai-tab-badge.ai-tab-badge, .cat-badge.cat-badge-active, .avatar-placeholder.avatar-initials, .avatar-placeholder.avatar-placeholder, .iam-stat-icon.iam-stat-icon, .hd-team-avatar.hd-team-avatar, .lm-financial-value.info, [style*="--app-color-brand"], [style*="app-flat-fill"], [style*="#002868"], [style*="#3f4f5f"]) :is(h1, h2, h3, h4, h5, h6, p, span, div, small, strong, em, i, svg, a, button, label, .text-lg, .font-medium, .text-primary, .text-gray-900, .text-slate-900, .text-gray-600, .text-slate-600) {
  color: var(--app-color-on-brand) !important;
}

html body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(.bg-primary, .bg-primary.bg-primary, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, [style*="--app-color-brand"], [style*="app-flat-fill"], [style*="#002868"], [style*="#3f4f5f"]) {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(h1, h2, h3, h4, h5, h6, p, span, div, label, small, strong, .text-gray-900, .text-slate-900, .text-gray-600, .text-slate-600, .text-primary) {
  color: inherit !important;
}

html body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) > :is(h1, h2, h3, h4, h5, h6, p, span, div, label, small, strong),
html body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(.ja-step-body, .ja-step-rail, .lm-stat-content, .ai-stat-grid, .cat-meta, .iam-user-inline, .ts-inline-stat-value, .ts-inline-stat-label) :is(h1, h2, h3, h4, h5, h6, p, span, div, label, small, strong) {
  color: var(--app-control-text) !important;
}

html body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(p, small, label, .text-sm, .text-xs, .text-gray-400, .text-gray-500, .text-gray-600, .text-slate-300, .text-slate-400, .text-slate-500, .text-slate-600, .form-help, .mode-desc, .profile-role, .profile-email, .template-example-desc, .cat-meta-item, .ai-stat-label, .ai-stat-sub, .ts-inline-stat-label, .lm-stat-label, .hd-metric-label, .iam-user-email, .summary-label, .pf-vis-desc) {
  color: var(--app-control-muted) !important;
}

html body :is(.ja-step-pill, .lm-filter-tab, .lm-tab, .ts-btn.ts-btn-secondary, .ts-btn-secondary, .ah-deep-back, .quick-nav-item, .inline-flex.items-center.gap-1.px-3.py-1\.5) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.ja-step-pill, .lm-filter-tab, .lm-tab, .ts-btn.ts-btn-secondary, .ts-btn-secondary, .ah-deep-back, .quick-nav-item, .inline-flex.items-center.gap-1.px-3.py-1\.5) :is(span, div, i, svg) {
  color: currentColor !important;
}

html body :is(.ja-step-pill.is-active, .ja-step-pill.active, .lm-filter-tab.active, .lm-tab.active) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.lm-filter-count, .lm-tab-count, .iam-pill, .iam-pill-role, .iam-pill-active, .ts-badge, .cat-badge, .ds-status-badge, .app-status-badge) {
  background-color: color-mix(in srgb, var(--app-color-brand) 14%, var(--app-control-surface)) !important;
  border-color: var(--app-control-border) !important;
  /* full-strength text: control-text scored ~3.3:1 for these tiny counts in dark */
  color: var(--app-color-text) !important;
  background-image: none !important;
}

html body :is(.lm-tab.active, .lm-filter-tab.active, .cr-category-item.active, .tk-stat, .hd-cat-count, .cr-category-count, .ai-tab-badge, .ts-badge-green, .ds-status-badge, .app-status-badge) :is(.lm-filter-count, .lm-tab-count, .iam-pill, .ts-badge, .cat-badge, .ds-status-badge, .app-status-badge),
html body :is(.lm-filter-count, .lm-tab-count).active {
  background-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body .ts-page .config-section button:not([class]),
html body .scheduling-page .config-section button:not([class]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

html body :is(.form-help, .summary-label, .summary-value, .nav-section-title, .ai-stat-label, .ai-stat-value, .ai-stat-sub, .ts-inline-stat-label, .ts-inline-stat-value, .stat-label, .stat-value, .lm-stat-label, .lm-stat-value, .cat-meta-item, .cr-category-name, .cr-category-count, .hd-cat-count, .hd-metric-label, .hd-metric-value, .pf-vis-desc, .profile-role, .profile-name, .iam-user-name, .iam-user-email, .iam-activity-text, .cal-list-name, .template-example-title, .template-example-desc, .tm-team-stat-value, .tm-team-stat-label) {
  color: var(--app-control-text) !important;
}

html body :is(.form-help, .summary-label, .ai-stat-label, .ai-stat-sub, .ts-inline-stat-label, .stat-label, .lm-stat-label, .cat-meta-item, .hd-metric-label, .pf-vis-desc, .profile-role, .iam-user-email, .template-example-desc, .tm-team-stat-label) {
  color: var(--app-control-muted) !important;
}

html body :is(.bg-primary, .gradient-bg, .hero-pattern, .ai-hero, .page-hero, [style*="--app-color-brand"], [style*="app-flat-fill"], [style*="#002868"], [style*="#3f4f5f"]) :is(.form-help, .summary-label, .ai-stat-label, .ai-stat-sub, .ts-inline-stat-label, .stat-label, .lm-stat-label, .cat-meta-item, .hd-metric-label, .pf-vis-desc, .profile-role, .iam-user-email, .template-example-desc, .tm-team-stat-label, p, span, h1, h2, h3) {
  color: var(--app-color-on-brand) !important;
}

html.dark body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(.form-help, .summary-label, .ai-stat-label, .ai-stat-sub, .ts-inline-stat-label, .stat-label, .lm-stat-label, .cat-meta-item, .hd-metric-label, .pf-vis-desc, .profile-role, .iam-user-email, .template-example-desc, .tm-team-stat-label, p.text-gray-600, p.dark\:text-gray-400),
html[data-theme="dark"] body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(.form-help, .summary-label, .ai-stat-label, .ai-stat-sub, .ts-inline-stat-label, .stat-label, .lm-stat-label, .cat-meta-item, .hd-metric-label, .pf-vis-desc, .profile-role, .iam-user-email, .template-example-desc, .tm-team-stat-label, p.text-gray-600, p.dark\:text-gray-400),
body[data-theme="dark"] :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(.form-help, .summary-label, .ai-stat-label, .ai-stat-sub, .ts-inline-stat-label, .stat-label, .lm-stat-label, .cat-meta-item, .hd-metric-label, .pf-vis-desc, .profile-role, .iam-user-email, .template-example-desc, .tm-team-stat-label, p.text-gray-600, p.dark\:text-gray-400) {
  color: #e2e8f0 !important;
}

html.dark body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(.stat-value, .lm-stat-value, .ts-inline-stat-value, .ai-stat-value, .hd-metric-value, .summary-value, .iam-user-name, .profile-name, h1, h2, h3, h4),
html[data-theme="dark"] body :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(.stat-value, .lm-stat-value, .ts-inline-stat-value, .ai-stat-value, .hd-metric-value, .summary-value, .iam-user-name, .profile-name, h1, h2, h3, h4),
body[data-theme="dark"] :is(.ja-wizard-shell, .ja-card, .ai-card, .ai-stat, .feature-card, .config-section, .template-card, .cat-card, .iam-table-wrap, .ts-inline-stat, .lm-stat-card, .hd-metric, .calendar-card, .settings-card, .access-type-card) :is(.stat-value, .lm-stat-value, .ts-inline-stat-value, .ai-stat-value, .hd-metric-value, .summary-value, .iam-user-name, .profile-name, h1, h2, h3, h4) {
  color: #f8fafc !important;
}

/* Appwide16 rendered contrast closure for product navs, legal surfaces, and local widgets. */
html body {
  --app-link-on-light: #334155 !important;
  --app-link-on-light-hover: #1e293b !important;
  --app-muted-on-light: #475569 !important;
  --app-text-on-control: #111827 !important;
  --app-muted-on-control: #334155 !important;
  --app-text-on-dark: #f8fafc !important;
  --app-muted-on-dark: #e2e8f0 !important;
}

html.dark body,
html[data-theme="dark"] body,
body[data-theme="dark"] {
  --app-link-on-light: #e2e8f0 !important;
  --app-link-on-light-hover: #f8fafc !important;
  --app-muted-on-light: #cbd5e1 !important;
  --app-text-on-control: #f8fafc !important;
  --app-muted-on-control: #e2e8f0 !important;
}

html body :is(.site-footer, .footer-content) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html body :is(.site-footer, .footer-content) :is(a, a:visited, span, p, small) {
  color: var(--app-link-on-light) !important;
}

html body :is(.site-footer, .footer-content) a:hover {
  color: var(--app-link-on-light-hover) !important;
}

html body :is(.system-nav-host, .lm-nav-container, .lm-nav-tabs, .hdnav-container, .hdnav-tabs, .crmnav-container, .crmnav-tabs, .scnav-container, .scnav-tabs, .pnav-container, .pnav-tabs, .mnnav-container, .mnnav-tabs, .comnav-container, .comnav-tabs, .sknav-container, .sknav-tabs, .setnav-container, .setnav-tabs, .pm-nav-tabs, .tsnav-container, .tsnav-tabs) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link) {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--app-muted-on-control) !important;
  background-image: none !important;
}

html body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link) :is(span, div, small, i, svg) {
  color: currentColor !important;
}

html body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(:hover, .active, .is-active, [aria-current="page"]),
html body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(:hover, .active, .is-active, [aria-current="page"]) :is(span, div, small, i, svg) {
  color: var(--app-text-on-control) !important;
}

html body :is(.lm-nav-tab, .hdnav-link, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(.active, .is-active, [aria-current="page"]) {
  background-color: color-mix(in srgb, var(--app-color-brand) 12%, var(--app-control-surface)) !important;
  border-color: color-mix(in srgb, var(--app-color-brand) 22%, var(--app-control-border)) !important;
}

html.dark body :is(.system-nav-host, .lm-nav-container, .lm-nav-tabs, .hdnav-container, .hdnav-tabs, .crmnav-container, .crmnav-tabs, .scnav-container, .scnav-tabs, .pnav-container, .pnav-tabs, .mnnav-container, .mnnav-tabs, .comnav-container, .comnav-tabs, .sknav-container, .sknav-tabs, .setnav-container, .setnav-tabs, .pm-nav-tabs, .tsnav-container, .tsnav-tabs),
html[data-theme="dark"] body :is(.system-nav-host, .lm-nav-container, .lm-nav-tabs, .hdnav-container, .hdnav-tabs, .crmnav-container, .crmnav-tabs, .scnav-container, .scnav-tabs, .pnav-container, .pnav-tabs, .mnnav-container, .mnnav-tabs, .comnav-container, .comnav-tabs, .sknav-container, .sknav-tabs, .setnav-container, .setnav-tabs, .pm-nav-tabs, .tsnav-container, .tsnav-tabs),
body[data-theme="dark"] :is(.system-nav-host, .lm-nav-container, .lm-nav-tabs, .hdnav-container, .hdnav-tabs, .crmnav-container, .crmnav-tabs, .scnav-container, .scnav-tabs, .pnav-container, .pnav-tabs, .mnnav-container, .mnnav-tabs, .comnav-container, .comnav-tabs, .sknav-container, .sknav-tabs, .setnav-container, .setnav-tabs, .pm-nav-tabs, .tsnav-container, .tsnav-tabs) {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: var(--app-text-on-dark) !important;
}

html.dark body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link),
html[data-theme="dark"] body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link),
body[data-theme="dark"] :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link) {
  color: var(--app-muted-on-dark) !important;
}

html.dark body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(:hover, .active, .is-active, [aria-current="page"]),
html.dark body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(:hover, .active, .is-active, [aria-current="page"]) :is(span, div, small, i, svg),
html[data-theme="dark"] body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(:hover, .active, .is-active, [aria-current="page"]),
html[data-theme="dark"] body :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(:hover, .active, .is-active, [aria-current="page"]) :is(span, div, small, i, svg),
body[data-theme="dark"] :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(:hover, .active, .is-active, [aria-current="page"]),
body[data-theme="dark"] :is(.lm-nav-tab, .hdnav-link, .hdnav-dropdown-item, .crmnav-link, .scnav-link, .pnav-link, .mnnav-link, .comnav-link, .sknav-link, .setnav-link, .pm-nav-tab, .tsnav-link):is(:hover, .active, .is-active, [aria-current="page"]) :is(span, div, small, i, svg) {
  color: var(--app-text-on-dark) !important;
}

html body :is(.lm-nav-badge, .hdnav-badge, .crmnav-badge, .scnav-badge, .pnav-badge, .mnnav-badge, .comnav-badge, .sknav-badge, .setnav-badge, .pm-nav-badge) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.legal-content, .privacy-list, .terms-list, .terms-section, .privacy-section, .legal-card, main) :is(.privacy-list, .terms-list, ul, ol) > li,
html body :is(.legal-content, .privacy-list, .terms-list, .terms-section, .privacy-section, .legal-card, main) :is(p, li, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-300, .text-slate-400, .text-slate-500, .text-slate-600, .leading-relaxed) {
  color: var(--app-muted-on-light) !important;
}

html body :is(.legal-content, .privacy-list, .terms-list, .terms-section, .privacy-section, .legal-card, main) :is(h1, h2, h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900) {
  color: var(--app-color-text) !important;
}

html body :is(.bg-primary, .gradient-bg, .hero-pattern, .ai-hero, .page-hero, .hero-card, .brand-surface, .privacy-hero, .terms-hero, [style*="--app-color-brand"], [style*="app-flat-fill"], [style*="#002868"], [style*="#3f4f5f"]) > :is(h1, h2, h3, h4, p, span, div, small, strong, em, i, svg, a, button, label),
html body :is(.bg-primary, .gradient-bg, .hero-pattern, .ai-hero, .page-hero, .hero-card, .brand-surface, .privacy-hero, .terms-hero, [style*="--app-color-brand"], [style*="app-flat-fill"], [style*="#002868"], [style*="#3f4f5f"]) > *:not(.card):not(.glass-card):not(.ai-card):not(.ja-card):not(.lm-card):not(.lm-stat-card):not(.cat-card):not(.hd-card):not(.config-section):not(.settings-card):not(.calendar-card):not(.access-type-card) :is(h1, h2, h3, h4, p, span, div, small, strong, em, i, svg, a, button, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-100, .text-slate-200, .text-slate-300, .text-slate-400, .text-slate-500, .text-slate-600) {
  color: var(--app-color-on-brand) !important;
}

html body :is(.lm-stat-card, .lm-financial-card, .lm-aging-card, .lm-health-card, .lm-card, .lm-filter-panel, .lm-tabs, .lm-table-wrap) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.lm-stat-card, .lm-financial-card, .lm-aging-card, .lm-health-card, .lm-card, .lm-filter-panel, .lm-tabs, .lm-table-wrap) :is(p, span, div, small, label, .lm-stat-label, .lm-aging-label, .lm-financial-label, .lm-health-label, .lm-tab-count) {
  color: var(--app-control-muted) !important;
}

html body :is(.lm-stat-card, .lm-financial-card, .lm-aging-card, .lm-health-card, .lm-card, .lm-filter-panel, .lm-tabs, .lm-table-wrap) :is(h1, h2, h3, h4, strong, b, .lm-stat-value, .lm-aging-value, .lm-financial-value, .lm-health-value, .stat-value) {
  color: var(--app-control-text) !important;
}

html body :is(.lm-tab, .lm-filter-tab) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.lm-tab, .lm-filter-tab) :is(span, div, small, i, svg) {
  color: currentColor !important;
}

html body :is(.lm-tab, .lm-filter-tab):is(.active, .is-active, [aria-selected="true"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.cat-card, .hd-category-card, .hd-cat-card, .category-card) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.cat-card, .hd-category-card, .hd-cat-card, .category-card) :is(.cat-name, .hd-cat-name, h1, h2, h3, h4, strong, b) {
  color: var(--app-control-text) !important;
}

html body :is(.cat-card, .hd-category-card, .hd-cat-card, .category-card) :is(.cat-meta-item, .hd-cat-meta, .cat-desc, p, span, small, label) {
  color: var(--app-control-muted) !important;
}

html body :is(.ts-page, .scheduling-page, .tour-scheduling-page, .settings-page) :is(.config-section, .config-card, .mode-card, .mode-option, .settings-card, .calendar-card, .access-type-card, .ts-inline-stat, .ts-panel) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.ts-page, .scheduling-page, .tour-scheduling-page, .settings-page) :is(.ts-label, label, .mode-name, .mode-desc, .lbl, .config-label, .settings-label, .ts-inline-stat-label, p, span, small) {
  color: var(--app-control-muted) !important;
}

html body :is(.ts-page, .scheduling-page, .tour-scheduling-page, .settings-page) :is(.mode-name, .ts-inline-stat-value, h1, h2, h3, h4, strong, b) {
  color: var(--app-control-text) !important;
}

html body :is(.ja-step-pill, .step-pill, .wizard-step, .pf-step, .ja-wizard-shell) :is(.step-num, .pf-step-dot) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

html body :is(.mail-sidebar, .inbox-sidebar, .sidebar-smart, .sidebar-smart-list, .sidebar-section, .crm-inbox-sidebar) :is(.sidebar-smart-emoji, .sidebar-smart-label, .smart-folder-label, .folder-name, span, a) {
  color: var(--app-muted-on-light) !important;
}

html.dark body :is(.mail-sidebar, .inbox-sidebar, .sidebar-smart, .sidebar-smart-list, .sidebar-section, .crm-inbox-sidebar) :is(.sidebar-smart-emoji, .sidebar-smart-label, .smart-folder-label, .folder-name, span, a),
html[data-theme="dark"] body :is(.mail-sidebar, .inbox-sidebar, .sidebar-smart, .sidebar-smart-list, .sidebar-section, .crm-inbox-sidebar) :is(.sidebar-smart-emoji, .sidebar-smart-label, .smart-folder-label, .folder-name, span, a),
body[data-theme="dark"] :is(.mail-sidebar, .inbox-sidebar, .sidebar-smart, .sidebar-smart-list, .sidebar-section, .crm-inbox-sidebar) :is(.sidebar-smart-emoji, .sidebar-smart-label, .smart-folder-label, .folder-name, span, a) {
  color: var(--app-muted-on-dark) !important;
}

html body .et-note-filter-btn {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body .et-note-filter-btn:is(:hover, .active, .is-active, [aria-pressed="true"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.calendar-event, .cal-event, .fc-event, .event-chip, .calendar-chip, .cal-list-item, .cal-sidebar-section, .crm-calendar, .calendar-page) :is(span, div, p, small, strong) {
  color: var(--app-control-text) !important;
}

html body :is(.analytics-hub, .analytics-page, .ah-tabs, .ah-tab, .report-nav, .reports-nav, .cr-reports-nav) :is(span, div, small, a, button) {
  color: var(--app-control-text) !important;
}

html body :is(.hero, .home-hero, .homepage, .main-home, .borough-grid, .borough-card, .quick-boroughs) :is(a, a span) {
  color: var(--app-link-on-light) !important;
}

html.dark body :is(.hero, .home-hero, .homepage, .main-home, .borough-grid, .borough-card, .quick-boroughs) :is(a, a span),
html[data-theme="dark"] body :is(.hero, .home-hero, .homepage, .main-home, .borough-grid, .borough-card, .quick-boroughs) :is(a, a span),
body[data-theme="dark"] :is(.hero, .home-hero, .homepage, .main-home, .borough-grid, .borough-card, .quick-boroughs) :is(a, a span) {
  color: var(--app-muted-on-dark) !important;
}

/* Appwide17 rendered contrast closure: undo inline brand-text false positives and harden local widgets. */
html body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label)[style*="color:var(--app-color-brand)"],
html body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label)[style*="color: var(--app-color-brand)"] {
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: var(--app-color-brand-text) !important;
}

html.dark body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label)[style*="color:var(--app-color-brand)"],
html.dark body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label)[style*="color: var(--app-color-brand)"],
html[data-theme="dark"] body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label)[style*="color:var(--app-color-brand)"],
html[data-theme="dark"] body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label)[style*="color: var(--app-color-brand)"],
body[data-theme="dark"] :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label)[style*="color:var(--app-color-brand)"],
body[data-theme="dark"] :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label)[style*="color: var(--app-color-brand)"] {
  color: var(--app-color-text) !important;
}

html body :is(.ai-cc, .brief-card, .ts-card, .ts-panel, .ts-card-body, .ts-empty-state, .ts-list-card, .ts-table-card) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.ai-cc, .brief-card, .ts-card, .ts-panel, .ts-card-body, .ts-empty-state, .ts-list-card, .ts-table-card) :is(h1, h2, h3, h4, strong, b, .mode-name, .ts-inline-stat-value, .val) {
  color: var(--app-control-text) !important;
}

html body :is(.ai-cc, .brief-card, .ts-card, .ts-panel, .ts-card-body, .ts-empty-state, .ts-list-card, .ts-table-card) :is(p, span, small, label, .lbl, .subtitle, .mode-desc, .ts-label, .ts-inline-stat-label) {
  color: var(--app-control-muted) !important;
}

html body :is(.brief-hero, .ai-hero, .page-hero, .hd-priority-box) {
  background-color: var(--app-color-brand) !important;
  border-color: color-mix(in srgb, var(--app-color-brand) 72%, var(--app-color-border)) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

html body :is(.brief-hero, .ai-hero, .page-hero, .hd-priority-box) :is(h1, h2, h3, h4, p, span, div, small, strong, em, i, label, a, button, .lbl, .val, .subtitle, .narrative-box, .hd-priority-label, .hd-priority-value) {
  color: var(--app-color-on-brand) !important;
}

html body .brief-hero :is(.brief-stat, .brief-stat .lbl, .brief-stat .val) {
  color: var(--app-color-on-brand) !important;
}

html body .hd-priority-box.hd-priority-box::before {
  background: transparent !important;
}

html body .hd-priority-box.hd-priority-box :is(.hd-priority-label.hd-priority-label, .hd-priority-value.hd-priority-value) {
  color: var(--app-color-on-brand) !important;
}

html body :is(.inbox-sidebar-panel, .mail-sidebar, .inbox-sidebar, .crm-inbox-sidebar) :is(.sidebar-nav-item, .sidebar-folder-item, .sidebar-label-item, .sidebar-smart-item, .sidebar-account-row) {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.inbox-sidebar-panel, .mail-sidebar, .inbox-sidebar, .crm-inbox-sidebar) :is(.sidebar-nav-item, .sidebar-folder-item, .sidebar-label-item, .sidebar-smart-item, .sidebar-account-row) :is(span, div, small, i, svg) {
  color: currentColor !important;
}

html body :is(.inbox-sidebar-panel, .mail-sidebar, .inbox-sidebar, .crm-inbox-sidebar) :is(.sidebar-nav-item, .sidebar-folder-item, .sidebar-label-item, .sidebar-smart-item, .sidebar-account-row):is(.active, .is-active, [aria-current="page"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body :is(.inbox-sidebar-panel, .mail-sidebar, .inbox-sidebar, .crm-inbox-sidebar) :is(.sidebar-nav-item, .sidebar-folder-item, .sidebar-label-item, .sidebar-smart-item, .sidebar-account-row),
html[data-theme="dark"] body :is(.inbox-sidebar-panel, .mail-sidebar, .inbox-sidebar, .crm-inbox-sidebar) :is(.sidebar-nav-item, .sidebar-folder-item, .sidebar-label-item, .sidebar-smart-item, .sidebar-account-row),
body[data-theme="dark"] :is(.inbox-sidebar-panel, .mail-sidebar, .inbox-sidebar, .crm-inbox-sidebar) :is(.sidebar-nav-item, .sidebar-folder-item, .sidebar-label-item, .sidebar-smart-item, .sidebar-account-row) {
  color: var(--app-muted-on-dark) !important;
}

html body .inbox-cat-tab.inbox-cat-tab,
html body button.inbox-cat-tab.inbox-cat-tab {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body .inbox-cat-tab.inbox-cat-tab:is(.active, .is-active, [aria-selected="true"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.iam-tabs, .iam-nav, .iam-tabbar) :is(.iam-tab, a, button) {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html.dark body :is(.iam-tabs, .iam-nav, .iam-tabbar) :is(.iam-tab, a, button),
html[data-theme="dark"] body :is(.iam-tabs, .iam-nav, .iam-tabbar) :is(.iam-tab, a, button),
body[data-theme="dark"] :is(.iam-tabs, .iam-nav, .iam-tabbar) :is(.iam-tab, a, button) {
  color: var(--app-muted-on-dark) !important;
}

html body :is(.iam-tabs, .iam-nav, .iam-tabbar) :is(.iam-tab, a, button):is(.active, .is-active, [aria-selected="true"], [aria-current="page"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.iam-tabs, .iam-nav, .iam-tabbar) :is(.iam-tab, a, button) :is(span, div, i, svg) {
  color: currentColor !important;
}

html body :is(.cal-page, .crm-calendar-wrap, .calendar-page, .fc) :is(.fc-timegrid-slot-label-cushion, .fc-col-header-cell-cushion, .fc-daygrid-day-number, .fc-list-day-text, .fc-list-day-side-text) {
  color: var(--app-control-muted) !important;
}

html.dark body :is(.cal-page, .crm-calendar-wrap, .calendar-page, .fc) :is(.fc-timegrid-slot-label-cushion, .fc-col-header-cell-cushion, .fc-daygrid-day-number, .fc-list-day-text, .fc-list-day-side-text),
html[data-theme="dark"] body :is(.cal-page, .crm-calendar-wrap, .calendar-page, .fc) :is(.fc-timegrid-slot-label-cushion, .fc-col-header-cell-cushion, .fc-daygrid-day-number, .fc-list-day-text, .fc-list-day-side-text),
body[data-theme="dark"] :is(.cal-page, .crm-calendar-wrap, .calendar-page, .fc) :is(.fc-timegrid-slot-label-cushion, .fc-col-header-cell-cushion, .fc-daygrid-day-number, .fc-list-day-text, .fc-list-day-side-text) {
  color: var(--app-muted-on-dark) !important;
}

html body :is(.cal-quick-action-btn, .cal-btn, .fc-button) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.cal-quick-action-btn, .cal-btn, .fc-button) :is(span, div, i, svg) {
  color: currentColor !important;
}

html body :is(.cal-quick-action-btn, .cal-btn, .fc-button):is(.active, .is-active, .fc-button-active),
html body .fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body :is(.cal-quick-action-btn, .cal-btn, .fc-button),
html[data-theme="dark"] body :is(.cal-quick-action-btn, .cal-btn, .fc-button),
body[data-theme="dark"] :is(.cal-quick-action-btn, .cal-btn, .fc-button) {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html body :is(.fc-event, .calendar-event, .cal-event, .event-chip, .calendar-chip) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

html body :is(.fc-event, .calendar-event, .cal-event, .event-chip, .calendar-chip) :is(span, div, p, small, strong, b) {
  color: var(--app-color-on-brand) !important;
}

html body :is(.crmnav-container, .sknav-container, .streak-nav, .crm-streak-nav) :is(a, button, span, div, i, svg) {
  color: var(--app-control-text) !important;
}

html.dark body :is(.crmnav-container, .sknav-container, .streak-nav, .crm-streak-nav) :is(a, button, span, div, i, svg),
html[data-theme="dark"] body :is(.crmnav-container, .sknav-container, .streak-nav, .crm-streak-nav) :is(a, button, span, div, i, svg),
body[data-theme="dark"] :is(.crmnav-container, .sknav-container, .streak-nav, .crm-streak-nav) :is(a, button, span, div, i, svg) {
  color: var(--app-muted-on-dark) !important;
}

html body :is(.crmnav-container, .sknav-container, .streak-nav, .crm-streak-nav) :is(a.active, button.active, .is-active, [aria-current="page"]) :is(span, div, i, svg),
html body :is(.crmnav-container, .sknav-container, .streak-nav, .crm-streak-nav) :is(a.active, button.active, .is-active, [aria-current="page"]) {
  color: var(--app-color-on-brand) !important;
}

/* Appwide18 specificity closure for stubborn rendered contrast regressions. */
html body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style*="color:var(--app-color-brand)"][style*="--app-color-brand"],
html body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style*="color: var(--app-color-brand)"][style*="--app-color-brand"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: var(--app-muted-on-light) !important;
}

html body :is(h1, h2, h3, h4, h5, h6)[style*="color:var(--app-color-brand)"][style*="--app-color-brand"],
html body :is(h1, h2, h3, h4, h5, h6)[style*="color: var(--app-color-brand)"][style*="--app-color-brand"] {
  color: var(--app-color-text) !important;
}

html.dark body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style*="color:var(--app-color-brand)"][style*="--app-color-brand"],
html.dark body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style*="color: var(--app-color-brand)"][style*="--app-color-brand"],
html[data-theme="dark"] body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style*="color:var(--app-color-brand)"][style*="--app-color-brand"],
html[data-theme="dark"] body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style*="color: var(--app-color-brand)"][style*="--app-color-brand"],
body[data-theme="dark"] :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style*="color:var(--app-color-brand)"][style*="--app-color-brand"],
body[data-theme="dark"] :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style*="color: var(--app-color-brand)"][style*="--app-color-brand"] {
  color: var(--app-muted-on-dark) !important;
}

html body :is(.ai-cc.ai-cc, .ts-page.ts-page, .scheduling-page.scheduling-page, .helpdesk-dashboard.helpdesk-dashboard, .hd-dashboard.hd-dashboard, .profile-page.profile-page) :is(h1, h2, h3, h4, p, span, div, label)[style*="--app-color-brand"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}

html body :is(.ai-cc.ai-cc, .ts-page.ts-page, .scheduling-page.scheduling-page) > :is(div, section, article):not(.bg-primary):not(.ai-hero):not(.page-hero),
html body :is(.ts-card.ts-card, .ts-panel.ts-panel, .ts-card-body.ts-card-body, .ts-empty-state.ts-empty-state, .profile-card.profile-card, .profile-header.profile-header, .account-section.account-section, .account-card.account-card) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.ts-card.ts-card, .ts-panel.ts-panel, .ts-card-body.ts-card-body, .ts-empty-state.ts-empty-state, .profile-card.profile-card, .profile-header.profile-header, .account-section.account-section, .account-card.account-card) :is(h1, h2, h3, h4, strong, b, .profile-name.profile-name, .mode-name.mode-name) {
  color: var(--app-control-text) !important;
}

html body :is(.ts-card.ts-card, .ts-panel.ts-panel, .ts-card-body.ts-card-body, .ts-empty-state.ts-empty-state, .profile-card.profile-card, .profile-header.profile-header, .account-section.account-section, .account-card.account-card) :is(p, span, small, label, .profile-role.profile-role, .profile-email.profile-email, .mode-desc.mode-desc) {
  color: var(--app-control-muted) !important;
}

html body :is(.hd-priority-box.hd-priority-box.hd-priority-box, .hd-week-box.hd-week-box.hd-week-box) {
  background-color: var(--app-color-brand) !important;
  border-color: color-mix(in srgb, var(--app-color-brand) 72%, var(--app-color-border)) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

html body :is(.hd-priority-box.hd-priority-box.hd-priority-box, .hd-week-box.hd-week-box.hd-week-box) :is(.hd-priority-label.hd-priority-label, .hd-priority-value.hd-priority-value, .hd-week-label.hd-week-label, .hd-week-value.hd-week-value, span, div) {
  color: var(--app-color-on-brand) !important;
}

html body :is(.et-note-scope-btn.et-note-scope-btn, .et-note-filter-btn.et-note-filter-btn, .et-note-action-btn.et-note-action-btn) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html.dark body :is(.et-note-scope-btn.et-note-scope-btn, .et-note-filter-btn.et-note-filter-btn, .et-note-action-btn.et-note-action-btn),
html[data-theme="dark"] body :is(.et-note-scope-btn.et-note-scope-btn, .et-note-filter-btn.et-note-filter-btn, .et-note-action-btn.et-note-action-btn),
body[data-theme="dark"] :is(.et-note-scope-btn.et-note-scope-btn, .et-note-filter-btn.et-note-filter-btn, .et-note-action-btn.et-note-action-btn) {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html body :is(.et-note-scope-btn.et-note-scope-btn, .et-note-filter-btn.et-note-filter-btn, .et-note-action-btn.et-note-action-btn):is(.active, .is-active, [aria-pressed="true"], [aria-selected="true"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.mf-check-label.mf-check-label, .tc-priority-label.tc-priority-label, .form-check-label.form-check-label, .iam-btn.iam-btn-outline, .iam-btn-outline.iam-btn-outline) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html.dark body :is(.mf-check-label.mf-check-label, .tc-priority-label.tc-priority-label, .form-check-label.form-check-label, .iam-btn.iam-btn-outline, .iam-btn-outline.iam-btn-outline),
html[data-theme="dark"] body :is(.mf-check-label.mf-check-label, .tc-priority-label.tc-priority-label, .form-check-label.form-check-label, .iam-btn.iam-btn-outline, .iam-btn-outline.iam-btn-outline),
body[data-theme="dark"] :is(.mf-check-label.mf-check-label, .tc-priority-label.tc-priority-label, .form-check-label.form-check-label, .iam-btn.iam-btn-outline, .iam-btn-outline.iam-btn-outline) {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html body :is(.legal-sidebar.legal-sidebar, .legal-toc.legal-toc, .privacy-toc.privacy-toc, .terms-toc.terms-toc, aside) :is(a.flex.items-center.p-3, a[href^="#"], a) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html.dark body :is(.legal-sidebar.legal-sidebar, .legal-toc.legal-toc, .privacy-toc.privacy-toc, .terms-toc.terms-toc, aside) :is(a.flex.items-center.p-3, a[href^="#"], a),
html[data-theme="dark"] body :is(.legal-sidebar.legal-sidebar, .legal-toc.legal-toc, .privacy-toc.privacy-toc, .terms-toc.terms-toc, aside) :is(a.flex.items-center.p-3, a[href^="#"], a),
body[data-theme="dark"] :is(.legal-sidebar.legal-sidebar, .legal-toc.legal-toc, .privacy-toc.privacy-toc, .terms-toc.terms-toc, aside) :is(a.flex.items-center.p-3, a[href^="#"], a) {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

/* Appwide19 computed contrast closure: inline brand text, nested cards, navs, and action controls. */
html body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style][style*="color:var(--app-color-brand)"][style*="--app-color-brand"][style*="color"],
html body :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, i, label, div)[style][style*="color: var(--app-color-brand)"][style*="--app-color-brand"][style*="color"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(p, span, small, label, div)[style][style*="color:var(--app-color-brand)"][style*="--app-color-brand"][style*="color"],
html body :is(p, span, small, label, div)[style][style*="color: var(--app-color-brand)"][style*="--app-color-brand"][style*="color"] {
  color: var(--app-control-muted) !important;
}

html body :is(h1, h2, h3, h4, h5, h6, strong, b)[style][style*="color:var(--app-color-brand)"][style*="--app-color-brand"][style*="color"],
html body :is(h1, h2, h3, h4, h5, h6, strong, b)[style][style*="color: var(--app-color-brand)"][style*="--app-color-brand"][style*="color"] {
  color: var(--app-control-text) !important;
}

html.dark body :is(p, span, small, label, div)[style][style*="color:var(--app-color-brand)"][style*="--app-color-brand"][style*="color"],
html.dark body :is(p, span, small, label, div)[style][style*="color: var(--app-color-brand)"][style*="--app-color-brand"][style*="color"],
html[data-theme="dark"] body :is(p, span, small, label, div)[style][style*="color:var(--app-color-brand)"][style*="--app-color-brand"][style*="color"],
html[data-theme="dark"] body :is(p, span, small, label, div)[style][style*="color: var(--app-color-brand)"][style*="--app-color-brand"][style*="color"],
body[data-theme="dark"] :is(p, span, small, label, div)[style][style*="color:var(--app-color-brand)"][style*="--app-color-brand"][style*="color"],
body[data-theme="dark"] :is(p, span, small, label, div)[style][style*="color: var(--app-color-brand)"][style*="--app-color-brand"][style*="color"] {
  color: var(--app-muted-on-dark) !important;
}

html body :is(.kb-hero.kb-hero, .brief-hero.brief-hero, .ai-hero.ai-hero, .page-hero.page-hero, .hero-card.hero-card, .lm-page-header.lm-page-header, .lm-page-container.lm-page-container) {
  background-color: var(--app-color-brand) !important;
  border-color: color-mix(in srgb, var(--app-color-brand) 70%, var(--app-color-border)) !important;
  color: var(--app-color-on-brand) !important;
  background-image: none !important;
}

html body :is(.kb-hero.kb-hero, .brief-hero.brief-hero, .ai-hero.ai-hero, .page-hero.page-hero, .hero-card.hero-card, .lm-page-header.lm-page-header, .lm-page-container.lm-page-container) :is(h1, h2, h3, h4, p, span, div, small, strong, em, i, label, a, button, .lbl, .val, .subtitle)[style],
html body :is(.kb-hero.kb-hero, .brief-hero.brief-hero, .ai-hero.ai-hero, .page-hero.page-hero, .hero-card.hero-card, .lm-page-header.lm-page-header, .lm-page-container.lm-page-container) :is(h1, h2, h3, h4, p, span, div, small, strong, em, i, label, a, button, .lbl, .val, .subtitle) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.cat-header.cat-header, .esc-header.esc-header, .cat-toolbar.cat-toolbar, .esc-toolbar.esc-toolbar) :is(p, span, small, label, div)[style][style*="--app-color-brand"],
html body :is(.cat-header.cat-header, .esc-header.esc-header, .cat-toolbar.cat-toolbar, .esc-toolbar.esc-toolbar) :is(p, span, small, label, div) {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--app-control-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .dark\:bg-gray-800, .dark\:bg-slate-900\/20, .rounded-xl.rounded-xl) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .rounded-xl.rounded-xl) :is(h1, h2, h3, h4, strong, b, .font-semibold.font-semibold, .font-bold.font-bold, .text-gray-900.text-gray-900, .text-slate-900.text-slate-900) {
  color: var(--app-control-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .rounded-xl.rounded-xl) :is(p, span, small, label, div, .text-xs.text-xs, .text-sm.text-sm, .text-gray-500.text-gray-500, .text-gray-600.text-gray-600, .text-gray-700.text-gray-700, .text-slate-500.text-slate-500, .text-slate-600.text-slate-600) {
  color: var(--app-control-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .rounded-xl.rounded-xl),
html[data-theme="dark"] body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .rounded-xl.rounded-xl),
body[data-theme="dark"] .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .rounded-xl.rounded-xl) {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .rounded-xl.rounded-xl) :is(p, span, small, label, div, .text-xs.text-xs, .text-sm.text-sm, .text-gray-500.text-gray-500, .text-gray-600.text-gray-600, .text-gray-700.text-gray-700, .text-slate-500.text-slate-500, .text-slate-600.text-slate-600),
html[data-theme="dark"] body .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .rounded-xl.rounded-xl) :is(p, span, small, label, div, .text-xs.text-xs, .text-sm.text-sm, .text-gray-500.text-gray-500, .text-gray-600.text-gray-600, .text-gray-700.text-gray-700, .text-slate-500.text-slate-500, .text-slate-600.text-slate-600),
body[data-theme="dark"] .gradient-bg.gradient-bg.hero-pattern.hero-pattern :is(.bg-white.bg-white, .bg-gray-50.bg-gray-50, .bg-slate-50.bg-slate-50, .bg-green-50.bg-green-50, .bg-orange-50.bg-orange-50, .rounded-xl.rounded-xl) :is(p, span, small, label, div, .text-xs.text-xs, .text-sm.text-sm, .text-gray-500.text-gray-500, .text-gray-600.text-gray-600, .text-gray-700.text-gray-700, .text-slate-500.text-slate-500, .text-slate-600.text-slate-600) {
  color: #cbd5e1 !important;
}

html body .ai-cc.ai-cc :is(.ai-stat-grid.ai-stat-grid, #emailAiStats) .ai-stat.ai-stat,
html body .ai-cc.ai-cc :is(.ai-card.ai-card, .ai-panel.ai-panel) .ai-stat.ai-stat {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body .ai-cc.ai-cc :is(.ai-stat-grid.ai-stat-grid, #emailAiStats) .ai-stat.ai-stat :is(.ai-stat-value.ai-stat-value, h1, h2, h3, strong, b, div),
html body .ai-cc.ai-cc :is(.ai-card.ai-card, .ai-panel.ai-panel) .ai-stat.ai-stat :is(.ai-stat-value.ai-stat-value, h1, h2, h3, strong, b, div) {
  color: var(--app-control-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .ai-cc.ai-cc :is(.ai-stat-grid.ai-stat-grid, #emailAiStats) .ai-stat.ai-stat :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, p, span, small, label),
html body .ai-cc.ai-cc :is(.ai-card.ai-card, .ai-panel.ai-panel) .ai-stat.ai-stat :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, p, span, small, label) {
  color: var(--app-control-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body .ai-cc.ai-cc :is(.ai-stat-grid.ai-stat-grid, #emailAiStats) .ai-stat.ai-stat,
html.dark body .ai-cc.ai-cc :is(.ai-card.ai-card, .ai-panel.ai-panel) .ai-stat.ai-stat,
html[data-theme="dark"] body .ai-cc.ai-cc :is(.ai-stat-grid.ai-stat-grid, #emailAiStats) .ai-stat.ai-stat,
html[data-theme="dark"] body .ai-cc.ai-cc :is(.ai-card.ai-card, .ai-panel.ai-panel) .ai-stat.ai-stat,
body[data-theme="dark"] .ai-cc.ai-cc :is(.ai-stat-grid.ai-stat-grid, #emailAiStats) .ai-stat.ai-stat,
body[data-theme="dark"] .ai-cc.ai-cc :is(.ai-card.ai-card, .ai-panel.ai-panel) .ai-stat.ai-stat {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark body .ai-cc.ai-cc .ai-stat.ai-stat :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, p, span, small, label),
html[data-theme="dark"] body .ai-cc.ai-cc .ai-stat.ai-stat :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, p, span, small, label),
body[data-theme="dark"] .ai-cc.ai-cc .ai-stat.ai-stat :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, p, span, small, label) {
  color: #cbd5e1 !important;
}

html body :is(.et-nav.et-nav, .crmnav-container.crmnav-container, .sknav-container.sknav-container, .streak-nav.streak-nav, .crm-streak-nav.crm-streak-nav) :is(a, button, .crmnav-link.crmnav-link, .sknav-link.sknav-link) {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html.dark body :is(.et-nav.et-nav, .crmnav-container.crmnav-container, .sknav-container.sknav-container, .streak-nav.streak-nav, .crm-streak-nav.crm-streak-nav) :is(a, button, .crmnav-link.crmnav-link, .sknav-link.sknav-link),
html[data-theme="dark"] body :is(.et-nav.et-nav, .crmnav-container.crmnav-container, .sknav-container.sknav-container, .streak-nav.streak-nav, .crm-streak-nav.crm-streak-nav) :is(a, button, .crmnav-link.crmnav-link, .sknav-link.sknav-link),
body[data-theme="dark"] :is(.et-nav.et-nav, .crmnav-container.crmnav-container, .sknav-container.sknav-container, .streak-nav.streak-nav, .crm-streak-nav.crm-streak-nav) :is(a, button, .crmnav-link.crmnav-link, .sknav-link.sknav-link) {
  color: #e2e8f0 !important;
}

html body :is(.et-nav.et-nav, .crmnav-container.crmnav-container, .sknav-container.sknav-container, .streak-nav.streak-nav, .crm-streak-nav.crm-streak-nav) :is(a.active, button.active, .active, .is-active, [aria-current="page"], [aria-selected="true"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.et-nav.et-nav, .crmnav-container.crmnav-container, .sknav-container.sknav-container, .streak-nav.streak-nav, .crm-streak-nav.crm-streak-nav) :is(a.active, button.active, .active, .is-active, [aria-current="page"], [aria-selected="true"]) :is(span, div, small, i, svg) {
  color: currentColor !important;
}

html body .et-note-scope.et-note-scope .et-note-scope-btn.et-note-scope-btn,
html body .et-note-filterbar.et-note-filterbar .et-note-filter-btn.et-note-filter-btn,
html body .et-note-tools.et-note-tools :is(.et-note-action-btn.et-note-action-btn, button) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html.dark body .et-note-scope.et-note-scope .et-note-scope-btn.et-note-scope-btn,
html.dark body .et-note-filterbar.et-note-filterbar .et-note-filter-btn.et-note-filter-btn,
html.dark body .et-note-tools.et-note-tools :is(.et-note-action-btn.et-note-action-btn, button),
html[data-theme="dark"] body .et-note-scope.et-note-scope .et-note-scope-btn.et-note-scope-btn,
html[data-theme="dark"] body .et-note-filterbar.et-note-filterbar .et-note-filter-btn.et-note-filter-btn,
html[data-theme="dark"] body .et-note-tools.et-note-tools :is(.et-note-action-btn.et-note-action-btn, button),
body[data-theme="dark"] .et-note-scope.et-note-scope .et-note-scope-btn.et-note-scope-btn,
body[data-theme="dark"] .et-note-filterbar.et-note-filterbar .et-note-filter-btn.et-note-filter-btn,
body[data-theme="dark"] .et-note-tools.et-note-tools :is(.et-note-action-btn.et-note-action-btn, button) {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html body .et-note-scope.et-note-scope .et-note-scope-btn.et-note-scope-btn:is(.active, .is-active, [aria-pressed="true"], [aria-selected="true"]),
html body .et-note-filterbar.et-note-filterbar .et-note-filter-btn.et-note-filter-btn:is(.active, .is-active, [aria-pressed="true"], [aria-selected="true"]) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body .cr-btn.cr-btn.cr-btn-primary,
html body button.cr-btn.cr-btn-primary,
html body a.cr-btn.cr-btn-primary {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
}

html body .cr-btn.cr-btn.cr-btn-primary::before {
  background: transparent !important;
}

html body .cr-btn.cr-btn.cr-btn-primary :is(span, div, i, svg) {
  color: currentColor !important;
}

html.dark body :is(.inbox-sidebar-panel.inbox-sidebar-panel, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar, .sidebar-smart.sidebar-smart, .sidebar-smart-categories.sidebar-smart-categories, .sidebar-section.sidebar-section),
html[data-theme="dark"] body :is(.inbox-sidebar-panel.inbox-sidebar-panel, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar, .sidebar-smart.sidebar-smart, .sidebar-smart-categories.sidebar-smart-categories, .sidebar-section.sidebar-section),
body[data-theme="dark"] :is(.inbox-sidebar-panel.inbox-sidebar-panel, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar, .sidebar-smart.sidebar-smart, .sidebar-smart-categories.sidebar-smart-categories, .sidebar-section.sidebar-section) {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
  background-image: none !important;
}

html.dark body :is(.inbox-sidebar-panel.inbox-sidebar-panel, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar) :is(.sidebar-smart-item.sidebar-smart-item, .sidebar-folder-item.sidebar-folder-item, .sidebar-nav-item.sidebar-nav-item, .sidebar-account-row.sidebar-account-row, .sidebar-smart-emoji.sidebar-smart-emoji, .folder-name.folder-name, span, a),
html[data-theme="dark"] body :is(.inbox-sidebar-panel.inbox-sidebar-panel, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar) :is(.sidebar-smart-item.sidebar-smart-item, .sidebar-folder-item.sidebar-folder-item, .sidebar-nav-item.sidebar-nav-item, .sidebar-account-row.sidebar-account-row, .sidebar-smart-emoji.sidebar-smart-emoji, .folder-name.folder-name, span, a),
body[data-theme="dark"] :is(.inbox-sidebar-panel.inbox-sidebar-panel, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar) :is(.sidebar-smart-item.sidebar-smart-item, .sidebar-folder-item.sidebar-folder-item, .sidebar-nav-item.sidebar-nav-item, .sidebar-account-row.sidebar-account-row, .sidebar-smart-emoji.sidebar-smart-emoji, .folder-name.folder-name, span, a) {
  background-color: transparent !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.account-sidebar.account-sidebar, .account-nav.account-nav, .settings-sidebar.settings-sidebar, .tsnav-container.tsnav-container, .scheduling-nav.scheduling-nav) :is(a, button, span, div, .nav-item.nav-item, .tsnav-link.tsnav-link) {
  color: var(--app-control-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.account-sidebar.account-sidebar, .account-nav.account-nav, .settings-sidebar.settings-sidebar, .tsnav-container.tsnav-container, .scheduling-nav.scheduling-nav) :is(a, button, span, div, .nav-item.nav-item, .tsnav-link.tsnav-link),
html[data-theme="dark"] body :is(.account-sidebar.account-sidebar, .account-nav.account-nav, .settings-sidebar.settings-sidebar, .tsnav-container.tsnav-container, .scheduling-nav.scheduling-nav) :is(a, button, span, div, .nav-item.nav-item, .tsnav-link.tsnav-link),
body[data-theme="dark"] :is(.account-sidebar.account-sidebar, .account-nav.account-nav, .settings-sidebar.settings-sidebar, .tsnav-container.tsnav-container, .scheduling-nav.scheduling-nav) :is(a, button, span, div, .nav-item.nav-item, .tsnav-link.tsnav-link) {
  color: #e2e8f0 !important;
}

/* Appwide20: rendered contrast closure for remaining sidebar, billing, AI, lease, IAM, and scheduling families. */
html.dark body :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(aside, nav, .sidebar.sidebar, .left-sidebar.left-sidebar, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar, .inbox-sidebar-panel.inbox-sidebar-panel, .sidebar-smart.sidebar-smart, .sidebar-section.sidebar-section, .sidebar-folders.sidebar-folders, .folder-list.folder-list),
html[data-theme="dark"] body :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(aside, nav, .sidebar.sidebar, .left-sidebar.left-sidebar, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar, .inbox-sidebar-panel.inbox-sidebar-panel, .sidebar-smart.sidebar-smart, .sidebar-section.sidebar-section, .sidebar-folders.sidebar-folders, .folder-list.folder-list),
body[data-theme="dark"] :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(aside, nav, .sidebar.sidebar, .left-sidebar.left-sidebar, .mail-sidebar.mail-sidebar, .inbox-sidebar.inbox-sidebar, .crm-inbox-sidebar.crm-inbox-sidebar, .inbox-sidebar-panel.inbox-sidebar-panel, .sidebar-smart.sidebar-smart, .sidebar-section.sidebar-section, .sidebar-folders.sidebar-folders, .folder-list.folder-list) {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
  background-image: none !important;
}

html.dark body :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder, .sidebar-account-row.sidebar-account-row, .sidebar-account-item.sidebar-account-item),
html[data-theme="dark"] body :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder, .sidebar-account-row.sidebar-account-row, .sidebar-account-item.sidebar-account-item),
body[data-theme="dark"] :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder, .sidebar-account-row.sidebar-account-row, .sidebar-account-item.sidebar-account-item) {
  background-color: #111827 !important;
  border-color: transparent !important;
  color: #e2e8f0 !important;
  background-image: none !important;
}

html.dark body :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder) :is(.folder-name.folder-name, .sidebar-smart-emoji.sidebar-smart-emoji, .sidebar-smart-label.sidebar-smart-label, .smart-folder-label.smart-folder-label, span, div, small, i, svg),
html[data-theme="dark"] body :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder) :is(.folder-name.folder-name, .sidebar-smart-emoji.sidebar-smart-emoji, .sidebar-smart-label.sidebar-smart-label, .smart-folder-label.smart-folder-label, span, div, small, i, svg),
body[data-theme="dark"] :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder) :is(.folder-name.folder-name, .sidebar-smart-emoji.sidebar-smart-emoji, .sidebar-smart-label.sidebar-smart-label, .smart-folder-label.smart-folder-label, span, div, small, i, svg) {
  background-color: transparent !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder):is(.active, .selected, .is-active, [aria-current="page"]),
html[data-theme="dark"] body :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder):is(.active, .selected, .is-active, [aria-current="page"]),
body[data-theme="dark"] :is(.gmail-shell.gmail-shell, .email-app.email-app, .inbox-app.inbox-app, .mail-app.mail-app, .inbox-shell.inbox-shell, .inbox-layout.inbox-layout, .email-layout.email-layout, .mail-layout.mail-layout, .crm-mail-layout.crm-mail-layout) :is(.sidebar-folder-item.sidebar-folder-item, .sidebar-smart-item.sidebar-smart-item, .sidebar-label-item.sidebar-label-item, .sidebar-nav-item.sidebar-nav-item, .folder-row.folder-row, .mail-folder.mail-folder):is(.active, .selected, .is-active, [aria-current="page"]) {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html body #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center,
html body #csrf-seed + .mx-auto.max-w-md section :is(.text-primary.text-primary, .font-semibold.text-primary),
html body #subscription-billing.subscription-billing :is(.text-primary.text-primary, .font-semibold.text-primary),
html body .billing-page.billing-page :is(.text-primary.text-primary, .font-semibold.text-primary) {
  color: #1f2937 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center {
  background-color: #eef2f6 !important;
  border-color: #cbd5e1 !important;
  background-image: none !important;
}

html.dark body #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center,
html[data-theme="dark"] body #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center,
body[data-theme="dark"] #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark body #csrf-seed + .mx-auto.max-w-md section,
html[data-theme="dark"] body #csrf-seed + .mx-auto.max-w-md section,
body[data-theme="dark"] #csrf-seed + .mx-auto.max-w-md section {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
  background-image: none !important;
}

html.dark body #csrf-seed + .mx-auto.max-w-md section :is(.text-primary.text-primary, .font-semibold.text-primary, p, span),
html[data-theme="dark"] body #csrf-seed + .mx-auto.max-w-md section :is(.text-primary.text-primary, .font-semibold.text-primary, p, span),
body[data-theme="dark"] #csrf-seed + .mx-auto.max-w-md section :is(.text-primary.text-primary, .font-semibold.text-primary, p, span) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #csrf-seed + .mx-auto.max-w-md #card-element,
html body #subscription-billing #card-element,
html body .billing-page #card-element {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html.dark body #csrf-seed + .mx-auto.max-w-md #card-element,
html[data-theme="dark"] body #csrf-seed + .mx-auto.max-w-md #card-element,
body[data-theme="dark"] #csrf-seed + .mx-auto.max-w-md #card-element {
  background-color: #0f172a !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html body .subscription-required-banner.subscription-required-banner,
html body .subscription-warning.subscription-warning,
html body .subscription-alert.subscription-alert,
html body .subscription-notice.subscription-notice,
html body [data-needs-subscription="true"] :is(.alert.alert, .notice.notice, .banner.banner, .billing-alert.billing-alert) {
  background-color: #fff7ed !important;
  border-color: #fed7aa !important;
  color: #7c2d12 !important;
  background-image: none !important;
}

html.dark body .subscription-required-banner.subscription-required-banner,
html.dark body .subscription-warning.subscription-warning,
html.dark body .subscription-alert.subscription-alert,
html.dark body .subscription-notice.subscription-notice,
html.dark body [data-needs-subscription="true"] :is(.alert.alert, .notice.notice, .banner.banner, .billing-alert.billing-alert),
html[data-theme="dark"] body .subscription-required-banner.subscription-required-banner,
html[data-theme="dark"] body .subscription-warning.subscription-warning,
html[data-theme="dark"] body .subscription-alert.subscription-alert,
html[data-theme="dark"] body .subscription-notice.subscription-notice,
html[data-theme="dark"] body [data-needs-subscription="true"] :is(.alert.alert, .notice.notice, .banner.banner, .billing-alert.billing-alert),
body[data-theme="dark"] .subscription-required-banner.subscription-required-banner,
body[data-theme="dark"] .subscription-warning.subscription-warning,
body[data-theme="dark"] .subscription-alert.subscription-alert,
body[data-theme="dark"] .subscription-notice.subscription-notice,
body[data-theme="dark"] [data-needs-subscription="true"] :is(.alert.alert, .notice.notice, .banner.banner, .billing-alert.billing-alert) {
  background-color: #431407 !important;
  border-color: #9a3412 !important;
  color: #ffedd5 !important;
}

html body .ai-cc.ai-cc .ai-card.ai-card,
html body .ai-cc.ai-cc .ai-panel.ai-panel,
html body .ai-cc.ai-cc #emailAiStats,
html body .ai-cc.ai-cc .ai-stat-grid.ai-stat-grid,
html body .ai-cc.ai-cc .ai-stat.ai-stat {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body .ai-cc.ai-cc :is(.ai-card-title.ai-card-title, .ai-stat-value.ai-stat-value, .mode-name.mode-name, h1, h2, h3, strong, b) {
  color: var(--app-control-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .ai-cc.ai-cc :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, .mode-desc.mode-desc, .ai-muted.ai-muted, p, small, label) {
  color: var(--app-control-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .ai-cc.ai-cc .ai-card-header.ai-card-header span[style*="background"],
html body .ai-cc.ai-cc .ai-card-header.ai-card-header span[style*="color"],
html body .ai-cc.ai-cc span[style*="sched_mode"],
html body .ai-cc.ai-cc span[style*="border:1px"] {
  background-color: #eef2f6 !important;
  border-color: #cbd5e1 !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
}

html.dark body .ai-cc.ai-cc .ai-card.ai-card,
html.dark body .ai-cc.ai-cc .ai-panel.ai-panel,
html.dark body .ai-cc.ai-cc #emailAiStats,
html.dark body .ai-cc.ai-cc .ai-stat-grid.ai-stat-grid,
html.dark body .ai-cc.ai-cc .ai-stat.ai-stat,
html[data-theme="dark"] body .ai-cc.ai-cc .ai-card.ai-card,
html[data-theme="dark"] body .ai-cc.ai-cc .ai-panel.ai-panel,
html[data-theme="dark"] body .ai-cc.ai-cc #emailAiStats,
html[data-theme="dark"] body .ai-cc.ai-cc .ai-stat-grid.ai-stat-grid,
html[data-theme="dark"] body .ai-cc.ai-cc .ai-stat.ai-stat,
body[data-theme="dark"] .ai-cc.ai-cc .ai-card.ai-card,
body[data-theme="dark"] .ai-cc.ai-cc .ai-panel.ai-panel,
body[data-theme="dark"] .ai-cc.ai-cc #emailAiStats,
body[data-theme="dark"] .ai-cc.ai-cc .ai-stat-grid.ai-stat-grid,
body[data-theme="dark"] .ai-cc.ai-cc .ai-stat.ai-stat {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark body .ai-cc.ai-cc :is(.ai-card-title.ai-card-title, .ai-stat-value.ai-stat-value, .mode-name.mode-name, h1, h2, h3, strong, b),
html[data-theme="dark"] body .ai-cc.ai-cc :is(.ai-card-title.ai-card-title, .ai-stat-value.ai-stat-value, .mode-name.mode-name, h1, h2, h3, strong, b),
body[data-theme="dark"] .ai-cc.ai-cc :is(.ai-card-title.ai-card-title, .ai-stat-value.ai-stat-value, .mode-name.mode-name, h1, h2, h3, strong, b) {
  color: #f8fafc !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body .ai-cc.ai-cc :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, .mode-desc.mode-desc, .ai-muted.ai-muted, p, small, label),
html[data-theme="dark"] body .ai-cc.ai-cc :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, .mode-desc.mode-desc, .ai-muted.ai-muted, p, small, label),
body[data-theme="dark"] .ai-cc.ai-cc :is(.ai-stat-label.ai-stat-label, .ai-stat-sub.ai-stat-sub, .mode-desc.mode-desc, .ai-muted.ai-muted, p, small, label) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body .ai-cc.ai-cc .ai-card-header.ai-card-header span[style*="background"],
html.dark body .ai-cc.ai-cc .ai-card-header.ai-card-header span[style*="color"],
html.dark body .ai-cc.ai-cc span[style*="border:1px"],
html[data-theme="dark"] body .ai-cc.ai-cc .ai-card-header.ai-card-header span[style*="background"],
html[data-theme="dark"] body .ai-cc.ai-cc .ai-card-header.ai-card-header span[style*="color"],
html[data-theme="dark"] body .ai-cc.ai-cc span[style*="border:1px"],
body[data-theme="dark"] .ai-cc.ai-cc .ai-card-header.ai-card-header span[style*="background"],
body[data-theme="dark"] .ai-cc.ai-cc .ai-card-header.ai-card-header span[style*="color"],
body[data-theme="dark"] .ai-cc.ai-cc span[style*="border:1px"] {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) .lm-kpi-card.lm-kpi-card,
html body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) :is(.lm-stat-card.lm-stat-card, .lm-summary-card.lm-summary-card),
html body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) :is(.lm-card.lm-card, .lm-table-card.lm-table-card) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  background-image: none !important;
}

html body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) .lm-kpi-info.lm-kpi-info :is(h3, .lm-kpi-value, strong, b),
html body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) :is(.lm-card-title.lm-card-title, .lm-stat-value.lm-stat-value) {
  color: var(--app-control-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) .lm-kpi-info.lm-kpi-info :is(p, span, small, .lm-kpi-label),
html body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) :is(.lm-card-subtitle.lm-card-subtitle, .lm-stat-label.lm-stat-label, .muted.muted) {
  color: var(--app-control-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) :is(.lm-kpi-card.lm-kpi-card, .lm-stat-card.lm-stat-card, .lm-summary-card.lm-summary-card, .lm-card.lm-card, .lm-table-card.lm-table-card),
html[data-theme="dark"] body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) :is(.lm-kpi-card.lm-kpi-card, .lm-stat-card.lm-stat-card, .lm-summary-card.lm-summary-card, .lm-card.lm-card, .lm-table-card.lm-table-card),
body[data-theme="dark"] :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) :is(.lm-kpi-card.lm-kpi-card, .lm-stat-card.lm-stat-card, .lm-summary-card.lm-summary-card, .lm-card.lm-card, .lm-table-card.lm-table-card) {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) .lm-kpi-info.lm-kpi-info :is(p, span, small, .lm-kpi-label),
html[data-theme="dark"] body :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) .lm-kpi-info.lm-kpi-info :is(p, span, small, .lm-kpi-label),
body[data-theme="dark"] :is(.lm-page-container.lm-page-container, .lm-wrap.lm-wrap) .lm-kpi-info.lm-kpi-info :is(p, span, small, .lm-kpi-label) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.lm-btn.lm-btn-primary, .lm-btn.lm-btn-success, .lm-btn.lm-btn-warning, .iam-btn.iam-btn-primary, .ts-btn.ts-btn-primary, .ts-btn.ts-btn-success, #btn-save-card) {
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
}

html body :is(.lm-btn.lm-btn-primary, .lm-btn.lm-btn-success, .lm-btn.lm-btn-warning, .iam-btn.iam-btn-primary, .ts-btn.ts-btn-primary, .ts-btn.ts-btn-success, #btn-save-card) :is(span, div, i, svg) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.lm-btn.lm-btn-secondary, .lm-btn.lm-btn-outline, .iam-btn.iam-btn-outline, .ts-btn.ts-btn-secondary, .ts-btn.ts-btn-white, .ts-btn.ts-btn-ghost) {
  background-color: var(--app-control-surface) !important;
  border-color: var(--app-control-border) !important;
  color: var(--app-control-text) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
}

html body :is(.lm-btn.lm-btn-secondary, .lm-btn.lm-btn-outline, .iam-btn.iam-btn-outline, .ts-btn.ts-btn-secondary, .ts-btn.ts-btn-white, .ts-btn.ts-btn-ghost) :is(span, div, i, svg) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.lm-btn.lm-btn-secondary, .lm-btn.lm-btn-outline, .iam-btn.iam-btn-outline, .ts-btn.ts-btn-secondary, .ts-btn.ts-btn-white, .ts-btn.ts-btn-ghost),
html[data-theme="dark"] body :is(.lm-btn.lm-btn-secondary, .lm-btn.lm-btn-outline, .iam-btn.iam-btn-outline, .ts-btn.ts-btn-secondary, .ts-btn.ts-btn-white, .ts-btn.ts-btn-ghost),
body[data-theme="dark"] :is(.lm-btn.lm-btn-secondary, .lm-btn.lm-btn-outline, .iam-btn.iam-btn-outline, .ts-btn.ts-btn-secondary, .ts-btn.ts-btn-white, .ts-btn.ts-btn-ghost) {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html body :is(.kb-hero.kb-hero, .brief-hero.brief-hero) :is(h1, h1 *, .hero-title.hero-title) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.kb-hero.kb-hero, .brief-hero.brief-hero) :is(p, .subtitle.subtitle, .hero-subtitle.hero-subtitle, span, small) {
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.et-note-empty.et-note-empty, .et-note-loading.et-note-loading, .et-note-placeholder.et-note-placeholder, .ticket-form.ticket-form, .ticket-create.ticket-create, .hd-ticket-form.hd-ticket-form) :is(span, p, div, small, label) {
  color: var(--app-control-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.et-note-empty.et-note-empty, .et-note-loading.et-note-loading, .et-note-placeholder.et-note-placeholder, .ticket-form.ticket-form, .ticket-create.ticket-create, .hd-ticket-form.hd-ticket-form) :is(span, p, div, small, label),
html[data-theme="dark"] body :is(.et-note-empty.et-note-empty, .et-note-loading.et-note-loading, .et-note-placeholder.et-note-placeholder, .ticket-form.ticket-form, .ticket-create.ticket-create, .hd-ticket-form.hd-ticket-form) :is(span, p, div, small, label),
body[data-theme="dark"] :is(.et-note-empty.et-note-empty, .et-note-loading.et-note-loading, .et-note-placeholder.et-note-placeholder, .ticket-form.ticket-form, .ticket-create.ticket-create, .hd-ticket-form.hd-ticket-form) :is(span, p, div, small, label) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide21: welcome hero nested-card/button contrast closure. */
html body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > .inline-block:is(.bg-green-100, .dark\:bg-green-900\/30) {
  background-color: #ecfdf5 !important;
  border: 1px solid #bbf7d0 !important;
  color: #065f46 !important;
  background-image: none !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > .inline-block:is(.bg-green-100, .dark\:bg-green-900\/30) :is(span, i) {
  color: #065f46 !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > .inline-block:is(.bg-green-100, .dark\:bg-green-900\/30),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > .inline-block:is(.bg-green-100, .dark\:bg-green-900\/30),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > .inline-block:is(.bg-green-100, .dark\:bg-green-900\/30) {
  background-color: #064e3b !important;
  border-color: #047857 !important;
  color: #d1fae5 !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > .inline-block:is(.bg-green-100, .dark\:bg-green-900\/30) :is(span, i),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > .inline-block:is(.bg-green-100, .dark\:bg-green-900\/30) :is(span, i),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > .inline-block:is(.bg-green-100, .dark\:bg-green-900\/30) :is(span, i) {
  color: #d1fae5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.bg-white,
html body section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.dark\:bg-gray-700 {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.bg-white :is(span, i, svg),
html body section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.dark\:bg-gray-700 :is(span, i, svg) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.bg-white,
html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.dark\:bg-gray-700,
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.bg-white,
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.dark\:bg-gray-700,
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.bg-white,
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern a.inline-flex.items-center.dark\:bg-gray-700 {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white,
html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.dark\:bg-gray-800 {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #111827 !important;
  background-image: none !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900) {
  color: #111827 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(p, small, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-xs.font-medium) {
  color: #475569 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(.bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20) {
  background-color: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #111827 !important;
  background-image: none !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(.text-green-600, .text-slate-600, .text-orange-600, .font-bold.text-sm) {
  color: #1f2937 !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white,
html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.dark\:bg-gray-800,
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white,
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.dark\:bg-gray-800,
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white,
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.dark\:bg-gray-800 {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900) {
  color: #f8fafc !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(p, small, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-xs.font-medium),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(p, small, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-xs.font-medium),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(p, small, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-xs.font-medium) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(.bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(.bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(.bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20) {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(.text-green-600, .text-slate-600, .text-orange-600, .font-bold.text-sm),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(.text-green-600, .text-slate-600, .text-orange-600, .font-bold.text-sm),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation .rounded-xl.bg-white :is(.text-green-600, .text-slate-600, .text-orange-600, .font-bold.text-sm) {
  color: #f8fafc !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide22: high-specificity welcome hero closure over older brand-surface rules. */
html body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > :is(#appwide22-welcome-chip, .inline-block.bg-green-100, .inline-block.dark\:bg-green-900\/30) {
  background-color: #ecfdf5 !important;
  border-color: #bbf7d0 !important;
  color: #065f46 !important;
  background-image: none !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > :is(#appwide22-welcome-chip, .inline-block.bg-green-100, .inline-block.dark\:bg-green-900\/30) :is(#appwide22-welcome-chip-text, span.text-green-700, span.dark\:text-green-300, i) {
  color: #065f46 !important;
  -webkit-text-fill-color: #065f46 !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > :is(#appwide22-welcome-chip, .inline-block.bg-green-100, .inline-block.dark\:bg-green-900\/30),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > :is(#appwide22-welcome-chip, .inline-block.bg-green-100, .inline-block.dark\:bg-green-900\/30),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > :is(#appwide22-welcome-chip, .inline-block.bg-green-100, .inline-block.dark\:bg-green-900\/30) {
  background-color: #064e3b !important;
  border-color: #047857 !important;
  color: #d1fae5 !important;
  background-image: none !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > :is(#appwide22-welcome-chip, .inline-block.bg-green-100, .inline-block.dark\:bg-green-900\/30) :is(#appwide22-welcome-chip-text, span.text-green-700, span.dark\:text-green-300, i),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > :is(#appwide22-welcome-chip, .inline-block.bg-green-100, .inline-block.dark\:bg-green-900\/30) :is(#appwide22-welcome-chip-text, span.text-green-700, span.dark\:text-green-300, i),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .fade-in-up > :is(#appwide22-welcome-chip, .inline-block.bg-green-100, .inline-block.dark\:bg-green-900\/30) :is(#appwide22-welcome-chip-text, span.text-green-700, span.dark\:text-green-300, i) {
  color: #d1fae5 !important;
  -webkit-text-fill-color: #d1fae5 !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern :is(#appwide22-welcome-secondary-cta, a.inline-flex.items-center.bg-white, a.inline-flex.items-center.dark\:bg-gray-700) {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  background-image: none !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern :is(#appwide22-welcome-secondary-cta, a.inline-flex.items-center.bg-white, a.inline-flex.items-center.dark\:bg-gray-700) :is(#appwide22-welcome-secondary-cta-text, span, i, svg) {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern :is(#appwide22-welcome-secondary-cta, a.inline-flex.items-center.bg-white, a.inline-flex.items-center.dark\:bg-gray-700),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern :is(#appwide22-welcome-secondary-cta, a.inline-flex.items-center.bg-white, a.inline-flex.items-center.dark\:bg-gray-700),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern :is(#appwide22-welcome-secondary-cta, a.inline-flex.items-center.bg-white, a.inline-flex.items-center.dark\:bg-gray-700) {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern :is(#appwide22-welcome-secondary-cta, a.inline-flex.items-center.bg-white, a.inline-flex.items-center.dark\:bg-gray-700) :is(#appwide22-welcome-secondary-cta-text, span, i, svg),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern :is(#appwide22-welcome-secondary-cta, a.inline-flex.items-center.bg-white, a.inline-flex.items-center.dark\:bg-gray-700) :is(#appwide22-welcome-secondary-cta-text, span, i, svg),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern :is(#appwide22-welcome-secondary-cta, a.inline-flex.items-center.bg-white, a.inline-flex.items-center.dark\:bg-gray-700) :is(#appwide22-welcome-secondary-cta-text, span, i, svg) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #111827 !important;
  background-image: none !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-title, h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-muted, p, small, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-xs.font-medium) {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-row, .bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20) {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #111827 !important;
  background-image: none !important;
}

html body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-row, .bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20) :is(#appwide22-welcome-demo-value, span, div, .font-bold.text-sm, .text-green-600, .text-slate-600, .text-orange-600) {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
  background-image: none !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-title, h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-title, h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-title, h3, h4, strong, b, .font-semibold, .font-bold, .text-gray-900, .text-slate-900) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-muted, p, small, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-xs.font-medium),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-muted, p, small, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-xs.font-medium),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-muted, p, small, label, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600, .text-xs.font-medium) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-row, .bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-row, .bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-row, .bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20) {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
  background-image: none !important;
}

html.dark body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-row, .bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20) :is(#appwide22-welcome-demo-value, span, div, .font-bold.text-sm, .text-green-600, .text-slate-600, .text-orange-600),
html[data-theme="dark"] body section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-row, .bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20) :is(#appwide22-welcome-demo-value, span, div, .font-bold.text-sm, .text-green-600, .text-slate-600, .text-orange-600),
body[data-theme="dark"] section.relative.overflow-hidden.gradient-bg.hero-pattern .float-animation :is(#appwide22-welcome-demo-card, .rounded-xl.bg-white, .rounded-xl.dark\:bg-gray-800) :is(#appwide22-welcome-demo-row, .bg-green-50, .bg-slate-50, .bg-orange-50, .dark\:bg-green-900\/20, .dark\:bg-slate-900\/20, .dark\:bg-orange-900\/20) :is(#appwide22-welcome-demo-value, span, div, .font-bold.text-sm, .text-green-600, .text-slate-600, .text-orange-600) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Appwide23: public home, auth, and legal contrast closure. */
html body :is(#appwide23-public-hero, .hp-hero.hp-hero) {
  background-color: #111827 !important;
  color: #f8fafc !important;
}

html body :is(#appwide23-public-hero, .hp-hero.hp-hero) :is(#appwide23-public-hero-text, .hp-hero-content, .hp-hero-eyebrow, .hp-hero-eyebrow i, .hp-hero-title, .hp-hero-title span, .hp-hero-sub, .hp-stat-num, .hp-stat-label, .hp-search-tab.active, .hp-search-tab:hover, .hp-search-field label, .hp-search-quick a) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body :is(#appwide23-public-hero, .hp-hero.hp-hero) :is(#appwide23-public-stat, .hp-stat.hp-stat) {
  background-color: rgba(17, 24, 39, 0.72) !important;
  border-color: rgba(248, 250, 252, 0.24) !important;
  color: #f8fafc !important;
  background-image: none !important;
}

html body :is(#appwide23-public-hero, .hp-hero.hp-hero) :is(#appwide23-public-muted, .hp-stat-label.hp-stat-label, .hp-search-tab, .hp-search-quick a) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

html body :is(#appwide23-public-navbar, .pub-navbar.pub-navbar) {
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-color: #e2e8f0 !important;
  color: #111827 !important;
  background-image: none !important;
}

html body :is(#appwide23-public-navbar, .pub-navbar.pub-navbar) :is(#appwide23-public-navbar-text, .pub-nav-link, .pub-nav-link span, .pub-logo, .pub-logo span, .pub-nav-search-toggle, .pub-mobile-toggle, i, a, button) {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

html body :is(#appwide23-public-navbar, .pub-navbar.pub-navbar) :is(#appwide23-public-navbar-active, .pub-nav-link.active, .pub-nav-link:hover) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html.dark body :is(#appwide23-public-navbar, .pub-navbar.pub-navbar),
html[data-theme="dark"] body :is(#appwide23-public-navbar, .pub-navbar.pub-navbar),
body[data-theme="dark"] :is(#appwide23-public-navbar, .pub-navbar.pub-navbar) {
  background-color: rgba(17, 24, 39, 0.96) !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark body :is(#appwide23-public-navbar, .pub-navbar.pub-navbar) :is(#appwide23-public-navbar-text, .pub-nav-link, .pub-nav-link span, .pub-logo, .pub-logo span, .pub-nav-search-toggle, .pub-mobile-toggle, i, a, button),
html[data-theme="dark"] body :is(#appwide23-public-navbar, .pub-navbar.pub-navbar) :is(#appwide23-public-navbar-text, .pub-nav-link, .pub-nav-link span, .pub-logo, .pub-logo span, .pub-nav-search-toggle, .pub-mobile-toggle, i, a, button),
body[data-theme="dark"] :is(#appwide23-public-navbar, .pub-navbar.pub-navbar) :is(#appwide23-public-navbar-text, .pub-nav-link, .pub-nav-link span, .pub-logo, .pub-logo span, .pub-nav-search-toggle, .pub-mobile-toggle, i, a, button) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body :is(#appwide23-section-badge, .hp-section-badge.hp-section-badge) {
  background-color: #eef2f7 !important;
  border: 1px solid #cbd5e1 !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  background-image: none !important;
}

html body :is(#appwide23-section-badge, .hp-section-badge.hp-section-badge) :is(#appwide23-section-badge-text, span, i, svg) {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

html.dark body :is(#appwide23-section-badge, .hp-section-badge.hp-section-badge),
html[data-theme="dark"] body :is(#appwide23-section-badge, .hp-section-badge.hp-section-badge),
body[data-theme="dark"] :is(#appwide23-section-badge, .hp-section-badge.hp-section-badge) {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide23-section-badge, .hp-section-badge.hp-section-badge) :is(#appwide23-section-badge-text, span, i, svg),
html[data-theme="dark"] body :is(#appwide23-section-badge, .hp-section-badge.hp-section-badge) :is(#appwide23-section-badge-text, span, i, svg),
body[data-theme="dark"] :is(#appwide23-section-badge, .hp-section-badge.hp-section-badge) :is(#appwide23-section-badge-text, span, i, svg) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #111827 !important;
  background-image: none !important;
}

html body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(#appwide23-auth-title, h1, h2, h3, h4, strong, b, .font-semibold, .font-bold) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(#appwide23-auth-muted, p, label, small, span, .auth-footer, .auth-legal, .form-label, .divider) {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

html body :is(#appwide23-auth-header, .auth-card.auth-card .auth-header.auth-header, .auth-header.auth-header) {
  background-color: #3f4f5f !important;
  color: #f8fafc !important;
  background-image: none !important;
}

html body :is(#appwide23-auth-header, .auth-card.auth-card .auth-header.auth-header, .auth-header.auth-header) :is(#appwide23-auth-header-text, h1, h2, h3, p, span, div, i, svg) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card),
html[data-theme="dark"] body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card),
body[data-theme="dark"] :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
  background-image: none !important;
}

html.dark body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(#appwide23-auth-title, h1, h2, h3, h4, strong, b, .font-semibold, .font-bold),
html[data-theme="dark"] body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(#appwide23-auth-title, h1, h2, h3, h4, strong, b, .font-semibold, .font-bold),
body[data-theme="dark"] :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(#appwide23-auth-title, h1, h2, h3, h4, strong, b, .font-semibold, .font-bold) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(#appwide23-auth-muted, p, label, small, span, .auth-footer, .auth-legal, .form-label, .divider),
html[data-theme="dark"] body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(#appwide23-auth-muted, p, label, small, span, .auth-footer, .auth-legal, .form-label, .divider),
body[data-theme="dark"] :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(#appwide23-auth-muted, p, label, small, span, .auth-footer, .auth-legal, .form-label, .divider) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

/* Button labels inside an auth card must inherit the button's OWN contrast
   colour (white on the navy brand fill), not the muted auth-body text colour.
   The broad `.auth-body :is(span,…)` muted rules above (light #475569 / dark
   #e2e8f0) otherwise repaint a primary button's <span> label slate, making
   e.g. the "Confirm Email Address" submit button text invisible on the brand
   fill. Doubled classes give this (1,2,3) specificity so it outranks both the
   light/dark muted rules. Those muted rules score (2,0,2) — TWO ids, because
   their descendant `:is(#appwide23-auth-muted, …, span, …)` carries an id too —
   so this override keeps an id in BOTH `:is()` groups (auth-card id + the
   trailing #appwide23-auth-muted id) plus doubled button classes, scoring
   (2,2,3) to outrank them in either theme regardless of source order. */
html body :is(#appwide23-auth-card, .auth-card.auth-card, .auth-body.auth-body, .option-card.option-card) :is(.btn-auth.btn-auth, .auth-submit.auth-submit, .auth-primary.auth-primary, .btn-primary.btn-primary, .pub-btn-primary.pub-btn-primary, button[type="submit"]) :is(#appwide23-auth-muted, span, i, svg, strong, small) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(#appwide23-auth-header, .auth-card.auth-card .auth-header.auth-header, .auth-header.auth-header),
html[data-theme="dark"] body :is(#appwide23-auth-header, .auth-card.auth-card .auth-header.auth-header, .auth-header.auth-header),
body[data-theme="dark"] :is(#appwide23-auth-header, .auth-card.auth-card .auth-header.auth-header, .auth-header.auth-header) {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html body main :is(#appwide23-legal-callout, .bg-gray-900.rounded-xl.text-white, .bg-gray-900.rounded-xl) {
  background-color: #111827 !important;
  color: #f8fafc !important;
  background-image: none !important;
}

html body main :is(#appwide23-legal-callout, .bg-gray-900.rounded-xl.text-white, .bg-gray-900.rounded-xl) :is(#appwide23-legal-callout-text, h1, h2, h3, h4, p, span, div, small, strong, b, i, svg) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Appwide24: final public listing chips, auth links, and navbar button closure. */
html body :is(#appwide24-public-primary, .pub-navbar.pub-navbar .pub-btn.pub-btn-primary, .pub-navbar.pub-navbar .pub-btn-primary.pub-btn-sm, .pub-nav-actions .pub-btn.pub-btn-primary) {
  background-color: #3f4f5f !important;
  border-color: #3f4f5f !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background-image: none !important;
}

html body :is(#appwide24-public-primary, .pub-navbar.pub-navbar .pub-btn.pub-btn-primary, .pub-navbar.pub-navbar .pub-btn-primary.pub-btn-sm, .pub-nav-actions .pub-btn.pub-btn-primary) :is(#appwide24-public-primary-text, span, i, svg) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide24-public-primary, .pub-navbar.pub-navbar .pub-btn.pub-btn-primary, .pub-navbar.pub-navbar .pub-btn-primary.pub-btn-sm, .pub-nav-actions .pub-btn.pub-btn-primary),
html[data-theme="dark"] body :is(#appwide24-public-primary, .pub-navbar.pub-navbar .pub-btn.pub-btn-primary, .pub-navbar.pub-navbar .pub-btn-primary.pub-btn-sm, .pub-nav-actions .pub-btn.pub-btn-primary),
body[data-theme="dark"] :is(#appwide24-public-primary, .pub-navbar.pub-navbar .pub-btn.pub-btn-primary, .pub-navbar.pub-navbar .pub-btn-primary.pub-btn-sm, .pub-nav-actions .pub-btn.pub-btn-primary) {
  background-color: #475569 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body :is(#appwide24-listing-chip, .ls-active-chip.ls-active-chip) {
  background-color: #eef2f7 !important;
  border: 1px solid #cbd5e1 !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  background-image: none !important;
}

html body :is(#appwide24-listing-chip, .ls-active-chip.ls-active-chip) :is(#appwide24-listing-chip-text, span, i, svg) {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

html body :is(#appwide24-listing-chip-close, .ls-active-chip.ls-active-chip .ls-active-chip-close.ls-active-chip-close, .ls-active-chip-close.ls-active-chip-close) {
  background-color: #dbe4ee !important;
  border-color: #cbd5e1 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  background-image: none !important;
}

html.dark body :is(#appwide24-listing-chip, .ls-active-chip.ls-active-chip),
html[data-theme="dark"] body :is(#appwide24-listing-chip, .ls-active-chip.ls-active-chip),
body[data-theme="dark"] :is(#appwide24-listing-chip, .ls-active-chip.ls-active-chip) {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background-image: none !important;
}

html.dark body :is(#appwide24-listing-chip, .ls-active-chip.ls-active-chip) :is(#appwide24-listing-chip-text, span, i, svg),
html[data-theme="dark"] body :is(#appwide24-listing-chip, .ls-active-chip.ls-active-chip) :is(#appwide24-listing-chip-text, span, i, svg),
body[data-theme="dark"] :is(#appwide24-listing-chip, .ls-active-chip.ls-active-chip) :is(#appwide24-listing-chip-text, span, i, svg) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide24-listing-chip-close, .ls-active-chip.ls-active-chip .ls-active-chip-close.ls-active-chip-close, .ls-active-chip-close.ls-active-chip-close),
html[data-theme="dark"] body :is(#appwide24-listing-chip-close, .ls-active-chip.ls-active-chip .ls-active-chip-close.ls-active-chip-close, .ls-active-chip-close.ls-active-chip-close),
body[data-theme="dark"] :is(#appwide24-listing-chip-close, .ls-active-chip.ls-active-chip .ls-active-chip-close.ls-active-chip-close, .ls-active-chip-close.ls-active-chip-close) {
  background-color: #334155 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide24-auth-link, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]),
html[data-theme="dark"] body :is(#appwide24-auth-link, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]),
body[data-theme="dark"] :is(#appwide24-auth-link, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

html.dark body :is(#appwide24-auth-link, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]) :is(#appwide24-auth-link-text, span, i, svg),
html[data-theme="dark"] body :is(#appwide24-auth-link, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]) :is(#appwide24-auth-link-text, span, i, svg),
body[data-theme="dark"] :is(#appwide24-auth-link, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]) :is(#appwide24-auth-link-text, span, i, svg) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

/* Appwide25: auth link foreground must not animate through low-contrast states on theme swap. */
html.dark body :is(#appwide25-auth-link-stable, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]),
html[data-theme="dark"] body :is(#appwide25-auth-link-stable, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]),
body[data-theme="dark"] :is(#appwide25-auth-link-stable, .auth-card.auth-card .forgot-link.forgot-link, .auth-card.auth-card .back-link.back-link a, .auth-card.auth-card .auth-footer.auth-footer a, .auth-card.auth-card .auth-legal.auth-legal a, .auth-body.auth-body a[href*="/accounts/login"], .auth-body.auth-body a[href*="/accounts/password"]) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
}

/* Appwide26: public navbar primary CTAs override the navbar text blanket. */
html body :is(#appwide26-public-nav, .pub-navbar.pub-navbar, .pub-nav-actions.pub-nav-actions) :is(#appwide26-public-primary, .pub-btn.pub-btn-primary, .pub-btn-primary.pub-btn-sm) {
  background-color: #3f4f5f !important;
  border-color: #3f4f5f !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background-image: none !important;
}

html body :is(#appwide26-public-nav, .pub-navbar.pub-navbar, .pub-nav-actions.pub-nav-actions) :is(#appwide26-public-primary, .pub-btn.pub-btn-primary, .pub-btn-primary.pub-btn-sm) :is(#appwide26-public-primary-text, span, i, svg) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide26-public-nav, .pub-navbar.pub-navbar, .pub-nav-actions.pub-nav-actions) :is(#appwide26-public-primary, .pub-btn.pub-btn-primary, .pub-btn-primary.pub-btn-sm),
html[data-theme="dark"] body :is(#appwide26-public-nav, .pub-navbar.pub-navbar, .pub-nav-actions.pub-nav-actions) :is(#appwide26-public-primary, .pub-btn.pub-btn-primary, .pub-btn-primary.pub-btn-sm),
body[data-theme="dark"] :is(#appwide26-public-nav, .pub-navbar.pub-navbar, .pub-nav-actions.pub-nav-actions) :is(#appwide26-public-primary, .pub-btn.pub-btn-primary, .pub-btn-primary.pub-btn-sm) {
  background-color: #475569 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Appwide27: public navbar and welcome CTA must not pass through low-contrast theme states. */
html body :is(#appwide27-public-nav, .pub-navbar.pub-navbar) {
  background-color: rgba(231, 231, 233, 0.96) !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

html body :is(#appwide27-public-nav, .pub-navbar.pub-navbar) :is(#appwide27-public-nav-link, .pub-nav-link.pub-nav-link) {
  background-color: transparent !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

html body :is(#appwide27-public-nav, .pub-navbar.pub-navbar) :is(#appwide27-public-nav-link-active, .pub-nav-link.pub-nav-link.active) {
  background-color: #eef2f6 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html.dark body :is(#appwide27-public-nav, .pub-navbar.pub-navbar),
html[data-theme="dark"] body :is(#appwide27-public-nav, .pub-navbar.pub-navbar),
body[data-theme="dark"] :is(#appwide27-public-nav, .pub-navbar.pub-navbar) {
  background-color: rgba(17, 24, 39, 0.96) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide27-public-nav, .pub-navbar.pub-navbar) :is(#appwide27-public-nav-link, .pub-nav-link.pub-nav-link),
html[data-theme="dark"] body :is(#appwide27-public-nav, .pub-navbar.pub-navbar) :is(#appwide27-public-nav-link, .pub-nav-link.pub-nav-link),
body[data-theme="dark"] :is(#appwide27-public-nav, .pub-navbar.pub-navbar) :is(#appwide27-public-nav-link, .pub-nav-link.pub-nav-link) {
  background-color: transparent !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide27-public-nav, .pub-navbar.pub-navbar) :is(#appwide27-public-nav-link-active, .pub-nav-link.pub-nav-link.active),
html[data-theme="dark"] body :is(#appwide27-public-nav, .pub-navbar.pub-navbar) :is(#appwide27-public-nav-link-active, .pub-nav-link.pub-nav-link.active),
body[data-theme="dark"] :is(#appwide27-public-nav, .pub-navbar.pub-navbar) :is(#appwide27-public-nav-link-active, .pub-nav-link.pub-nav-link.active) {
  background-color: rgba(148, 163, 184, 0.18) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body :is(#appwide27-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide27-welcome-primary-cta, a.inline-flex.items-center.bg-primary) {
  background-color: #3f4f5f !important;
  border-color: #3f4f5f !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background-image: none !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

html.dark body :is(#appwide27-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide27-welcome-primary-cta, a.inline-flex.items-center.bg-primary),
html[data-theme="dark"] body :is(#appwide27-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide27-welcome-primary-cta, a.inline-flex.items-center.bg-primary),
body[data-theme="dark"] :is(#appwide27-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide27-welcome-primary-cta, a.inline-flex.items-center.bg-primary) {
  background-color: #475569 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body :is(#appwide27-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide27-welcome-primary-cta, a.inline-flex.items-center.bg-primary) :is(#appwide27-welcome-primary-cta-text, span, i, svg) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Appwide28: beat background shorthands on the welcome primary CTA. */
html body :is(#appwide28-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide28-welcome-primary-cta, a.inline-flex.items-center.bg-primary) {
  background: #3f4f5f !important;
  border-color: #3f4f5f !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#appwide28-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide28-welcome-primary-cta, a.inline-flex.items-center.bg-primary),
html[data-theme="dark"] body :is(#appwide28-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide28-welcome-primary-cta, a.inline-flex.items-center.bg-primary),
body[data-theme="dark"] :is(#appwide28-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide28-welcome-primary-cta, a.inline-flex.items-center.bg-primary) {
  background: #475569 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Appwide29: scope brand tokens for the welcome CTA utility cascade. */
html body :is(#appwide29-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide29-welcome-primary-cta, a.inline-flex.items-center.bg-primary) {
  --app-color-brand: #3f4f5f !important;
  --app-color-brand-hover: #334155 !important;
  --app-color-on-brand: #f8fafc !important;
  background: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html.dark body :is(#appwide29-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide29-welcome-primary-cta, a.inline-flex.items-center.bg-primary),
html[data-theme="dark"] body :is(#appwide29-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide29-welcome-primary-cta, a.inline-flex.items-center.bg-primary),
body[data-theme="dark"] :is(#appwide29-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide29-welcome-primary-cta, a.inline-flex.items-center.bg-primary) {
  --app-color-brand: #475569 !important;
  --app-color-brand-hover: #334155 !important;
  --app-color-on-brand: #f8fafc !important;
  background: var(--app-color-brand) !important;
  border-color: #64748b !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Appwide30: dark welcome CTA contrast is safe across token and shorthand resolution. */
html.dark body :is(#appwide30-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide30-welcome-primary-cta, a.inline-flex.items-center.bg-primary),
html[data-theme="dark"] body :is(#appwide30-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide30-welcome-primary-cta, a.inline-flex.items-center.bg-primary),
body[data-theme="dark"] :is(#appwide30-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide30-welcome-primary-cta, a.inline-flex.items-center.bg-primary) {
  --app-color-brand: #cbd5e1 !important;
  --app-color-brand-hover: #e2e8f0 !important;
  --app-color-on-brand: #111827 !important;
  background: #cbd5e1 !important;
  border-color: #94a3b8 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html.dark body :is(#appwide30-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide30-welcome-primary-cta, a.inline-flex.items-center.bg-primary) :is(#appwide30-welcome-primary-cta-text, span, i, svg),
html[data-theme="dark"] body :is(#appwide30-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide30-welcome-primary-cta, a.inline-flex.items-center.bg-primary) :is(#appwide30-welcome-primary-cta-text, span, i, svg),
body[data-theme="dark"] :is(#appwide30-welcome-hero, section.gradient-bg.hero-pattern) :is(#appwide30-welcome-primary-cta, a.inline-flex.items-center.bg-primary) :is(#appwide30-welcome-primary-cta-text, span, i, svg) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* Appwide31: authenticated Just Application shell, sidebar, and billing contrast authority. */
html body {
  --ja-shell-page: var(--app-color-page, #f3f4f6) !important;
  --ja-shell-surface: var(--app-color-surface, #ffffff) !important;
  --ja-shell-border: var(--app-color-border, #cbd5e1) !important;
  --ja-shell-text: var(--app-color-text, #111827) !important;
  --ja-shell-muted: var(--app-color-text-muted, #475569) !important;
  --ja-rail-bg: var(--app-color-sidebar, #0b1220) !important;
  --ja-rail-surface: #162235 !important;
  --ja-rail-surface-hover: #1e2d44 !important;
  --ja-rail-border: rgba(226, 232, 240, 0.16) !important;
  --ja-rail-text: #f8fafc !important;
  --ja-rail-muted: #d5dde8 !important;
  --ja-rail-subtle: #aeb9c8 !important;
  --ja-rail-chip: #e2e8f0 !important;
  --ja-rail-chip-text: #0f172a !important;
}

html.dark body,
html[data-theme="dark"] body,
body[data-theme="dark"],
body.dark {
  --ja-shell-page: #0f172a !important;
  --ja-shell-surface: #111827 !important;
  --ja-shell-border: #334155 !important;
  --ja-shell-text: #f8fafc !important;
  --ja-shell-muted: #cbd5e1 !important;
  /* Override Tailwind @layer base .dark which applies directly to body.dark,
     bypassing :root !important inheritance. Direct declarations on body always
     beat inherited !important from :root/html. We must re-assert here. */
  --sky-bg: var(--app-color-page) !important;
  --sky-bg-card: var(--app-color-surface) !important;
  --sky-bg-sidebar: var(--app-color-sidebar) !important;
  --sky-text: var(--app-color-text) !important;
  --sky-text-muted: var(--app-color-text-muted) !important;
  --sky-text-light: var(--app-color-text-faint) !important;
  --sky-border: var(--app-color-border) !important;
  --sky-border-light: var(--app-color-border) !important;
  --ja-primary: var(--app-color-brand) !important;
  --ja-primary-dark: var(--app-color-brand-hover) !important;
  --app-dark: var(--app-color-text) !important;
  --app-muted: var(--app-color-text-muted) !important;
  --app-light: var(--app-color-surface-soft) !important;
  --app-border: var(--app-color-border) !important;
  --app-glass: var(--app-color-surface) !important;
  --app-text: var(--app-color-text) !important;
  --lm-dark: var(--app-color-text) !important;
  --lm-muted: var(--app-color-text-muted) !important;
  --lm-border: var(--app-color-border) !important;
}

html body :is(.bg-gradient-to-b, .bg-gradient-to-r, .bg-gradient-to-br, .bg-gradient-to-l, .from-white, .via-slate-50, .to-white):not(.pub-hero):not(.hp-hero):not(.listing-hero) {
  background-color: var(--ja-shell-page) !important;
  background-image: none !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) {
  --sky-bg-sidebar: var(--ja-rail-bg) !important;
  --sky-bg-card: var(--ja-rail-surface) !important;
  --sky-border: var(--ja-rail-border) !important;
  --sky-text-primary: var(--ja-rail-text) !important;
  --sky-text-muted: var(--ja-rail-muted) !important;
  --app-flat-fill: rgba(248, 250, 252, 0.12) !important;
  background: var(--ja-rail-bg) !important;
  background-color: var(--ja-rail-bg) !important;
  background-image: none !important;
  border-color: var(--ja-rail-border) !important;
  color: var(--ja-rail-text) !important;
}

html body #sidebar.sidebar-wrapper :is(a, button, .nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn),
html body .sidebar-wrapper :is(a, button, .nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: var(--ja-rail-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn):is(:hover, :focus-visible),
html body #sidebar.sidebar-wrapper :is(.nav-single.active, .nav-item.active > .nav-link, .nav-link.active, .push-toggle-btn.enabled, .action-btn:hover),
html body .sidebar-wrapper :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn):is(:hover, :focus-visible),
html body .sidebar-wrapper :is(.nav-single.active, .nav-item.active > .nav-link, .nav-link.active, .push-toggle-btn.enabled, .action-btn:hover) {
  background: var(--ja-rail-surface-hover) !important;
  background-color: var(--ja-rail-surface-hover) !important;
  background-image: none !important;
  border-color: var(--ja-rail-border) !important;
  color: var(--ja-rail-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn) :is(.nav-text, .nav-single-text, .brand-text, .push-toggle-text, .push-toggle-status, .user-name, .user-role, span, small, div, i, svg),
html body .sidebar-wrapper :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn) :is(.nav-text, .nav-single-text, .brand-text, .push-toggle-text, .push-toggle-status, .user-name, .user-role, span, small, div, i, svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper :is(.section-title, .nav-section-header, .sidebar-footer, .user-role),
html body .sidebar-wrapper :is(.section-title, .nav-section-header, .sidebar-footer, .user-role) {
  color: var(--ja-rail-subtle) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon, .action-btn i, .action-btn svg),
html body .sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon, .action-btn i, .action-btn svg) {
  background-color: rgba(248, 250, 252, 0.10) !important;
  border-color: var(--ja-rail-border) !important;
  color: var(--ja-rail-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper :is(.nav-link:hover, .nav-link.active, .nav-item.active > .nav-link, .nav-single:hover, .nav-single.active) :is(.section-icon, .nav-icon, i, svg),
html body .sidebar-wrapper :is(.nav-link:hover, .nav-link.active, .nav-item.active > .nav-link, .nav-single:hover, .nav-single.active) :is(.section-icon, .nav-icon, i, svg) {
  background-color: rgba(248, 250, 252, 0.16) !important;
  color: var(--ja-rail-text) !important;
}

html body #sidebar.sidebar-wrapper :is(.nav-badge, .badge, .badge-primary, .badge-info, .badge-success, .badge-warning, .badge-danger, .badge-new),
html body .sidebar-wrapper :is(.nav-badge, .badge, .badge-primary, .badge-info, .badge-success, .badge-warning, .badge-danger, .badge-new) {
  background: var(--ja-rail-chip) !important;
  background-color: var(--ja-rail-chip) !important;
  background-image: none !important;
  border-color: var(--ja-rail-chip) !important;
  color: var(--ja-rail-chip-text) !important;
  -webkit-text-fill-color: var(--ja-rail-chip-text) !important;
}

html body #sidebar.sidebar-wrapper :is(.push-toggle-btn.enabled, .push-toggle-btn.enabled:hover),
html body .sidebar-wrapper :is(.push-toggle-btn.enabled, .push-toggle-btn.enabled:hover) {
  background: var(--ja-rail-chip) !important;
  background-color: var(--ja-rail-chip) !important;
  border-color: var(--ja-rail-chip) !important;
  color: var(--ja-rail-chip-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper :is(.push-toggle-btn.enabled, .push-toggle-btn.enabled:hover) :is(span, i, svg, .push-toggle-text, .push-toggle-status, .push-toggle-icon),
html body .sidebar-wrapper :is(.push-toggle-btn.enabled, .push-toggle-btn.enabled:hover) :is(span, i, svg, .push-toggle-text, .push-toggle-status, .push-toggle-icon) {
  background-color: transparent !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper :is(.avatar-placeholder, .brand-logo),
html body .sidebar-wrapper :is(.avatar-placeholder, .brand-logo) {
  background: var(--ja-rail-chip) !important;
  background-color: var(--ja-rail-chip) !important;
  border-color: var(--ja-rail-chip) !important;
  color: var(--ja-rail-chip-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(#mobileHeader, .mobile-header) {
  background: var(--ja-shell-surface) !important;
  background-color: var(--ja-shell-surface) !important;
  background-image: none !important;
  border-color: var(--ja-shell-border) !important;
  color: var(--ja-shell-text) !important;
}

html body :is(#mobileHeader, .mobile-header) :is(#mobileMenuBtn, #mobileThemeToggle, .mobile-theme-toggle, button, a, i, svg, span) {
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--ja-shell-border) !important;
  color: var(--ja-shell-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.system-nav-host, .mnnav-container, .mnnav-tabs, .setnav-container, .setnav-tabs, .pm-nav-tabs) {
  background: var(--ja-shell-surface) !important;
  background-color: var(--ja-shell-surface) !important;
  background-image: none !important;
  border-color: var(--ja-shell-border) !important;
  color: var(--ja-shell-text) !important;
}

html body :is(.mnnav-link, .setnav-link, .pm-nav-tab) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: var(--ja-shell-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.mnnav-link, .setnav-link, .pm-nav-tab) :is(span, small, i, svg, .mnnav-badge, .setnav-badge) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.mnnav-link, .setnav-link, .pm-nav-tab):is(:hover, .active, .is-active, [aria-current="page"], [aria-selected="true"]) {
  background: color-mix(in srgb, var(--app-color-brand, #3f4f5f) 14%, var(--ja-shell-surface)) !important;
  background-color: color-mix(in srgb, var(--app-color-brand, #3f4f5f) 14%, var(--ja-shell-surface)) !important;
  border-color: color-mix(in srgb, var(--app-color-brand, #3f4f5f) 28%, var(--ja-shell-border)) !important;
  color: var(--ja-shell-text) !important;
}

html body :is(.mnnav-badge, .setnav-badge, .pm-nav-badge) {
  background: #e2e8f0 !important;
  background-color: #e2e8f0 !important;
  background-image: none !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.dark body :is(.mnnav-badge, .setnav-badge, .pm-nav-badge),
html[data-theme="dark"] body :is(.mnnav-badge, .setnav-badge, .pm-nav-badge),
body[data-theme="dark"] :is(.mnnav-badge, .setnav-badge, .pm-nav-badge) {
  background-color: #334155 !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center,
html body #csrf-seed + .mx-auto.max-w-md :is(.text-primary.text-primary, .font-semibold.text-primary) {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

html.dark body #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center,
html[data-theme="dark"] body #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center,
body[data-theme="dark"] #csrf-seed + .mx-auto.max-w-md header span.inline-flex.items-center.justify-center {
  background: #1e293b !important;
  background-color: #1e293b !important;
  background-image: none !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body #csrf-seed + .mx-auto.max-w-md :is(.text-primary.text-primary, .font-semibold.text-primary),
html[data-theme="dark"] body #csrf-seed + .mx-auto.max-w-md :is(.text-primary.text-primary, .font-semibold.text-primary),
body[data-theme="dark"] #csrf-seed + .mx-auto.max-w-md :is(.text-primary.text-primary, .font-semibold.text-primary) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

html body #csrf-seed + .mx-auto.max-w-md section,
html body #csrf-seed + .mx-auto.max-w-md #card-element,
html body #flash-message {
  background-image: none !important;
}

/* Appwide32: final authenticated badge/button contrast closure over inherited link and disabled opacity utilities. */
html body #sidebar.sidebar-wrapper :is(.nav-link, .nav-single) :is(.nav-badge.nav-badge, .badge-new.badge-new, .new-amber.new-amber, .new-purple.new-purple),
html body .sidebar-wrapper :is(.nav-link, .nav-single) :is(.nav-badge.nav-badge, .badge-new.badge-new, .new-amber.new-amber, .new-purple.new-purple) {
  background: var(--ja-rail-chip) !important;
  background-color: var(--ja-rail-chip) !important;
  background-image: none !important;
  border-color: var(--ja-rail-chip) !important;
  color: var(--ja-rail-chip-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: var(--ja-rail-chip-text) !important;
}

html body #btn-save-card:disabled,
html body button#btn-save-card:disabled,
html.dark body #btn-save-card:disabled,
html[data-theme="dark"] body #btn-save-card:disabled,
body[data-theme="dark"] #btn-save-card:disabled {
  background: #475569 !important;
  background-color: #475569 !important;
  background-image: none !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
}

html body #btn-save-card:disabled :is(span, i, svg, div),
html body button#btn-save-card:disabled :is(span, i, svg, div) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide33: billing CTA uses the unified neutral primary, never brokerage-derived low-contrast fills. */
html body #btn-save-card,
html body button#btn-save-card,
html body #btn-save-card:is(:hover, :focus, :focus-visible, :active, :disabled),
html.dark body #btn-save-card,
html.dark body button#btn-save-card,
html.dark body #btn-save-card:is(:hover, :focus, :focus-visible, :active, :disabled),
html[data-theme="dark"] body #btn-save-card,
html[data-theme="dark"] body button#btn-save-card,
html[data-theme="dark"] body #btn-save-card:is(:hover, :focus, :focus-visible, :active, :disabled),
body[data-theme="dark"] #btn-save-card,
body[data-theme="dark"] button#btn-save-card,
body[data-theme="dark"] #btn-save-card:is(:hover, :focus, :focus-visible, :active, :disabled) {
  background: #475569 !important;
  background-color: #475569 !important;
  background-image: none !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
}

html body #btn-save-card :is(span, i, svg, div),
html body button#btn-save-card :is(span, i, svg, div) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide34: scope primary variables on the billing CTA so every bg-primary path resolves safely. */
html body button#btn-save-card#btn-save-card.bg-primary.bg-primary,
html.dark body button#btn-save-card#btn-save-card.bg-primary.bg-primary,
html[data-theme="dark"] body button#btn-save-card#btn-save-card.bg-primary.bg-primary,
body[data-theme="dark"] button#btn-save-card#btn-save-card.bg-primary.bg-primary {
  --app-color-brand: #475569 !important;
  --app-color-brand-hover: #334155 !important;
  --app-color-on-brand: #f8fafc !important;
  --ja-primary: #475569 !important;
  --ja-primary-dark: #334155 !important;
  --color-primary: #475569 !important;
  --primary: #475569 !important;
  --bs-primary: #475569 !important;
  background: #475569 !important;
  background-color: #475569 !important;
  background-image: none !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Appwide35: platform-wide utility, icon, and active-control contrast closure. */
html body {
  --app-control-active-bg: var(--app-color-brand) !important;
  --app-control-active-border: var(--app-color-brand) !important;
  --app-control-active-text: var(--app-color-on-brand) !important;
  --app-icon-default: var(--app-color-text-muted) !important;
  --app-icon-emphasis: var(--app-color-brand) !important;
  --app-icon-on-soft: var(--app-color-text) !important;
}

html.dark body,
html[data-theme="dark"] body,
body[data-theme="dark"] {
  --app-control-active-bg: #475569 !important;
  --app-control-active-border: #64748b !important;
  --app-control-active-text: #f8fafc !important;
  --app-icon-default: #cbd5e1 !important;
  --app-icon-emphasis: #dbe7f3 !important;
  --app-icon-on-soft: #f8fafc !important;
}

html body :is(button.active, .btn.active, [role="button"].active, .tab-btn.active, .toggle-btn.active, .filter-btn.active, .pill-btn.active, .segmented-control button.active, .view-toggle button.active, .view-toggle-btn.active, .display-toggle button.active, .table-toggle button.active, .layout-toggle button.active):not(.sidebar-wrapper *):not(.profile-avatar-btn):not(.pub-bottom-nav *),
html.dark body :is(button.active, .btn.active, [role="button"].active, .tab-btn.active, .toggle-btn.active, .filter-btn.active, .pill-btn.active, .segmented-control button.active, .view-toggle button.active, .view-toggle-btn.active, .display-toggle button.active, .table-toggle button.active, .layout-toggle button.active):not(.sidebar-wrapper *):not(.profile-avatar-btn):not(.pub-bottom-nav *),
html[data-theme="dark"] body :is(button.active, .btn.active, [role="button"].active, .tab-btn.active, .toggle-btn.active, .filter-btn.active, .pill-btn.active, .segmented-control button.active, .view-toggle button.active, .view-toggle-btn.active, .display-toggle button.active, .table-toggle button.active, .layout-toggle button.active):not(.sidebar-wrapper *):not(.profile-avatar-btn):not(.pub-bottom-nav *),
body[data-theme="dark"] :is(button.active, .btn.active, [role="button"].active, .tab-btn.active, .toggle-btn.active, .filter-btn.active, .pill-btn.active, .segmented-control button.active, .view-toggle button.active, .view-toggle-btn.active, .display-toggle button.active, .table-toggle button.active, .layout-toggle button.active):not(.sidebar-wrapper *):not(.profile-avatar-btn):not(.pub-bottom-nav *) {
  background: var(--app-control-active-bg) !important;
  background-color: var(--app-control-active-bg) !important;
  background-image: none !important;
  border-color: var(--app-control-active-border) !important;
  color: var(--app-control-active-text) !important;
  -webkit-text-fill-color: var(--app-control-active-text) !important;
  box-shadow: none !important;
}

html body :is(button.active, .btn.active, [role="button"].active, .tab-btn.active, .toggle-btn.active, .filter-btn.active, .pill-btn.active, .segmented-control button.active, .view-toggle button.active, .view-toggle-btn.active, .display-toggle button.active, .table-toggle button.active, .layout-toggle button.active):not(.sidebar-wrapper *):not(.profile-avatar-btn):not(.pub-bottom-nav *) :is(span, small, strong, i, svg),
html.dark body :is(button.active, .btn.active, [role="button"].active, .tab-btn.active, .toggle-btn.active, .filter-btn.active, .pill-btn.active, .segmented-control button.active, .view-toggle button.active, .view-toggle-btn.active, .display-toggle button.active, .table-toggle button.active, .layout-toggle button.active):not(.sidebar-wrapper *):not(.profile-avatar-btn):not(.pub-bottom-nav *) :is(span, small, strong, i, svg),
html[data-theme="dark"] body :is(button.active, .btn.active, [role="button"].active, .tab-btn.active, .toggle-btn.active, .filter-btn.active, .pill-btn.active, .segmented-control button.active, .view-toggle button.active, .view-toggle-btn.active, .display-toggle button.active, .table-toggle button.active, .layout-toggle button.active):not(.sidebar-wrapper *):not(.profile-avatar-btn):not(.pub-bottom-nav *) :is(span, small, strong, i, svg),
body[data-theme="dark"] :is(button.active, .btn.active, [role="button"].active, .tab-btn.active, .toggle-btn.active, .filter-btn.active, .pill-btn.active, .segmented-control button.active, .view-toggle button.active, .view-toggle-btn.active, .display-toggle button.active, .table-toggle button.active, .layout-toggle button.active):not(.sidebar-wrapper *):not(.profile-avatar-btn):not(.pub-bottom-nav *) :is(span, small, strong, i, svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]):not(.sidebar-wrapper *):not(.btn-primary *):not(.btn-danger *):not(.btn-success *):not(.btn-warning *):not(button.active *):not(.bg-primary *):not(.bg-red-500 *):not(.bg-red-600 *):not(.bg-green-500 *):not(.bg-green-600 *):not(.bg-yellow-500 *):not(.bg-yellow-600 *):not(.stat-icon *):not(.stat-card-icon *):not(.card-icon *):not(.ds-status-badge *):not(.app-status-badge *):not(.activity-icon *):not(.type-badge *):not(.priority-badge *):not(.feature-item *):not(.applications-stat-icon *):not(.empty-state-icon *):not(.settings-icon *) {
  color: var(--app-icon-default) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]):is(.text-primary, .text-blue-500, .text-blue-600, .text-blue-700, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-purple-500, .text-purple-600, .text-purple-700):not(.sidebar-wrapper *):not(.btn-primary *):not(button.active *),
html.dark body :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]):is(.text-primary, .text-blue-500, .text-blue-600, .text-blue-700, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-purple-500, .text-purple-600, .text-purple-700):not(.sidebar-wrapper *):not(.btn-primary *):not(button.active *),
html[data-theme="dark"] body :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]):is(.text-primary, .text-blue-500, .text-blue-600, .text-blue-700, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-purple-500, .text-purple-600, .text-purple-700):not(.sidebar-wrapper *):not(.btn-primary *):not(button.active *),
body[data-theme="dark"] :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]):is(.text-primary, .text-blue-500, .text-blue-600, .text-blue-700, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-purple-500, .text-purple-600, .text-purple-700):not(.sidebar-wrapper *):not(.btn-primary *):not(button.active *) {
  color: var(--app-icon-emphasis) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.card, .panel, .widget, .tile, .stat-card, .metric-card, .content-card, .list-card, .table-card, .form-card, .glass-card, .pub-card, .crm-card, .dropdown-menu, .modal-content) :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]):not(.sidebar-wrapper *):not(.btn-primary *):not(.btn-danger *):not(.btn-success *):not(.btn-warning *):not(button.active *),
html[data-theme="dark"] body :is(.card, .panel, .widget, .tile, .stat-card, .metric-card, .content-card, .list-card, .table-card, .form-card, .glass-card, .pub-card, .crm-card, .dropdown-menu, .modal-content) :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]):not(.sidebar-wrapper *):not(.btn-primary *):not(.btn-danger *):not(.btn-success *):not(.btn-warning *):not(button.active *),
body[data-theme="dark"] :is(.card, .panel, .widget, .tile, .stat-card, .metric-card, .content-card, .list-card, .table-card, .form-card, .glass-card, .pub-card, .crm-card, .dropdown-menu, .modal-content) :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]):not(.sidebar-wrapper *):not(.btn-primary *):not(.btn-danger *):not(.btn-success *):not(.btn-warning *):not(button.active *) {
  color: var(--app-icon-default) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.bg-primary, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .bg-slate-600, .bg-slate-700, .bg-gray-800, .bg-gray-900, .bg-slate-800, .bg-slate-900, .btn-primary, .btn-danger, .btn-success, .btn-warning, .badge-primary, .badge-danger, .badge-success, .badge-warning, .alert-primary, .alert-danger, .alert-success, .alert-warning) :is(span, small, strong, p, label, i, svg),
html.dark body :is(.bg-primary, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .bg-slate-600, .bg-slate-700, .bg-gray-800, .bg-gray-900, .bg-slate-800, .bg-slate-900, .btn-primary, .btn-danger, .btn-success, .btn-warning, .badge-primary, .badge-danger, .badge-success, .badge-warning, .alert-primary, .alert-danger, .alert-success, .alert-warning) :is(span, small, strong, p, label, i, svg),
html[data-theme="dark"] body :is(.bg-primary, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .bg-slate-600, .bg-slate-700, .bg-gray-800, .bg-gray-900, .bg-slate-800, .bg-slate-900, .btn-primary, .btn-danger, .btn-success, .btn-warning, .badge-primary, .badge-danger, .badge-success, .badge-warning, .alert-primary, .alert-danger, .alert-success, .alert-warning) :is(span, small, strong, p, label, i, svg),
body[data-theme="dark"] :is(.bg-primary, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-purple-600, .bg-purple-700, .bg-slate-600, .bg-slate-700, .bg-gray-800, .bg-gray-900, .bg-slate-800, .bg-slate-900, .btn-primary, .btn-danger, .btn-success, .btn-warning, .badge-primary, .badge-danger, .badge-success, .badge-warning, .alert-primary, .alert-danger, .alert-success, .alert-warning) :is(span, small, strong, p, label, i, svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide36: dark authenticated app contrast must not inherit low-contrast brokerage primary variables. */
html.dark body,
html[data-theme="dark"] body,
body[data-theme="dark"] {
  --app-safe-dark-fill: #475569 !important;
  --app-safe-dark-fill-border: #64748b !important;
  --app-safe-dark-fill-text: #f8fafc !important;
  --app-safe-dark-text: #f8fafc !important;
  --app-safe-dark-muted: #cbd5e1 !important;
  --app-safe-dark-soft: #182230 !important;
  --app-safe-dark-soft-2: #1e293b !important;
  --ja-primary: #475569 !important;
  --ja-primary-dark: #334155 !important;
}

html.dark body :is(.bg-primary, button.bg-primary, a.bg-primary, .btn-primary, .crm-btn-primary, .quick-add-btn, .primary-action):not(.sidebar-wrapper *),
html[data-theme="dark"] body :is(.bg-primary, button.bg-primary, a.bg-primary, .btn-primary, .crm-btn-primary, .quick-add-btn, .primary-action):not(.sidebar-wrapper *),
body[data-theme="dark"] :is(.bg-primary, button.bg-primary, a.bg-primary, .btn-primary, .crm-btn-primary, .quick-add-btn, .primary-action):not(.sidebar-wrapper *) {
  --app-color-brand: var(--app-safe-dark-fill) !important;
  --app-color-brand-hover: #334155 !important;
  --app-color-on-brand: var(--app-safe-dark-fill-text) !important;
  --ja-primary: var(--app-safe-dark-fill) !important;
  --ja-primary-dark: #334155 !important;
  --color-primary: var(--app-safe-dark-fill) !important;
  --primary: var(--app-safe-dark-fill) !important;
  --bs-primary: var(--app-safe-dark-fill) !important;
  background: var(--app-safe-dark-fill) !important;
  background-color: var(--app-safe-dark-fill) !important;
  background-image: none !important;
  border-color: var(--app-safe-dark-fill-border) !important;
  color: var(--app-safe-dark-fill-text) !important;
  -webkit-text-fill-color: var(--app-safe-dark-fill-text) !important;
  box-shadow: none !important;
}

html.dark body :is(.bg-primary, button.bg-primary, a.bg-primary, .btn-primary, .crm-btn-primary, .quick-add-btn, .primary-action):not(.sidebar-wrapper *) :is(span, small, strong, p, label, i, svg),
html[data-theme="dark"] body :is(.bg-primary, button.bg-primary, a.bg-primary, .btn-primary, .crm-btn-primary, .quick-add-btn, .primary-action):not(.sidebar-wrapper *) :is(span, small, strong, p, label, i, svg),
body[data-theme="dark"] :is(.bg-primary, button.bg-primary, a.bg-primary, .btn-primary, .crm-btn-primary, .quick-add-btn, .primary-action):not(.sidebar-wrapper *) :is(span, small, strong, p, label, i, svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(p, label, small, .text-muted, .text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-300, .dark\:text-gray-400, .dark\:text-slate-300, .dark\:text-slate-400):not(.sidebar-wrapper *):not(.bg-primary *):not(.btn-primary *):not(button.active *),
html[data-theme="dark"] body :is(p, label, small, .text-muted, .text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-300, .dark\:text-gray-400, .dark\:text-slate-300, .dark\:text-slate-400):not(.sidebar-wrapper *):not(.bg-primary *):not(.btn-primary *):not(button.active *),
body[data-theme="dark"] :is(p, label, small, .text-muted, .text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-gray-300, .dark\:text-gray-400, .dark\:text-slate-300, .dark\:text-slate-400):not(.sidebar-wrapper *):not(.bg-primary *):not(.btn-primary *):not(button.active *) {
  color: var(--app-safe-dark-muted) !important;
  -webkit-text-fill-color: var(--app-safe-dark-muted) !important;
}

html.dark body :is(thead, thead tr, thead th, .table thead, .table thead tr, .table thead th):not(.sidebar-wrapper *),
html[data-theme="dark"] body :is(thead, thead tr, thead th, .table thead, .table thead tr, .table thead th):not(.sidebar-wrapper *),
body[data-theme="dark"] :is(thead, thead tr, thead th, .table thead, .table thead tr, .table thead th):not(.sidebar-wrapper *) {
  background: var(--app-safe-dark-soft) !important;
  background-color: var(--app-safe-dark-soft) !important;
  background-image: none !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-safe-dark-text) !important;
  -webkit-text-fill-color: var(--app-safe-dark-text) !important;
}

html.dark body :is(thead, thead tr, thead th, .table thead, .table thead tr, .table thead th) :is(span, small, strong, i, svg),
html[data-theme="dark"] body :is(thead, thead tr, thead th, .table thead, .table thead tr, .table thead th) :is(span, small, strong, i, svg),
body[data-theme="dark"] :is(thead, thead tr, thead th, .table thead, .table thead tr, .table thead th) :is(span, small, strong, i, svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.inbox-page-info, .inbox-row-meta, .email-row-meta, .inbox-row-link-box-btn, .email-row-link-box, .inbox-row-link-box-btn span, .email-row-link-box span, .inbox-empty-text, .inbox-subtitle):not(.sidebar-wrapper *),
html[data-theme="dark"] body :is(.inbox-page-info, .inbox-row-meta, .email-row-meta, .inbox-row-link-box-btn, .email-row-link-box, .inbox-row-link-box-btn span, .email-row-link-box span, .inbox-empty-text, .inbox-subtitle):not(.sidebar-wrapper *),
body[data-theme="dark"] :is(.inbox-page-info, .inbox-row-meta, .email-row-meta, .inbox-row-link-box-btn, .email-row-link-box, .inbox-row-link-box-btn span, .email-row-link-box span, .inbox-empty-text, .inbox-subtitle):not(.sidebar-wrapper *) {
  color: var(--app-safe-dark-muted) !important;
  -webkit-text-fill-color: var(--app-safe-dark-muted) !important;
}

html.dark body :is(.inbox-row-avatar.email-row-avatar, .email-row-avatar, .inbox-avatar):not(.sidebar-wrapper *),
html[data-theme="dark"] body :is(.inbox-row-avatar.email-row-avatar, .email-row-avatar, .inbox-avatar):not(.sidebar-wrapper *),
body[data-theme="dark"] :is(.inbox-row-avatar.email-row-avatar, .email-row-avatar, .inbox-avatar):not(.sidebar-wrapper *) {
  background: var(--app-safe-dark-fill) !important;
  background-color: var(--app-safe-dark-fill) !important;
  background-image: none !important;
  border-color: var(--app-safe-dark-fill-border) !important;
  color: var(--app-safe-dark-fill-text) !important;
  -webkit-text-fill-color: var(--app-safe-dark-fill-text) !important;
}

html.dark body :is(.email-section-header, .section-unread, .section-count):not(.sidebar-wrapper *),
html[data-theme="dark"] body :is(.email-section-header, .section-unread, .section-count):not(.sidebar-wrapper *),
body[data-theme="dark"] :is(.email-section-header, .section-unread, .section-count):not(.sidebar-wrapper *) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  background-image: none !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text-muted) !important;
  -webkit-text-fill-color: var(--app-color-text-muted) !important;
}

/* Appwide37: highest-specificity closure for surviving runtime primary shorthands and inbox metadata. */
html.dark body button.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *),
html.dark body a.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *),
html.dark body .btn.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *),
html[data-theme="dark"] body button.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *),
html[data-theme="dark"] body a.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *),
html[data-theme="dark"] body .btn.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *),
body[data-theme="dark"] button.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *),
body[data-theme="dark"] a.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *),
body[data-theme="dark"] .btn.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) {
  --app-color-brand: #475569 !important;
  --app-color-on-brand: #f8fafc !important;
  --ja-primary: #475569 !important;
  --ja-primary-dark: #334155 !important;
  --color-primary: #475569 !important;
  --primary: #475569 !important;
  --bs-primary: #475569 !important;
  background: #475569 !important;
  background-color: #475569 !important;
  background-image: none !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body button.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg),
html.dark body a.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg),
html.dark body .btn.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg),
html[data-theme="dark"] body button.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg),
html[data-theme="dark"] body a.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg),
html[data-theme="dark"] body .btn.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg),
body[data-theme="dark"] button.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg),
body[data-theme="dark"] a.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg),
body[data-theme="dark"] .btn.bg-primary.bg-primary.text-white.text-white:not(.sidebar-wrapper *) :is(span, small, strong, i, svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.inbox-row-snippet, .email-row-snippet, .inbox-row-date, .email-row-date, .email-row-subject-secondary, .inbox-row-subject-secondary):not(.sidebar-wrapper *),
html[data-theme="dark"] body :is(.inbox-row-snippet, .email-row-snippet, .inbox-row-date, .email-row-date, .email-row-subject-secondary, .inbox-row-subject-secondary):not(.sidebar-wrapper *),
body[data-theme="dark"] :is(.inbox-row-snippet, .email-row-snippet, .inbox-row-date, .email-row-date, .email-row-subject-secondary, .inbox-row-subject-secondary):not(.sidebar-wrapper *) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

/* Appwide39: dark text-primary is readable text, while bg-primary remains a safe fill. */
html.dark body :is(.text-primary.text-primary, .font-semibold.text-primary.text-primary, .hover\:text-primary:hover):not(.sidebar-wrapper *):not(.bg-primary *):not(button.bg-primary):not(a.bg-primary):not(.btn-primary),
html[data-theme="dark"] body :is(.text-primary.text-primary, .font-semibold.text-primary.text-primary, .hover\:text-primary:hover):not(.sidebar-wrapper *):not(.bg-primary *):not(button.bg-primary):not(a.bg-primary):not(.btn-primary),
body[data-theme="dark"] :is(.text-primary.text-primary, .font-semibold.text-primary.text-primary, .hover\:text-primary:hover):not(.sidebar-wrapper *):not(.bg-primary *):not(button.bg-primary):not(a.bg-primary):not(.btn-primary) {
  --ja-primary: #e2e8f0 !important;
  --color-primary: #e2e8f0 !important;
  --primary: #e2e8f0 !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

html.dark body :is(.text-primary.text-primary, .font-semibold.text-primary.text-primary, .hover\:text-primary:hover):not(.sidebar-wrapper *):not(.bg-primary *):not(button.bg-primary):not(a.bg-primary):not(.btn-primary) :is(span, small, strong, i, svg),
html[data-theme="dark"] body :is(.text-primary.text-primary, .font-semibold.text-primary.text-primary, .hover\:text-primary:hover):not(.sidebar-wrapper *):not(.bg-primary *):not(button.bg-primary):not(a.bg-primary):not(.btn-primary) :is(span, small, strong, i, svg),
body[data-theme="dark"] :is(.text-primary.text-primary, .font-semibold.text-primary.text-primary, .hover\:text-primary:hover):not(.sidebar-wrapper *):not(.bg-primary *):not(button.bg-primary):not(a.bg-primary):not(.btn-primary) :is(span, small, strong, i, svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide40: calendar legend labels inside CRM/inbox use accessible muted text in dark mode. */
html.dark body :is(.crm-cal-legend-item, .crm-calendar-legend, .crm-calendar-legend span):not(.sidebar-wrapper *),
html[data-theme="dark"] body :is(.crm-cal-legend-item, .crm-calendar-legend, .crm-calendar-legend span):not(.sidebar-wrapper *),
body[data-theme="dark"] :is(.crm-cal-legend-item, .crm-calendar-legend, .crm-calendar-legend span):not(.sidebar-wrapper *) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

/* Appwide41: light-theme icon and avatar contrast closure for CRM, inbox, listings, and legal heroes. */
html body :is(button, a[role="button"], .btn, .bg-primary, .bg-primary-500, .bg-primary-600, .bg-slate-600, .bg-slate-700, .btn-primary, .btn-primary-glass, .crm-btn-primary, .hd-btn-primary, .ts-btn-primary, .lm-btn-primary, .ah-btn-primary, .quick-add-btn, .primary-action, .sidebar-compose-btn, .compose-btn, .ls-toggle-btn, .ls-search-btn, .search-btn):not(.sidebar-wrapper *) :is(i, i.mdi, i.uil, svg, svg *, path) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(.inbox-row-avatar.email-row-avatar, .email-row-avatar, .inbox-avatar, .avatar-placeholder.avatar-initials):not(.sidebar-wrapper *) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  background-image: none !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html body :is(.gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, [class*="from-primary"][class*="to-"]) :is(.bg-white.bg-opacity-20, .bg-white\/20, .bg-white\/25, .bg-white\/30, .text-white.text-3xl) {
  background-color: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html body :is(.gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, [class*="from-primary"][class*="to-"]) :is(.bg-white.bg-opacity-20, .bg-white\/20, .bg-white\/25, .bg-white\/30) :is(i, svg, path, span) {
  color: var(--app-color-on-brand) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Appwide42: force icon glyphs to inherit readable foregrounds inside filled controls and brand panels. */
html body :is(button, a[role="button"], .btn, .quick-add-btn, .primary-action, .sidebar-compose-btn, .compose-btn, .ls-toggle-btn, .ls-search-btn, .search-btn):not(.sidebar-wrapper *) :is(i, i.mdi, i.uil, svg, svg *, path) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html body :is(.bg-primary.bg-primary, .bg-slate-600.bg-slate-600, .bg-slate-700.bg-slate-700, .ai-hero.ai-hero, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .btn-primary.btn-primary, .quick-add-btn.quick-add-btn, .primary-action.primary-action):not(.sidebar-wrapper *) :is(i, i.mdi, i.uil, svg, svg *, path) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html body :is(.bg-primary.bg-primary, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, [class*="from-primary"][class*="to-"]) :is(.bg-white.bg-opacity-20, .bg-white\/10, .bg-white\/20, .bg-white\/25, .bg-white\/30) {
  background-color: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html body :is(.bg-primary.bg-primary, .gradient-bg.gradient-bg, .hero-pattern.hero-pattern, .ai-hero.ai-hero, [class*="from-primary"][class*="to-"]) :is(.bg-white.bg-opacity-20, .bg-white\/10, .bg-white\/20, .bg-white\/25, .bg-white\/30) :is(i, i.mdi, i.uil, svg, svg *, path, span) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Appwide43: explicit glyph overrides for late legacy icon guards. */
html body button.bg-slate-600.bg-slate-600.text-white.text-white i.mdi.mdi,
html body button.bg-slate-700.bg-slate-700.text-white.text-white i.mdi.mdi,
html body .ai-hero.ai-hero.ai-hero .bg-white\/10.bg-white\/10 i.mdi.mdi,
html body .ai-hero.ai-hero.ai-hero i.mdi.mdi,
html body button.sidebar-compose-btn.sidebar-compose-btn svg,
html body button.sidebar-compose-btn.sidebar-compose-btn svg *,
html body button.sidebar-compose-btn.sidebar-compose-btn path,
html body .sidebar-compose-btn.sidebar-compose-btn svg,
html body .sidebar-compose-btn.sidebar-compose-btn svg *,
html body .sidebar-compose-btn.sidebar-compose-btn path {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

html:not(.dark) body:not([data-theme="dark"]) .pub-page .pub-navbar.pub-navbar :is(i.uil.uil, svg, svg *, path),
html:not(.dark) body:not([data-theme="dark"]) body.pub-page .pub-navbar.pub-navbar :is(i.uil.uil, svg, svg *, path),
html:not(.dark) body:not([data-theme="dark"]) .pub-page .pub-nav-mega.pub-nav-mega :is(i.uil.uil, svg, svg *, path),
html:not(.dark) body:not([data-theme="dark"]) body.pub-page .pub-nav-mega.pub-nav-mega :is(i.uil.uil, svg, svg *, path) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Appwide44: scope the legacy icon variables so old icon guards resolve to readable colors. */
html body :is(button.bg-slate-600.bg-slate-600, button.bg-slate-700.bg-slate-700, button.sidebar-compose-btn.sidebar-compose-btn, .sidebar-compose-btn.sidebar-compose-btn, .ai-hero.ai-hero, .bg-primary.bg-primary, .btn-primary.btn-primary, .quick-add-btn.quick-add-btn, .primary-action.primary-action) {
  --app-icon-default: #ffffff !important;
  --app-icon-emphasis: #ffffff !important;
  --app-icon-on-soft: #ffffff !important;
}

html:not(.dark) body:not([data-theme="dark"]) :is(body.pub-page .pub-navbar.pub-navbar, body.pub-page .pub-nav-mega.pub-nav-mega, .pub-page .pub-navbar.pub-navbar, .pub-page .pub-nav-mega.pub-nav-mega) {
  --app-icon-default: #111827 !important;
  --app-icon-emphasis: #111827 !important;
  --app-icon-on-soft: #111827 !important;
}

/* Appwide45: public listing filled search and empty-state icon variable closure. */
html body.pub-page :is(button.ls-filter-btn.ls-filter-btn, .empty-state-icon.empty-state-icon),
html body .pub-page :is(button.ls-filter-btn.ls-filter-btn, .empty-state-icon.empty-state-icon) {
  --app-icon-default: #ffffff !important;
  --app-icon-emphasis: #ffffff !important;
  --app-icon-on-soft: #ffffff !important;
}

/* Appwide46: mobile CRM inbox light/dark contrast closure. */
@media screen and (max-width: 1024px), screen and (max-width: 1366px) and (pointer: coarse) {
  html:not(.dark) body:not([data-theme="dark"]) .inbox-shell :is(.inbox-btn-primary, .sidebar-compose-btn, .compose-btn, .bg-primary, .btn-primary, [class*="primary"], [class*="compose"]),
  html:not(.dark) body:not([data-theme="dark"]) .email-app :is(.inbox-btn-primary, .sidebar-compose-btn, .compose-btn, .bg-primary, .btn-primary, [class*="primary"], [class*="compose"]) {
    --app-icon-default: #ffffff !important;
    --app-icon-emphasis: #ffffff !important;
    --app-icon-on-soft: #ffffff !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html:not(.dark) body:not([data-theme="dark"]) .inbox-shell :is(.inbox-btn-primary, .sidebar-compose-btn, .compose-btn, .bg-primary, .btn-primary, [class*="primary"], [class*="compose"]) :is(i, svg, svg *, path),
  html:not(.dark) body:not([data-theme="dark"]) .email-app :is(.inbox-btn-primary, .sidebar-compose-btn, .compose-btn, .bg-primary, .btn-primary, [class*="primary"], [class*="compose"]) :is(i, svg, svg *, path) {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html.dark body .inbox-shell,
  html.dark body .inbox-shell.email-app,
  html[data-theme="dark"] body .inbox-shell,
  html[data-theme="dark"] body .inbox-shell.email-app,
  body[data-theme="dark"] .inbox-shell,
  body[data-theme="dark"] .inbox-shell.email-app {
    --mail-mobile-bg: #0f172a !important;
    --mail-mobile-surface: #182230 !important;
    --mail-mobile-surface-2: #111827 !important;
    --mail-mobile-border: rgba(203, 213, 225, 0.22) !important;
    --mail-mobile-border-strong: rgba(226, 232, 240, 0.32) !important;
    --mail-mobile-text: #f8fafc !important;
    --mail-mobile-muted: #cbd5e1 !important;
    --mail-mobile-primary: #e2e8f0 !important;
    --mail-mobile-teal: #e2e8f0 !important;
    --mail-mobile-amber: #f8fafc !important;
    --app-icon-default: #cbd5e1 !important;
    --app-icon-emphasis: #f8fafc !important;
    --app-icon-on-soft: #f8fafc !important;
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }

  html.dark body .inbox-shell :is(.inbox-list-header, .inbox-category-tabs, .inbox-default-bar, .inbox-main-area, .inbox-list-panel),
  html[data-theme="dark"] body .inbox-shell :is(.inbox-list-header, .inbox-category-tabs, .inbox-default-bar, .inbox-main-area, .inbox-list-panel),
  body[data-theme="dark"] .inbox-shell :is(.inbox-list-header, .inbox-category-tabs, .inbox-default-bar, .inbox-main-area, .inbox-list-panel) {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border-color: var(--mail-mobile-border) !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }

  html.dark body .inbox-shell :is(.inbox-search-wrapper, .inbox-email-row, .email-row),
  html[data-theme="dark"] body .inbox-shell :is(.inbox-search-wrapper, .inbox-email-row, .email-row),
  body[data-theme="dark"] .inbox-shell :is(.inbox-search-wrapper, .inbox-email-row, .email-row) {
    background: #182230 !important;
    background-color: #182230 !important;
    background-image: none !important;
    border-color: var(--mail-mobile-border) !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }

  html.dark body .inbox-shell :is(.inbox-row-top, .inbox-row-sender, .email-row-sender, .inbox-row-subject, .email-row-subject, .inbox-cat-tab, .inbox-btn, .inbox-icon-btn),
  html[data-theme="dark"] body .inbox-shell :is(.inbox-row-top, .inbox-row-sender, .email-row-sender, .inbox-row-subject, .email-row-subject, .inbox-cat-tab, .inbox-btn, .inbox-icon-btn),
  body[data-theme="dark"] .inbox-shell :is(.inbox-row-top, .inbox-row-sender, .email-row-sender, .inbox-row-subject, .email-row-subject, .inbox-cat-tab, .inbox-btn, .inbox-icon-btn) {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }

  html.dark body .inbox-shell :is(.inbox-row-meta, .email-row-meta, .inbox-row-snippet, .email-row-snippet, .inbox-row-date, .email-row-date, .inbox-page-info, .inbox-subtitle),
  html[data-theme="dark"] body .inbox-shell :is(.inbox-row-meta, .email-row-meta, .inbox-row-snippet, .email-row-snippet, .inbox-row-date, .email-row-date, .inbox-page-info, .inbox-subtitle),
  body[data-theme="dark"] .inbox-shell :is(.inbox-row-meta, .email-row-meta, .inbox-row-snippet, .email-row-snippet, .inbox-row-date, .email-row-date, .inbox-page-info, .inbox-subtitle) {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
  }

  html.dark body .inbox-shell :is(.inbox-row-star-btn, .email-row-star, .inbox-btn.inbox-icon-btn),
  html[data-theme="dark"] body .inbox-shell :is(.inbox-row-star-btn, .email-row-star, .inbox-btn.inbox-icon-btn),
  body[data-theme="dark"] .inbox-shell :is(.inbox-row-star-btn, .email-row-star, .inbox-btn.inbox-icon-btn) {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
  }

  html.dark body .inbox-shell :is(.inbox-row-star-btn, .email-row-star, .inbox-btn.inbox-icon-btn) :is(i, svg, svg *, path),
  html[data-theme="dark"] body .inbox-shell :is(.inbox-row-star-btn, .email-row-star, .inbox-btn.inbox-icon-btn) :is(i, svg, svg *, path),
  body[data-theme="dark"] .inbox-shell :is(.inbox-row-star-btn, .email-row-star, .inbox-btn.inbox-icon-btn) :is(i, svg, svg *, path) {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
  }
}

/* Appwide48: final cascade-order mobile CRM inbox nav and compose closure. */
@media screen and (max-width: 1024px), screen and (max-width: 1366px) and (pointer: coarse) {
  html body .inbox-mobile-nav.inbox-mobile-nav .mobile-compose-fab.mobile-compose-fab,
  html body .inbox-mobile-nav.inbox-mobile-nav .inbox-mobile-compose-fab.inbox-mobile-compose-fab,
  html body .mobile-compose-fab.mobile-compose-fab,
  html body .inbox-mobile-compose-fab.inbox-mobile-compose-fab {
    --app-icon-default: #ffffff !important;
    --app-icon-emphasis: #ffffff !important;
    --app-icon-on-soft: #ffffff !important;
    background: var(--app-color-brand) !important;
    background-color: var(--app-color-brand) !important;
    background-image: none !important;
    border-color: var(--app-color-brand) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body .inbox-mobile-nav.inbox-mobile-nav .mobile-compose-fab.mobile-compose-fab :is(i, svg, svg *, path),
  html body .inbox-mobile-nav.inbox-mobile-nav .inbox-mobile-compose-fab.inbox-mobile-compose-fab :is(i, svg, svg *, path),
  html body .mobile-compose-fab.mobile-compose-fab :is(i, svg, svg *, path),
  html body .inbox-mobile-compose-fab.inbox-mobile-compose-fab :is(i, svg, svg *, path) {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html.dark body .inbox-mobile-nav.inbox-mobile-nav,
  html[data-theme="dark"] body .inbox-mobile-nav.inbox-mobile-nav,
  body[data-theme="dark"] .inbox-mobile-nav.inbox-mobile-nav {
    background: #0b1017 !important;
    background-color: #0b1017 !important;
    background-image: none !important;
    border-color: rgba(203, 213, 225, 0.24) !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }

  html.dark body .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-item.mobile-nav-item,
  html[data-theme="dark"] body .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-item.mobile-nav-item,
  body[data-theme="dark"] .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-item.mobile-nav-item {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
  }

  html.dark body .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-item.mobile-nav-item.active,
  html[data-theme="dark"] body .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-item.mobile-nav-item.active,
  body[data-theme="dark"] .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-item.mobile-nav-item.active {
    background: rgba(226, 232, 240, 0.12) !important;
    background-color: rgba(226, 232, 240, 0.12) !important;
    background-image: none !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }

  html.dark body .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-label.mobile-nav-label,
  html[data-theme="dark"] body .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-label.mobile-nav-label,
  body[data-theme="dark"] .inbox-mobile-nav.inbox-mobile-nav .mobile-nav-label.mobile-nav-label {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
  }

  html.dark body .inbox-mobile-nav.inbox-mobile-nav .mobile-compose-fab.mobile-compose-fab,
  html.dark body .inbox-mobile-nav.inbox-mobile-nav .inbox-mobile-compose-fab.inbox-mobile-compose-fab,
  html[data-theme="dark"] body .inbox-mobile-nav.inbox-mobile-nav .mobile-compose-fab.mobile-compose-fab,
  html[data-theme="dark"] body .inbox-mobile-nav.inbox-mobile-nav .inbox-mobile-compose-fab.inbox-mobile-compose-fab,
  body[data-theme="dark"] .inbox-mobile-nav.inbox-mobile-nav .mobile-compose-fab.mobile-compose-fab,
  body[data-theme="dark"] .inbox-mobile-nav.inbox-mobile-nav .inbox-mobile-compose-fab.inbox-mobile-compose-fab {
    background: #475569 !important;
    background-color: #475569 !important;
    background-image: none !important;
    border-color: #64748b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Appwide51: final dark CRM inbox pull-refresh indicator contrast closure. */
html.dark body .inbox-shell .pull-refresh-indicator.pull-refresh-indicator,
html[data-theme="dark"] body .inbox-shell .pull-refresh-indicator.pull-refresh-indicator,
body[data-theme="dark"] .inbox-shell .pull-refresh-indicator.pull-refresh-indicator {
  --app-icon-default: #f8fafc !important;
  --app-icon-emphasis: #f8fafc !important;
  --app-icon-on-soft: #f8fafc !important;
  background: #182230 !important;
  background-color: #182230 !important;
  background-image: none !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body .inbox-shell .pull-refresh-indicator.pull-refresh-indicator :is(i, svg, svg *, path),
html[data-theme="dark"] body .inbox-shell .pull-refresh-indicator.pull-refresh-indicator :is(i, svg, svg *, path),
body[data-theme="dark"] .inbox-shell .pull-refresh-indicator.pull-refresh-indicator :is(i, svg, svg *, path) {
  color: #f8fafc !important;
  fill: none !important;
  stroke: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Appwide52: authenticated shell light/dark separation and sidebar state closure. */
html:not(.dark):not([data-theme="dark"]) body,
html[data-theme="light"] body,
body[data-theme="light"] {
  --ja-shell-page: var(--app-color-page) !important;
  --ja-shell-surface: var(--app-color-surface) !important;
  --ja-shell-border: var(--app-color-border) !important;
  --ja-shell-text: var(--app-color-text) !important;
  --ja-shell-muted: var(--app-color-text-muted) !important;
  --ja-rail-bg: var(--app-color-surface) !important;
  --ja-rail-surface: var(--app-color-surface-soft) !important;
  --ja-rail-surface-hover: var(--app-color-surface-hover) !important;
  --ja-rail-border: var(--app-color-border) !important;
  --ja-rail-text: var(--app-color-text) !important;
  --ja-rail-muted: var(--app-color-text-muted) !important;
  --ja-rail-subtle: var(--app-color-text-faint) !important;
  --ja-rail-chip: var(--app-color-brand) !important;
  --ja-rail-chip-text: var(--app-color-on-brand) !important;
  --surface-sidebar: var(--app-color-surface) !important;
  --bg-sidebar: var(--app-color-surface) !important;
  --sky-bg-sidebar: var(--app-color-surface) !important;
  --sky-bg-card: var(--app-color-surface-soft) !important;
  --sky-border: var(--app-color-border) !important;
  --sky-text-primary: var(--app-color-text) !important;
  --sky-text-muted: var(--app-color-text-muted) !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(.page-wrapper, .page-wrapper.toggled, .page-wrapper.system-nav-merged, .app-wrapper, .app-shell, .main-wrapper, .content-wrapper, #mainContent, .page-content, .main-content),
html[data-theme="light"] body :is(.page-wrapper, .page-wrapper.toggled, .page-wrapper.system-nav-merged, .app-wrapper, .app-shell, .main-wrapper, .content-wrapper, #mainContent, .page-content, .main-content),
body[data-theme="light"] :is(.page-wrapper, .page-wrapper.toggled, .page-wrapper.system-nav-merged, .app-wrapper, .app-shell, .main-wrapper, .content-wrapper, #mainContent, .page-content, .main-content) {
  background: var(--app-color-page) !important;
  background-color: var(--app-color-page) !important;
  background-image: none !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: initial !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) {
  --app-flat-fill: var(--app-color-brand-soft) !important;
  --app-icon-default: var(--app-color-brand) !important;
  --app-icon-emphasis: var(--app-color-brand) !important;
  --app-icon-on-soft: var(--app-color-brand) !important;
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  background-image: none !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: initial !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.sidebar-brand, .push-notification-sidebar-control, .sidebar-footer, .nav-section-header),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.sidebar-brand, .push-notification-sidebar-control, .sidebar-footer, .nav-section-header),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.sidebar-brand, .push-notification-sidebar-control, .sidebar-footer, .nav-section-header) {
  border-color: var(--app-color-border) !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(a, button, .nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn, .nav-item),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(a, button, .nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn, .nav-item),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(a, button, .nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn, .nav-item) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: var(--app-color-text-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn):is(:hover, :focus, :focus-visible),
html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-single.active, .nav-item.active > .nav-link, .nav-link.active, .push-toggle-btn.enabled, .action-btn:hover),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn):is(:hover, :focus, :focus-visible),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-single.active, .nav-item.active > .nav-link, .nav-link.active, .push-toggle-btn.enabled, .action-btn:hover),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn):is(:hover, :focus, :focus-visible),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-single.active, .nav-item.active > .nav-link, .nav-link.active, .push-toggle-btn.enabled, .action-btn:hover) {
  background: var(--app-color-brand-soft) !important;
  background-color: var(--app-color-brand-soft) !important;
  background-image: none !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn) :is(.nav-text, .nav-single-text, .brand-text, .push-toggle-text, .push-toggle-status, .user-name, .user-role, span, small, div, i, svg),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn) :is(.nav-text, .nav-single-text, .brand-text, .push-toggle-text, .push-toggle-status, .user-name, .user-role, span, small, div, i, svg),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single, .brand-link, .push-toggle-btn, .user-profile, .action-btn) :is(.nav-text, .nav-single-text, .brand-text, .push-toggle-text, .push-toggle-status, .user-name, .user-role, span, small, div, i, svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-title, .nav-section-header, .sidebar-footer, .user-role),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-title, .nav-section-header, .sidebar-footer, .user-role),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-title, .nav-section-header, .sidebar-footer, .user-role) {
  color: var(--app-color-text-faint) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-icon, .nav-icon, .push-toggle-icon, .action-btn i, .action-btn svg, .avatar-placeholder, .brand-logo),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-icon, .nav-icon, .push-toggle-icon, .action-btn i, .action-btn svg, .avatar-placeholder, .brand-logo),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-icon, .nav-icon, .push-toggle-icon, .action-btn i, .action-btn svg, .avatar-placeholder, .brand-logo) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-brand-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link:hover, .nav-link.active, .nav-item.active > .nav-link, .nav-single:hover, .nav-single.active) :is(.section-icon, .nav-icon, i, svg),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link:hover, .nav-link.active, .nav-item.active > .nav-link, .nav-single:hover, .nav-single.active) :is(.section-icon, .nav-icon, i, svg),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link:hover, .nav-link.active, .nav-item.active > .nav-link, .nav-single:hover, .nav-single.active) :is(.section-icon, .nav-icon, i, svg) {
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-brand-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-badge, .badge, .badge-primary, .badge-info, .badge-success, .badge-warning, .badge-danger, .badge-new),
html[data-theme="light"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-badge, .badge, .badge-primary, .badge-info, .badge-success, .badge-warning, .badge-danger, .badge-new),
body[data-theme="light"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-badge, .badge, .badge-primary, .badge-info, .badge-success, .badge-warning, .badge-danger, .badge-new) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  background-image: none !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html.dark body :is(.page-wrapper, .page-wrapper.toggled, .page-wrapper.system-nav-merged, .app-wrapper, .app-shell, .main-wrapper, .content-wrapper, #mainContent, .page-content, .main-content),
html[data-theme="dark"] body :is(.page-wrapper, .page-wrapper.toggled, .page-wrapper.system-nav-merged, .app-wrapper, .app-shell, .main-wrapper, .content-wrapper, #mainContent, .page-content, .main-content),
body[data-theme="dark"] :is(.page-wrapper, .page-wrapper.toggled, .page-wrapper.system-nav-merged, .app-wrapper, .app-shell, .main-wrapper, .content-wrapper, #mainContent, .page-content, .main-content) {
  background: var(--app-color-page) !important;
  background-color: var(--app-color-page) !important;
  background-image: none !important;
  color: var(--app-color-text) !important;
}

/* Appwide53: PM and team IAM stat/form contrast closure across themes. */
html body :is(.pm-stat-icon, .pm-pipeline-icon, .pm-empty-icon, .pm-card-icon, .iam-stat-icon, .iam-card-icon, .iam-section-icon, .iam-empty-icon, .team-stat-icon, .team-card-icon, .cal-pending-badge) {
  --app-icon-default: var(--app-color-on-brand) !important;
  --app-icon-emphasis: var(--app-color-on-brand) !important;
  --app-icon-on-soft: var(--app-color-on-brand) !important;
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  background-image: none !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  fill: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html body :is(.pm-stat-icon, .pm-pipeline-icon, .pm-empty-icon, .pm-card-icon, .iam-stat-icon, .iam-card-icon, .iam-section-icon, .iam-empty-icon, .team-stat-icon, .team-card-icon, .cal-pending-badge) :is(i, svg, svg *, path, span) {
  color: var(--app-color-on-brand) !important;
  fill: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html body :is(.pm-stat-card, .pm-pipeline-card, .pm-summary-card, .iam-stat-card, .iam-card, .team-stat-card) > :is(i.fas, i.far, i.fa, i.mdi, i.uil, svg),
html body :is(.pm-stat-card, .pm-pipeline-card, .pm-summary-card, .iam-stat-card, .iam-card, .team-stat-card) :is(.stat-icon, .metric-icon, .card-icon) :is(i, svg, svg *, path) {
  color: var(--app-color-brand-text) !important;
  fill: var(--app-color-brand) !important;
  stroke: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html.dark body :is(.pm-page-subtitle-badge, .pm-stat-value, .pm-stat-count, .pm-pipeline-count, .pm-card-value, .iam-form-label, .iam-stat-value, .iam-card-value, .iam-panel-title, .iam-section-title, .team-stat-value, .team-card-value),
html[data-theme="dark"] body :is(.pm-page-subtitle-badge, .pm-stat-value, .pm-stat-count, .pm-pipeline-count, .pm-card-value, .iam-form-label, .iam-stat-value, .iam-card-value, .iam-panel-title, .iam-section-title, .team-stat-value, .team-card-value),
body[data-theme="dark"] :is(.pm-page-subtitle-badge, .pm-stat-value, .pm-stat-count, .pm-pipeline-count, .pm-card-value, .iam-form-label, .iam-stat-value, .iam-card-value, .iam-panel-title, .iam-section-title, .team-stat-value, .team-card-value) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark body :is(.pm-stat-label, .pm-pipeline-label, .pm-card-label, .pm-card-subtitle, .iam-form-desc, .iam-card-desc, .iam-card-subtitle, .iam-stat-label, .iam-muted, .team-stat-label, .team-card-subtitle),
html[data-theme="dark"] body :is(.pm-stat-label, .pm-pipeline-label, .pm-card-label, .pm-card-subtitle, .iam-form-desc, .iam-card-desc, .iam-card-subtitle, .iam-stat-label, .iam-muted, .team-stat-label, .team-card-subtitle),
body[data-theme="dark"] :is(.pm-stat-label, .pm-pipeline-label, .pm-card-label, .pm-card-subtitle, .iam-form-desc, .iam-card-desc, .iam-card-subtitle, .iam-stat-label, .iam-muted, .team-stat-label, .team-card-subtitle) {
  color: var(--app-color-text-muted) !important;
  -webkit-text-fill-color: var(--app-color-text-muted) !important;
}

html.dark body :is(.pm-page-subtitle-badge, .pm-pill, .pm-badge, .iam-badge, .team-badge),
html[data-theme="dark"] body :is(.pm-page-subtitle-badge, .pm-pill, .pm-badge, .iam-badge, .team-badge),
body[data-theme="dark"] :is(.pm-page-subtitle-badge, .pm-pill, .pm-badge, .iam-badge, .team-badge) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  background-image: none !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* Appwide54: PM/IAM active action icon and quick-action contrast closure. */
html body :is(.pm-btn-primary, .pm-btn.active, .pm-tab.active, .iam-tab.active, .iam-btn-primary, .team-tab.active, .quick-action-btn, a.quick-action-btn) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html body :is(.pm-btn-primary, .pm-btn.active, .pm-tab.active, .iam-tab.active, .iam-btn-primary, .team-tab.active, .quick-action-btn, a.quick-action-btn) :is(i, svg, svg *, path, span) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body :is(.quick-actions-title, .pm-filter-title, .pm-section-title, .pm-panel-title),
html[data-theme="dark"] body :is(.quick-actions-title, .pm-filter-title, .pm-section-title, .pm-panel-title),
body[data-theme="dark"] :is(.quick-actions-title, .pm-filter-title, .pm-section-title, .pm-panel-title) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark body :is(a.quick-action-btn.quick-action-btn, .quick-action-btn.quick-action-btn),
html[data-theme="dark"] body :is(a.quick-action-btn.quick-action-btn, .quick-action-btn.quick-action-btn),
body[data-theme="dark"] :is(a.quick-action-btn.quick-action-btn, .quick-action-btn.quick-action-btn) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  background-image: none !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Appwide55: quick-action fill and active icon inheritance correction. */
html body :is(.quick-action-btn.quick-action-btn, a.quick-action-btn.quick-action-btn) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  background-image: none !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html body :is(.quick-action-btn.quick-action-btn, a.quick-action-btn.quick-action-btn) :is(i, svg, svg *, path, span),
html body :is(.pm-btn-primary, .pm-btn.active, .pm-tab.active, .iam-tab.active, .iam-btn-primary, .team-tab.active) :is(i, svg, svg *, path, span) {
  color: var(--app-color-on-brand) !important;
  fill: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Appwide56: high-specificity PM/IAM filled action glyph closure. */
html body :is(a.pm-btn.pm-btn-primary.pm-btn-primary, button.pm-btn.pm-btn-primary.pm-btn-primary, .pm-btn.pm-btn-primary.pm-btn-primary, .pm-btn.pm-btn.active.active, .pm-tab.pm-tab.active.active, .iam-tab.iam-tab.active.active, .iam-btn-primary.iam-btn-primary, .team-tab.team-tab.active.active, .quick-action-btn.quick-action-btn, a.quick-action-btn.quick-action-btn) :is(i.mdi.mdi, i.fas.fas, i.fa.fa, i.uil.uil, svg, svg *, path, span) {
  color: var(--app-color-on-brand) !important;
  fill: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Appwide57: beat legacy global icon safety rules inside PM/IAM brand controls. */
html:not(#appColorAuthoritySpecificityBoost) body :is(.pm-page, .iam-page, .page-crm-iam-console) :is(a.pm-btn.pm-btn-primary, button.pm-btn.pm-btn-primary, .pm-btn.pm-btn-primary, .pm-btn.pm-btn.active, .pm-tab.pm-tab.active, .iam-tabs .iam-tab.iam-tab.active, .iam-tab.iam-tab.active, .iam-btn-primary.iam-btn-primary, .team-tab.team-tab.active, .quick-action-btn.quick-action-btn, a.quick-action-btn.quick-action-btn) :is(i, i.mdi, i.fas, i.fa, i.uil, [class*="mdi"], [class*="fa-"], svg, svg *, path, span) {
  color: var(--app-color-on-brand) !important;
  fill: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Appwide58: remaining brand-surface text contrast closure. */
html:not(#appColorAuthoritySpecificityBoost) body :is(#calVersionBanner, .et-panel-head, .et-note-composer) :is(h1, h2, h3, p, div, span, small, strong, i, svg) {
  color: var(--app-color-on-brand) !important;
  fill: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost) body :is(.cal-header) :is(.cal-title, .cal-subtitle),
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost) body :is(.cal-header) :is(.cal-title, .cal-subtitle),
body[data-theme="dark"] :is(.cal-header) :is(.cal-title, .cal-subtitle),
html.dark:not(#appColorAuthoritySpecificityBoost) body :is(.et-note-item) :is(.et-note-title, .et-note-body, .et-note-meta, .et-note-content, p, span, div),
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost) body :is(.et-note-item) :is(.et-note-title, .et-note-body, .et-note-meta, .et-note-content, p, span, div),
body[data-theme="dark"] :is(.et-note-item) :is(.et-note-title, .et-note-body, .et-note-meta, .et-note-content, p, span, div) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost) body :is(.iam-tab.active, .iam-tabs .iam-tab.active) .badge {
  background: var(--app-color-on-brand) !important;
  background-color: var(--app-color-on-brand) !important;
  color: var(--app-color-brand-text) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost) body .et-note-item .et-note-avatar,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost) body .et-note-item .et-note-avatar,
body[data-theme="dark"] .et-note-item .et-note-avatar {
  background: var(--app-color-on-brand) !important;
  background-color: var(--app-color-on-brand) !important;
  color: var(--app-color-brand-text) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

/* Appwide59: high-specificity closure for remaining brand-banner controls. */
html:not(#appColorAuthoritySpecificityBoost) body :is(.payment-info-banner.payment-info-banner, #calVersionBanner#calVersionBanner),
html:not(#appColorAuthoritySpecificityBoost) body :is(.payment-info-banner.payment-info-banner, #calVersionBanner#calVersionBanner) :is(p, span, i, svg, svg *, path) {
  color: var(--app-color-on-brand) !important;
  fill: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost) body .et-note-composer.et-note-composer :is(.et-btn.et-btn, .et-btn.et-btn-primary, .et-note-scope-btn.et-note-scope-btn:not(.active)) {
  background: var(--app-color-on-brand) !important;
  background-color: var(--app-color-on-brand) !important;
  background-image: none !important;
  border-color: rgba(var(--app-flag-navy-rgb), 0.28) !important;
  color: var(--app-color-brand-text) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html:not(#appColorAuthoritySpecificityBoost) body .et-note-composer.et-note-composer :is(.et-btn.et-btn, .et-btn.et-btn-primary, .et-note-scope-btn.et-note-scope-btn:not(.active)) :is(i, svg, svg *, path, span) {
  color: var(--app-color-brand-text) !important;
  fill: var(--app-color-brand) !important;
  stroke: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html:not(#appColorAuthoritySpecificityBoost) body :is(.iam-page.iam-page, .page-crm-iam-console.page-crm-iam-console) .iam-tabs.iam-tabs .iam-tab.iam-tab.active.active .badge.badge,
html.dark:not(#appColorAuthoritySpecificityBoost) body :is(.iam-page.iam-page, .page-crm-iam-console.page-crm-iam-console) .iam-tabs.iam-tabs .iam-tab.iam-tab.active.active .badge.badge,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost) body :is(.iam-page.iam-page, .page-crm-iam-console.page-crm-iam-console) .iam-tabs.iam-tabs .iam-tab.iam-tab.active.active .badge.badge,
body[data-theme="dark"] :is(.iam-page.iam-page, .page-crm-iam-console.page-crm-iam-console) .iam-tabs.iam-tabs .iam-tab.iam-tab.active.active .badge.badge {
  background: var(--app-color-on-brand) !important;
  background-color: var(--app-color-on-brand) !important;
  color: var(--app-color-brand-text) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost) body .et-note-item.et-note-item .et-note-visibility.et-note-visibility,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost) body .et-note-item.et-note-item .et-note-visibility.et-note-visibility,
body[data-theme="dark"] .et-note-item.et-note-item .et-note-visibility.et-note-visibility {
  background: var(--app-color-on-brand) !important;
  background-color: var(--app-color-on-brand) !important;
  border-color: rgba(var(--app-flag-white-rgb), 0.85) !important;
  color: var(--app-color-brand-text) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost) body .et-note-item.et-note-item .et-note-visibility.et-note-visibility :is(i, svg, svg *, path),
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost) body .et-note-item.et-note-item .et-note-visibility.et-note-visibility :is(i, svg, svg *, path),
body[data-theme="dark"] .et-note-item.et-note-item .et-note-visibility.et-note-visibility :is(i, svg, svg *, path) {
  color: var(--app-color-brand-text) !important;
  fill: var(--app-color-brand) !important;
  stroke: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

/* Appwide60: force control glyph/text-fill inheritance for remaining inbox/template buttons. */
html:not(#appColorAuthoritySpecificityBoost) body :is(.cal-sub-tab.cal-sub-tab.active.active, .et-btn.et-btn, .et-note-scope-btn.et-note-scope-btn) {
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost) body :is(.cal-sub-tab.cal-sub-tab.active.active, .et-btn.et-btn, .et-note-scope-btn.et-note-scope-btn) :is(i, i.mdi, i.fas, i.fa, svg, svg *, path, span) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide61: explicit final icon colors for inbox calendar tabs and ET white controls. */
html:not(#appColorAuthoritySpecificityBoost) body .cal-sub-tabs.cal-sub-tabs .cal-sub-tab.cal-sub-tab :is(svg, svg *, path, line, polyline, circle) {
  color: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost) body .et-note-composer.et-note-composer :is(.et-note-scope.et-note-scope .et-note-scope-btn.et-note-scope-btn:not(.active), .et-note-tools.et-note-tools .et-btn.et-btn, .et-note-tools.et-note-tools .et-btn.et-btn-primary) :is(i.mdi.mdi, i, svg, svg *, path, span) {
  color: var(--app-color-brand-text) !important;
  fill: var(--app-color-brand) !important;
  stroke: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

/* Appwide62: out-rank brand-composer inheritance for white-surface icons. */
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .cal-sub-tabs.cal-sub-tabs .cal-sub-tab.cal-sub-tab.active.active :is(svg, svg *, path, line, polyline, circle) {
  color: var(--app-color-text) !important;
  stroke: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .cal-sub-tabs.cal-sub-tabs .cal-sub-tab.cal-sub-tab:not(.active) :is(svg, svg *, path, line, polyline, circle) {
  color: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .et-note-composer.et-note-composer :is(.et-note-scope.et-note-scope .et-note-scope-btn.et-note-scope-btn:not(.active), .et-note-tools.et-note-tools .et-btn.et-btn, .et-note-tools.et-note-tools .et-btn.et-btn-primary) :is(i.mdi.mdi, i, svg, svg *, path, span) {
  color: var(--app-color-brand-text) !important;
  fill: var(--app-color-brand) !important;
  stroke: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

/* Appwide63: split transparent inbox sub-tabs from brand-filled sub-tabs. */
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .cal-sub-tabs.cal-sub-tabs .cal-sub-tab.cal-sub-tab:not(.active):not([data-cal-subtab="calendar"]) :is(svg, svg *, path, line, polyline, circle) {
  color: var(--app-color-text) !important;
  stroke: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .cal-sub-tabs.cal-sub-tabs .cal-sub-tab.cal-sub-tab[data-cal-subtab="calendar"] :is(svg, svg *, path, line, polyline, circle) {
  color: var(--app-color-on-brand) !important;
  stroke: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .et-head-tools.et-head-tools .et-btn.et-btn:not(.et-btn-primary) :is(i.mdi.mdi, i, svg, svg *, path, span) {
  color: var(--app-color-text) !important;
  fill: var(--app-color-text) !important;
  stroke: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* Appwide64: close rendered CRM task contrast holes in both themes. */
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-btn.tm-btn-primary,
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page button.tm-btn.tm-btn-primary,
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page a.tm-btn.tm-btn-primary {
  background: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-btn.tm-btn-primary :is(i, span, svg, svg *, path) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-card-header.tm-card-header,
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-card-header.tm-card-header :is(.tm-card-title, .tm-card-title i, label, span, .text-gray-400, .text-gray-500) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-stat-card.tm-stat-card :is(.tm-stat-value, .tm-stat-label),
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-stat-card.tm-stat-card :is(.tm-stat-value, .tm-stat-label),
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-stat-card.tm-stat-card :is(.tm-stat-value, .tm-stat-label) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-stat-card.tm-stat-card .tm-stat-label,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-stat-card.tm-stat-card .tm-stat-label,
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .tm-page.tm-page .tm-stat-card.tm-stat-card .tm-stat-label {
  color: var(--app-color-text-muted) !important;
  -webkit-text-fill-color: var(--app-color-text-muted) !important;
}

/* Appwide65: CRM communication, knowledge, and team notification rendered contrast closure. */
html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .setup-page.setup-page .back-to-inbox.back-to-inbox,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .setup-page.setup-page .back-to-inbox.back-to-inbox,
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .setup-page.setup-page .back-to-inbox.back-to-inbox {
  background: var(--app-color-surface-muted) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-sidebar-header.sms-sidebar-header :is(h2, h2 *, .sms-header-btn.sms-header-btn.secondary, .sms-header-btn.sms-header-btn.secondary i),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-no-chat.sms-no-chat :is(h3, p) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-header-btn.sms-header-btn.secondary {
  background: var(--app-color-surface) !important;
  border-color: rgba(var(--app-neutral-0-rgb), 0.72) !important;
  color: var(--app-color-brand-text) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab,
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab.active,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab.active,
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab.active,
html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab.active .sms-tab-badge.sms-tab-badge,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab.active .sms-tab-badge.sms-tab-badge,
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab.sms-tab.active .sms-tab-badge.sms-tab-badge {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab-badge.sms-tab-badge,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab-badge.sms-tab-badge,
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-tab-badge.sms-tab-badge {
  background: var(--app-color-surface-muted) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .crm-card.crm-card a.flex.items-center.p-2,
html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .crm-card.crm-card a.flex.items-center.p-2 :is(span, i),
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .crm-card.crm-card a.flex.items-center.p-2,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .crm-card.crm-card a.flex.items-center.p-2 :is(span, i),
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .crm-card.crm-card a.flex.items-center.p-2,
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .crm-card.crm-card a.flex.items-center.p-2 :is(span, i) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .stats-bar.stats-bar :is(.stat-value, .stat-label) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .filter-tabs.filter-tabs .filter-tab.filter-tab,
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .filter-tabs.filter-tabs .filter-tab.filter-tab,
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .filter-tabs.filter-tabs .filter-tab.filter-tab {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .filter-tabs.filter-tabs .filter-tab.filter-tab:is(:hover, .active),
html[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not(#appColorAuthoritySpecificityBoost3) .filter-tabs.filter-tabs .filter-tab.filter-tab:is(:hover, .active),
body[data-theme="dark"]:not(#appColorAuthoritySpecificityBoost3) .filter-tabs.filter-tabs .filter-tab.filter-tab:is(:hover, .active) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Appwide66: keep the light SMS refresh control readable over its light surface. */
html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-sidebar-header.sms-sidebar-header .sms-header-btn.sms-header-btn.secondary,
html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2) body:not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost3) .sms-page.sms-page .sms-sidebar-header.sms-sidebar-header .sms-header-btn.sms-header-btn.secondary :is(i, span, svg, svg *, path) {
  color: var(--app-color-brand-text) !important;
  fill: var(--app-color-brand) !important;
  stroke: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

/* Appwide67: non-CRM app family rendered contrast closure. */
html body .gradient-bg.gradient-bg :is(.bg-white, .dark\:bg-gray-800),
html body .hero-pattern.hero-pattern :is(.bg-white, .dark\:bg-gray-800) {
  background: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: initial !important;
}

html body .gradient-bg.gradient-bg :is(.bg-white, .dark\:bg-gray-800) :is(p, span, i, small, strong, .text-gray-500, .text-gray-600, .text-gray-700),
html body .hero-pattern.hero-pattern :is(.bg-white, .dark\:bg-gray-800) :is(p, span, i, small, strong, .text-gray-500, .text-gray-600, .text-gray-700) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body .gradient-bg.gradient-bg a.bg-primary,
html body .hero-pattern.hero-pattern a.bg-primary {
  background: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body .requests-page.requests-page .role-badge.role-badge.manager,
html.dark body .requests-page.requests-page .role-badge.role-badge.manager,
html[data-theme="dark"] body .requests-page.requests-page .role-badge.role-badge.manager,
body[data-theme="dark"] .requests-page.requests-page .role-badge.role-badge.manager {
  background: var(--app-color-surface-muted) !important;
  border: 1px solid var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body .profile-avatar-placeholder.profile-avatar-placeholder,
html body .account-nav.account-nav .nav-item.nav-item.active {
  background: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body .account-nav.account-nav .nav-item.nav-item.active :is(span, i, svg, svg *, path) {
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body .communication-page.communication-page .communication-surface.communication-surface :is(h1, h2, h3, .text-gray-900, .dark\:text-white),
html body .communication-page.communication-page .communication-surface.communication-surface :is(.text-gray-500, .text-gray-600, p),
html body .communication-page.communication-page .communication-surface.communication-surface button:not(.bg-primary):not([class*="bg-green"]):not([class*="bg-red"]),
html body .communication-page.communication-page .communication-surface.communication-surface .tab-btn.tab-btn,
html body .communication-page.communication-page .communication-surface.communication-surface .tab-btn.tab-btn :is(i, span, svg, svg *, path) {
  color: var(--app-color-text) !important;
  fill: var(--app-color-text) !important;
  stroke: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body .communication-page.communication-page .communication-surface.communication-surface .tab-btn.tab-btn:is(.active, [class*="border-primary"], [class*="text-primary"]) {
  color: var(--app-color-brand-text) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html.dark body .communication-page.communication-page .communication-surface.communication-surface :is(h1, h2, h3, .text-gray-900, .dark\:text-white, .text-gray-500, .text-gray-600, p, button:not(.bg-primary), .tab-btn.tab-btn),
html[data-theme="dark"] body .communication-page.communication-page .communication-surface.communication-surface :is(h1, h2, h3, .text-gray-900, .dark\:text-white, .text-gray-500, .text-gray-600, p, button:not(.bg-primary), .tab-btn.tab-btn),
body[data-theme="dark"] .communication-page.communication-page .communication-surface.communication-surface :is(h1, h2, h3, .text-gray-900, .dark\:text-white, .text-gray-500, .text-gray-600, p, button:not(.bg-primary), .tab-btn.tab-btn) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark body .pm-page.pm-page,
html[data-theme="dark"] body .pm-page.pm-page,
body[data-theme="dark"] .pm-page.pm-page,
html.dark body .pm-page.pm-page .pm-toolbar.pm-toolbar,
html[data-theme="dark"] body .pm-page.pm-page .pm-toolbar.pm-toolbar,
body[data-theme="dark"] .pm-page.pm-page .pm-toolbar.pm-toolbar {
  background: var(--app-color-page) !important;
  background-color: var(--app-color-page) !important;
  background-image: none !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: initial !important;
}

html.dark body .pm-page.pm-page :is(input, select, textarea, .pm-search-input, .pm-sort-select),
html[data-theme="dark"] body .pm-page.pm-page :is(input, select, textarea, .pm-search-input, .pm-sort-select),
body[data-theme="dark"] .pm-page.pm-page :is(input, select, textarea, .pm-search-input, .pm-sort-select) {
  background: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i),
html body .pf-page.pf-page .pf-breadcrumb.pf-breadcrumb :is(a, span, .current),
html body .pf-page.pf-page :is(.pf-hero, .pf-hero h1, .pf-hero p, .pf-hero span, .pf-hero i, .pf-page-title, .pf-page-subtitle) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html.dark body .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-breadcrumb.pf-breadcrumb a, .pf-breadcrumb.pf-breadcrumb span, .pf-breadcrumb.pf-breadcrumb .current),
html[data-theme="dark"] body .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-breadcrumb.pf-breadcrumb a, .pf-breadcrumb.pf-breadcrumb span, .pf-breadcrumb.pf-breadcrumb .current),
body[data-theme="dark"] .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-breadcrumb.pf-breadcrumb a, .pf-breadcrumb.pf-breadcrumb span, .pf-breadcrumb.pf-breadcrumb .current) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body :is(.lm-stat-card.lm-stat-card, .lm-financial-card.lm-financial-card, .lm-health-card.lm-health-card) :is(.lm-stat-label, .lm-stat-trend, .lm-financial-label, .lm-health-label),
html body .lm-page.lm-page :is(.lm-tab-count.lm-tab-count, .lm-filter-count.lm-filter-count) {
  background-color: var(--app-color-surface-muted) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body .lm-page.lm-page :is(.lm-btn.lm-btn-secondary, button.lm-btn.lm-btn-secondary, a.lm-btn.lm-btn-secondary) {
  background: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body .lm-page.lm-page :is(.lm-btn.lm-btn-secondary, button.lm-btn.lm-btn-secondary, a.lm-btn.lm-btn-secondary) :is(i, span, svg, svg *, path) {
  color: var(--app-color-text) !important;
  fill: var(--app-color-text) !important;
  stroke: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body .lm-page.lm-page :is(.lm-page-title, .lm-empty-title, .lm-empty-text),
html body .lm-page.lm-page > :is(div, p):not(.lm-card):not(.lm-stat-card):not(.lm-table-wrap):not(.lm-tabs) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

html.dark body .lm-page.lm-page :is(.lm-page-title, .lm-empty-title, .lm-empty-text, .ja-btn.ja-btn-ghost),
html[data-theme="dark"] body .lm-page.lm-page :is(.lm-page-title, .lm-empty-title, .lm-empty-text, .ja-btn.ja-btn-ghost),
body[data-theme="dark"] .lm-page.lm-page :is(.lm-page-title, .lm-empty-title, .lm-empty-text, .ja-btn.ja-btn-ghost) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* Appwide68: high-specificity correction pass for Appwide67 non-CRM findings. */
html body section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, div.dark\:bg-gray-800) :is(p, p span, p i, span:not([class*="text-white"]), i),
html body section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, div.dark\:bg-gray-800) :is(.text-gray-500, .text-gray-600, .text-gray-700) {
  color: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html body section.gradient-bg.hero-pattern a.inline-flex.bg-primary,
html body section.gradient-bg.hero-pattern a.inline-flex.bg-primary :is(i, span, svg, svg *, path) {
  background: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body #profile-avatar-placeholder.profile-avatar-placeholder.profile-avatar-placeholder {
  background: var(--app-flag-navy) !important;
  background-color: var(--app-flag-navy) !important;
  border-color: var(--app-flag-white) !important;
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body .communication-page.communication-page :is(.text-gray-900.text-gray-900, .text-gray-500.text-gray-500, h1, h2, h3, p, button.border, button.tab-btn.tab-btn.flex-1, .tab-btn.tab-btn.flex-1),
html body .communication-page.communication-page :is(.text-gray-900.text-gray-900, .text-gray-500.text-gray-500, h1, h2, h3, p, button.border, button.tab-btn.tab-btn.flex-1, .tab-btn.tab-btn.flex-1) :is(i, span, svg, svg *, path) {
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html.dark body .communication-page.communication-page :is(.text-gray-900.text-gray-900, .text-gray-500.text-gray-500, h1, h2, h3, p, button.border, button.tab-btn.tab-btn.flex-1, .tab-btn.tab-btn.flex-1),
html[data-theme="dark"] body .communication-page.communication-page :is(.text-gray-900.text-gray-900, .text-gray-500.text-gray-500, h1, h2, h3, p, button.border, button.tab-btn.tab-btn.flex-1, .tab-btn.tab-btn.flex-1),
body[data-theme="dark"] .communication-page.communication-page :is(.text-gray-900.text-gray-900, .text-gray-500.text-gray-500, h1, h2, h3, p, button.border, button.tab-btn.tab-btn.flex-1, .tab-btn.tab-btn.flex-1) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark body #mainContent > .pm-page.pm-page,
html[data-theme="dark"] body #mainContent > .pm-page.pm-page,
body[data-theme="dark"] #mainContent > .pm-page.pm-page {
  background: var(--app-color-page) !important;
  background-color: var(--app-color-page) !important;
  background-image: none !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-breadcrumb.pf-breadcrumb a, .pf-breadcrumb.pf-breadcrumb span, .pf-breadcrumb.pf-breadcrumb .current, .pf-step-item.pf-step-item, .pf-step-item.pf-step-item span:not(.pf-step-dot)),
html[data-theme="light"] body #mainContent .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-breadcrumb.pf-breadcrumb a, .pf-breadcrumb.pf-breadcrumb span, .pf-breadcrumb.pf-breadcrumb .current, .pf-step-item.pf-step-item, .pf-step-item.pf-step-item span:not(.pf-step-dot)),
body[data-theme="light"] #mainContent .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-breadcrumb.pf-breadcrumb a, .pf-breadcrumb.pf-breadcrumb span, .pf-breadcrumb.pf-breadcrumb .current, .pf-step-item.pf-step-item, .pf-step-item.pf-step-item span:not(.pf-step-dot)) {
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html body #mainContent .pf-page.pf-page :is(.pf-step-dot.pf-step-dot, .pf-step-item.active .pf-step-dot, .pf-step-item.completed .pf-step-dot) {
  background: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html.dark body #mainContent .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-step-item.pf-step-item, .pf-step-item.pf-step-item span:not(.pf-step-dot)),
html[data-theme="dark"] body #mainContent .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-step-item.pf-step-item, .pf-step-item.pf-step-item span:not(.pf-step-dot)),
body[data-theme="dark"] #mainContent .pf-page.pf-page :is(.pnav-link.pnav-link, .pnav-link.pnav-link span, .pnav-link.pnav-link i, .pf-step-item.pf-step-item, .pf-step-item.pf-step-item span:not(.pf-step-dot)) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body :is(.push-toggle-btn.push-toggle-btn, .theme-toggle-btn.theme-toggle-btn) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page :is(.lm-page-title, .lm-empty-title, .lm-empty-text, .lm-stat-label, .lm-stat-trend, .lm-tab-count, .lm-filter-count, .stat-label, .stat-value, h1, h2, h3, p, label, select, input, [style*="color:var(--app-color-brand)"]),
html[data-theme="light"] body #mainContent .lm-page.lm-page :is(.lm-page-title, .lm-empty-title, .lm-empty-text, .lm-stat-label, .lm-stat-trend, .lm-tab-count, .lm-filter-count, .stat-label, .stat-value, h1, h2, h3, p, label, select, input, [style*="color:var(--app-color-brand)"]),
body[data-theme="light"] #mainContent .lm-page.lm-page :is(.lm-page-title, .lm-empty-title, .lm-empty-text, .lm-stat-label, .lm-stat-trend, .lm-tab-count, .lm-filter-count, .stat-label, .stat-value, h1, h2, h3, p, label, select, input, [style*="color:var(--app-color-brand)"]) {
  color: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page :is(.lm-stat-card, .lm-card, .lm-filter-panel, .lm-tabs, .lm-table-wrap, .sc-section) :is(div, span, p, h1, h2, h3, h4, label, select, input, .stat-label, .stat-value, .lm-stat-label, .lm-stat-trend, .lm-tab-count, .lm-filter-count),
html[data-theme="light"] body #mainContent .lm-page.lm-page :is(.lm-stat-card, .lm-card, .lm-filter-panel, .lm-tabs, .lm-table-wrap, .sc-section) :is(div, span, p, h1, h2, h3, h4, label, select, input, .stat-label, .stat-value, .lm-stat-label, .lm-stat-trend, .lm-tab-count, .lm-filter-count),
body[data-theme="light"] #mainContent .lm-page.lm-page :is(.lm-stat-card, .lm-card, .lm-filter-panel, .lm-tabs, .lm-table-wrap, .sc-section) :is(div, span, p, h1, h2, h3, h4, label, select, input, .stat-label, .stat-value, .lm-stat-label, .lm-stat-trend, .lm-tab-count, .lm-filter-count) {
  color: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html.dark body #mainContent .lm-page.lm-page :is(.ja-btn.ja-btn-ghost, .ja-btn.ja-btn-ghost span, .ja-btn.ja-btn-ghost i),
html[data-theme="dark"] body #mainContent .lm-page.lm-page :is(.ja-btn.ja-btn-ghost, .ja-btn.ja-btn-ghost span, .ja-btn.ja-btn-ghost i),
body[data-theme="dark"] #mainContent .lm-page.lm-page :is(.ja-btn.ja-btn-ghost, .ja-btn.ja-btn-ghost span, .ja-btn.ja-btn-ghost i) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* Appwide69: inherited text-fill resets for rendered non-CRM cards, tabs, and brand headers. */
html body #mainContent section.gradient-bg.hero-pattern div.bg-white.bg-white p.text-gray-700,
html body #mainContent section.gradient-bg.hero-pattern div.bg-white.bg-white p.text-gray-700 :is(span, i, svg, svg *, path) {
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html body #mainContent section.gradient-bg.hero-pattern a.inline-flex.items-center.bg-primary,
html body #mainContent section.gradient-bg.hero-pattern a.inline-flex.items-center.bg-primary :is(i, span, svg, svg *, path) {
  background: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body #profile-avatar-placeholder.profile-avatar-placeholder.profile-avatar-placeholder,
html[data-theme="light"] body #profile-avatar-placeholder.profile-avatar-placeholder.profile-avatar-placeholder,
body[data-theme="light"] #profile-avatar-placeholder.profile-avatar-placeholder.profile-avatar-placeholder {
  background: var(--app-color-surface-muted) !important;
  background-color: var(--app-color-surface-muted) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html.dark body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link,
html.dark body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link :is(span, i, svg, svg *, path),
html[data-theme="dark"] body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link,
html[data-theme="dark"] body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link :is(span, i, svg, svg *, path),
body[data-theme="dark"] :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link,
body[data-theme="dark"] :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link :is(span, i, svg, svg *, path) {
  color: var(--app-color-text) !important;
  fill: var(--app-color-text) !important;
  stroke: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html.dark body #mainContent .pf-page.pf-page .pf-card.pf-card :is(.pf-card-title, .pf-card-title *, .pf-card-header, .pf-card-header *),
html[data-theme="dark"] body #mainContent .pf-page.pf-page .pf-card.pf-card :is(.pf-card-title, .pf-card-title *, .pf-card-header, .pf-card-header *),
body[data-theme="dark"] #mainContent .pf-page.pf-page .pf-card.pf-card :is(.pf-card-title, .pf-card-title *, .pf-card-header, .pf-card-header *) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent :is(.lm-page-container, .lm-page.lm-page) :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, [style*="color:var(--app-color-brand)"]),
html[data-theme="light"] body #mainContent :is(.lm-page-container, .lm-page.lm-page) :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, [style*="color:var(--app-color-brand)"]),
body[data-theme="light"] #mainContent :is(.lm-page-container, .lm-page.lm-page) :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, [style*="color:var(--app-color-brand)"]) {
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs :is(.lm-tab.lm-tab, .lm-tab.lm-tab *, .lm-tab-count.lm-tab-count),
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs :is(.lm-tab.lm-tab, .lm-tab.lm-tab *, .lm-tab-count.lm-tab-count),
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-tabs.lm-tabs :is(.lm-tab.lm-tab, .lm-tab.lm-tab *, .lm-tab-count.lm-tab-count) {
  color: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active *,
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active *,
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active * {
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html.dark body #mainContent .lm-page.lm-page a.ja-btn.ja-btn-ghost,
html.dark body #mainContent .lm-page.lm-page a.ja-btn.ja-btn-ghost *,
html[data-theme="dark"] body #mainContent .lm-page.lm-page a.ja-btn.ja-btn-ghost,
html[data-theme="dark"] body #mainContent .lm-page.lm-page a.ja-btn.ja-btn-ghost *,
body[data-theme="dark"] #mainContent .lm-page.lm-page a.ja-btn.ja-btn-ghost,
body[data-theme="dark"] #mainContent .lm-page.lm-page a.ja-btn.ja-btn-ghost * {
  background: var(--app-color-surface-muted) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* Appwide70: split white lease wraps from branded lease panels and finish top-nav utility contrast. */
html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-wrap.lm-wrap :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, h1, h1 *),
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-wrap.lm-wrap :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, h1, h1 *),
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-wrap.lm-wrap :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, h1, h1 *) {
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page-container.lm-page-container :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, .lm-filter-count, h1, h1 *, p, p *),
html[data-theme="light"] body #mainContent .lm-page-container.lm-page-container :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, .lm-filter-count, h1, h1 *, p, p *),
body[data-theme="light"] #mainContent .lm-page-container.lm-page-container :is(.lm-page-header, .lm-header-top) :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, .lm-filter-count, h1, h1 *, p, p *) {
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page :is(#readyForLeaseWidget, [id*="Widget"], .lm-kpi-card, .lm-stat-card.blue, .lm-stat-card.red) :is(h1, h2, h3, h4, p, div, span, strong, small),
html[data-theme="light"] body #mainContent .lm-page.lm-page :is(#readyForLeaseWidget, [id*="Widget"], .lm-kpi-card, .lm-stat-card.blue, .lm-stat-card.red) :is(h1, h2, h3, h4, p, div, span, strong, small),
body[data-theme="light"] #mainContent .lm-page.lm-page :is(#readyForLeaseWidget, [id*="Widget"], .lm-kpi-card, .lm-stat-card.blue, .lm-stat-card.red) :is(h1, h2, h3, h4, p, div, span, strong, small) {
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active :is(span, i, svg, svg *, path),
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active :is(span, i, svg, svg *, path),
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active :is(span, i, svg, svg *, path) {
  background: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active .lm-tab-count,
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active .lm-tab-count,
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active .lm-tab-count {
  background: rgba(var(--app-flag-black-rgb), 0.26) !important;
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link,
html:not(.dark):not([data-theme="dark"]) body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link :is(span, i, svg, svg *, path),
html[data-theme="light"] body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link,
html[data-theme="light"] body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link :is(span, i, svg, svg *, path),
body[data-theme="light"] :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link,
body[data-theme="light"] :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link :is(span, i, svg, svg *, path) {
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html.dark body :is(#themeToggleBtn.theme-toggle-btn, #pushNotificationSidebarToggle.push-toggle-btn),
html[data-theme="dark"] body :is(#themeToggleBtn.theme-toggle-btn, #pushNotificationSidebarToggle.push-toggle-btn),
body[data-theme="dark"] :is(#themeToggleBtn.theme-toggle-btn, #pushNotificationSidebarToggle.push-toggle-btn) {
  background: var(--app-color-surface-muted) !important;
  background-color: var(--app-color-surface-muted) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  fill: var(--app-color-text) !important;
  stroke: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700,
html:not(.dark):not([data-theme="dark"]) body #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700 :is(span, i, svg, svg *, path),
html[data-theme="light"] body #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700,
html[data-theme="light"] body #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700 :is(span, i, svg, svg *, path),
body[data-theme="light"] #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700,
body[data-theme="light"] #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700 :is(span, i, svg, svg *, path) {
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html.dark body #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700,
html.dark body #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700 :is(span, i, svg, svg *, path),
html[data-theme="dark"] body #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700,
html[data-theme="dark"] body #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700 :is(span, i, svg, svg *, path),
body[data-theme="dark"] #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700,
body[data-theme="dark"] #mainContent section.gradient-bg.hero-pattern :is(div.bg-white.bg-white, .bg-white.dark\:bg-gray-800) p.text-gray-700 :is(span, i, svg, svg *, path) {
  color: var(--app-color-text) !important;
  fill: var(--app-color-text) !important;
  stroke: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html body #mainContent section.gradient-bg.hero-pattern a[href*="brokerage"].inline-flex,
html body #mainContent section.gradient-bg.hero-pattern a[href*="brokerage"].inline-flex :is(i, span, svg, svg *, path) {
  background: var(--app-flag-navy) !important;
  background-color: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html.dark body #mainContent a.ja-btn.ja-btn-ghost,
html.dark body #mainContent a.ja-btn.ja-btn-ghost *,
html[data-theme="dark"] body #mainContent a.ja-btn.ja-btn-ghost,
html[data-theme="dark"] body #mainContent a.ja-btn.ja-btn-ghost *,
body[data-theme="dark"] #mainContent a.ja-btn.ja-btn-ghost,
body[data-theme="dark"] #mainContent a.ja-btn.ja-btn-ghost * {
  background: var(--app-color-surface-muted) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* Appwide71: final contrast pass for global utilities, settings nav, and lease stat/nav families. */
html body :is(#pushNotificationSidebarToggle.push-toggle-btn, #themeToggleBtn.theme-toggle-btn) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border-strong) !important;
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html.dark body :is(#pushNotificationSidebarToggle.push-toggle-btn, #themeToggleBtn.theme-toggle-btn),
html[data-theme="dark"] body :is(#pushNotificationSidebarToggle.push-toggle-btn, #themeToggleBtn.theme-toggle-btn),
body[data-theme="dark"] :is(#pushNotificationSidebarToggle.push-toggle-btn, #themeToggleBtn.theme-toggle-btn) {
  background: var(--app-flag-black) !important;
  background-color: var(--app-flag-black) !important;
  border-color: rgba(var(--app-flag-white-rgb), 0.3) !important;
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html.dark body #mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"],
html.dark body #mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"] :is(i, span, svg, svg *, path),
html[data-theme="dark"] body #mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"],
html[data-theme="dark"] body #mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"] :is(i, span, svg, svg *, path),
body[data-theme="dark"] #mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"],
body[data-theme="dark"] #mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"] :is(i, span, svg, svg *, path) {
  background: var(--app-flag-navy) !important;
  background-color: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body .setnav-tabs.setnav-tabs .setnav-link.setnav-link,
html body .setnav-tabs.setnav-tabs .setnav-link.setnav-link :is(span, i, svg, svg *, path) {
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html body .setnav-tabs.setnav-tabs .setnav-link.setnav-link.active,
html body .setnav-tabs.setnav-tabs .setnav-link.setnav-link.active :is(span, i, svg, svg *, path) {
  background: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html.dark body .setnav-tabs.setnav-tabs .setnav-link.setnav-link,
html.dark body .setnav-tabs.setnav-tabs .setnav-link.setnav-link :is(span, i, svg, svg *, path),
html[data-theme="dark"] body .setnav-tabs.setnav-tabs .setnav-link.setnav-link,
html[data-theme="dark"] body .setnav-tabs.setnav-tabs .setnav-link.setnav-link :is(span, i, svg, svg *, path),
body[data-theme="dark"] .setnav-tabs.setnav-tabs .setnav-link.setnav-link,
body[data-theme="dark"] .setnav-tabs.setnav-tabs .setnav-link.setnav-link :is(span, i, svg, svg *, path) {
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body .communication-page.communication-page :is(.filter-btn.filter-btn, button.filter-btn.filter-btn),
html[data-theme="light"] body .communication-page.communication-page :is(.filter-btn.filter-btn, button.filter-btn.filter-btn),
body[data-theme="light"] .communication-page.communication-page :is(.filter-btn.filter-btn, button.filter-btn.filter-btn) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border-strong) !important;
  color: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html:not(.dark):not([data-theme="dark"]) body .communication-page.communication-page :is(h3.mt-4.text-lg.font-medium, p.mt-2.text-gray-500),
html[data-theme="light"] body .communication-page.communication-page :is(h3.mt-4.text-lg.font-medium, p.mt-2.text-gray-500),
body[data-theme="light"] .communication-page.communication-page :is(h3.mt-4.text-lg.font-medium, p.mt-2.text-gray-500) {
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body #mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path) {
  color: var(--app-flag-black) !important;
  fill: var(--app-flag-black) !important;
  stroke: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html.dark body #mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path),
html[data-theme="dark"] body #mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path),
body[data-theme="dark"] #mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path) {
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body #mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs .lm-nav-tab.lm-nav-tab.active,
html body #mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs .lm-nav-tab.lm-nav-tab.active :is(span, i, svg, svg *, path) {
  background: var(--app-flag-navy) !important;
  background-color: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value, .lm-stat-label, .lm-stat-trend, .stat-value, .stat-label, h3, p, div, span, strong, small),
html[data-theme="light"] body #mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value, .lm-stat-label, .lm-stat-trend, .stat-value, .stat-label, h3, p, div, span, strong, small),
body[data-theme="light"] #mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value, .lm-stat-label, .lm-stat-trend, .stat-value, .stat-label, h3, p, div, span, strong, small) {
  color: var(--app-flag-black) !important;
  -webkit-text-fill-color: var(--app-flag-black) !important;
}

html.dark body #mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value, .lm-stat-label, .lm-stat-trend, .stat-value, .stat-label, h3, p, div, span, strong, small),
html[data-theme="dark"] body #mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value, .lm-stat-label, .lm-stat-trend, .stat-value, .stat-label, h3, p, div, span, strong, small),
body[data-theme="dark"] #mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value, .lm-stat-label, .lm-stat-trend, .stat-value, .stat-label, h3, p, div, span, strong, small) {
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html body #mainContent .lm-page.lm-page :is(.lm-filter-count.lm-filter-count, .lm-tab-count.lm-tab-count) {
  background: var(--app-flag-navy) !important;
  background-color: var(--app-flag-navy) !important;
  border-color: var(--app-flag-navy) !important;
  color: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1),
html:not(.dark):not([data-theme="dark"]) body #mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1) *,
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1),
html[data-theme="light"] body #mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1) *,
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1),
body[data-theme="light"] #mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1) * {
  color: var(--app-flag-white) !important;
  fill: var(--app-flag-white) !important;
  stroke: var(--app-flag-white) !important;
  -webkit-text-fill-color: var(--app-flag-white) !important;
}

/* Appwide72: specificity lock for rules outranked by earlier ID-bearing :is() groups. */
html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn,
html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn :is(span, i, svg, svg *, path) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn,
html.dark body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn :is(span, i, svg, svg *, path),
html[data-theme="dark"] body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn,
html[data-theme="dark"] body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn :is(span, i, svg, svg *, path),
body[data-theme="dark"] #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn,
body[data-theme="dark"] #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn :is(span, i, svg, svg *, path) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn,
html body #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn :is(span, i, svg, svg *, path) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn,
html.dark body #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn :is(span, i, svg, svg *, path),
html[data-theme="dark"] body #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn,
html[data-theme="dark"] body #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn :is(span, i, svg, svg *, path),
body[data-theme="dark"] #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn,
body[data-theme="dark"] #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn :is(span, i, svg, svg *, path) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark body #mainContent#mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"],
html.dark body #mainContent#mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"] :is(i, span, svg, svg *, path),
html[data-theme="dark"] body #mainContent#mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"],
html[data-theme="dark"] body #mainContent#mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"] :is(i, span, svg, svg *, path),
body[data-theme="dark"] #mainContent#mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"],
body[data-theme="dark"] #mainContent#mainContent section.gradient-bg.hero-pattern a.bg-primary.bg-primary.text-white.text-white.inline-flex.inline-flex[href*="brokerage"] :is(i, span, svg, svg *, path) {
  background: #002868 !important;
  background-color: #002868 !important;
  border-color: #002868 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent :is(input.form-input.form-input, textarea.form-input.form-input, select.form-input.form-input),
html[data-theme="light"] body #mainContent#mainContent :is(input.form-input.form-input, textarea.form-input.form-input, select.form-input.form-input),
body[data-theme="light"] #mainContent#mainContent :is(input.form-input.form-input, textarea.form-input.form-input, select.form-input.form-input) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value.lm-stat-value, .lm-stat-label.lm-stat-label, .lm-stat-trend.lm-stat-trend, .stat-value.stat-value, .stat-label.stat-label, h3, p, div, span, strong, small),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value.lm-stat-value, .lm-stat-label.lm-stat-label, .lm-stat-trend.lm-stat-trend, .stat-value.stat-value, .stat-label.stat-label, h3, p, div, span, strong, small),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value.lm-stat-value, .lm-stat-label.lm-stat-label, .lm-stat-trend.lm-stat-trend, .stat-value.stat-value, .stat-label.stat-label, h3, p, div, span, strong, small) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #mainContent#mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value.lm-stat-value, .lm-stat-label.lm-stat-label, .lm-stat-trend.lm-stat-trend, .stat-value.stat-value, .stat-label.stat-label, h3, p, div, span, strong, small),
html[data-theme="dark"] body #mainContent#mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value.lm-stat-value, .lm-stat-label.lm-stat-label, .lm-stat-trend.lm-stat-trend, .stat-value.stat-value, .stat-label.stat-label, h3, p, div, span, strong, small),
body[data-theme="dark"] #mainContent#mainContent .lm-page.lm-page :is(.lm-stat-card.lm-stat-card, .lm-kpi-card.lm-kpi-card, .sc-section.sc-section) :is(.lm-stat-value.lm-stat-value, .lm-stat-label.lm-stat-label, .lm-stat-trend.lm-stat-trend, .stat-value.stat-value, .stat-label.stat-label, h3, p, div, span, strong, small) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path) {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #mainContent#mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path),
html[data-theme="dark"] body #mainContent#mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path),
body[data-theme="dark"] #mainContent#mainContent .lm-page.lm-page .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent .lm-page.lm-page :is(.lm-filter-count.lm-filter-count, .lm-tab-count.lm-tab-count) {
  background: #002868 !important;
  background-color: #002868 !important;
  border-color: #002868 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1),
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1) *,
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1) *,
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-page-header .lm-page-title:not(h1) * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Appwide73: focused cleanup for property utility buttons and lease navigation/filter surfaces. */
html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn,
html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn :is(span, i, svg, svg *, path),
html body #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn,
html body #themeToggleBtn#themeToggleBtn.theme-toggle-btn.theme-toggle-btn :is(span, i, svg, svg *, path) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path),
html[data-theme="light"] body .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path),
body[data-theme="light"] .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path) {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path),
html[data-theme="dark"] body .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path),
body[data-theme="dark"] .lm-nav-tabs.lm-nav-tabs :is(.lm-nav-tab.lm-nav-tab, .lm-nav-tab.lm-nav-tab span, .lm-nav-tab.lm-nav-tab i, .lm-nav-tab.lm-nav-tab svg, .lm-nav-tab.lm-nav-tab path) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active :is(span, i, svg, svg *, path),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active :is(span, i, svg, svg *, path),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active,
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-tabs.lm-tabs .lm-tab.lm-tab.active :is(span, i, svg, svg *, path) {
  background: #eef2f6 !important;
  background-color: #eef2f6 !important;
  border-color: #667085 !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page :is(.lm-filter-count.lm-filter-count, .lm-tab-count.lm-tab-count),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page :is(.lm-filter-count.lm-filter-count, .lm-tab-count.lm-tab-count),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page :is(.lm-filter-count.lm-filter-count, .lm-tab-count.lm-tab-count) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page-container.lm-page-container :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, .lm-empty-title *, .lm-empty-text *),
html[data-theme="light"] body #mainContent#mainContent .lm-page-container.lm-page-container :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, .lm-empty-title *, .lm-empty-text *),
body[data-theme="light"] #mainContent#mainContent .lm-page-container.lm-page-container :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text, .lm-empty-title *, .lm-empty-text *) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) > :is(h3, div, span, p),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) > :is(h3, div, span, p),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) > :is(h3, div, span, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Appwide74: final split for light lease containers and active nav/count fills. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent :is(.form-label.form-label, .form-hint.form-hint),
html[data-theme="light"] body #mainContent#mainContent :is(.form-label.form-label, .form-hint.form-hint),
body[data-theme="light"] #mainContent#mainContent :is(.form-label.form-label, .form-hint.form-hint) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html body .lm-nav-tabs.lm-nav-tabs .lm-nav-tab.lm-nav-tab.active,
html body .lm-nav-tabs.lm-nav-tabs .lm-nav-tab.lm-nav-tab.active :is(span, i, svg, svg *, path) {
  background: #3f4f5f !important;
  background-color: #3f4f5f !important;
  border-color: #3f4f5f !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-container.lm-container :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text),
html[data-theme="light"] body #mainContent#mainContent .lm-container.lm-container :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text),
body[data-theme="light"] #mainContent#mainContent .lm-container.lm-container :is(.lm-page-title, .lm-page-title *, .lm-empty-title, .lm-empty-text) {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html body #mainContent#mainContent .lm-page.lm-page :is(.lm-filter-count.lm-filter-count, .lm-tab-count.lm-tab-count) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) :is(h3, div, span, p),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) :is(h3, div, span, p),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) :is(h3, div, span, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark body #mainContent#mainContent .lm-page.lm-page :is(.lm-container.lm-container, .lm-wrap.lm-wrap) :is(.lm-kpi-card, .lm-summary-card, .lm-stat-card) :is(h3, p, div, span),
html[data-theme="dark"] body #mainContent#mainContent .lm-page.lm-page :is(.lm-container.lm-container, .lm-wrap.lm-wrap) :is(.lm-kpi-card, .lm-summary-card, .lm-stat-card) :is(h3, p, div, span),
body[data-theme="dark"] #mainContent#mainContent .lm-page.lm-page :is(.lm-container.lm-container, .lm-wrap.lm-wrap) :is(.lm-kpi-card, .lm-summary-card, .lm-stat-card) :is(h3, p, div, span) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Appwide75: system-nav active lease tab text fill lock. */
html body #systemNavHost.system-nav-host .lm-nav-tabs.lm-nav-tabs .lm-nav-tab.lm-nav-tab.active.active,
html body #systemNavHost.system-nav-host .lm-nav-tabs.lm-nav-tabs .lm-nav-tab.lm-nav-tab.active.active :is(span, i, svg, svg *, path),
html body nav.top-navbar.top-navbar .lm-nav-tabs.lm-nav-tabs .lm-nav-tab.lm-nav-tab.active.active,
html body nav.top-navbar.top-navbar .lm-nav-tabs.lm-nav-tabs .lm-nav-tab.lm-nav-tab.active.active :is(span, i, svg, svg *, path) {
  background: #3f4f5f !important;
  background-color: #3f4f5f !important;
  border-color: #3f4f5f !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Appwide76: explicit light text resets for lease sort, KPI, count, and screening sections. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap span[style*="font-size: 13px"][style*="app-color-brand"],
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap span[style*="font-size: 13px"][style*="app-color-brand"],
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap span[style*="font-size: 13px"][style*="app-color-brand"] {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-kpi-card.lm-kpi-card,
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-kpi-card.lm-kpi-card,
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-kpi-card.lm-kpi-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-kpi-card.lm-kpi-card :is(h3, p, div, span, strong, small),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-kpi-card.lm-kpi-card :is(h3, p, div, span, strong, small),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-kpi-card.lm-kpi-card :is(h3, p, div, span, strong, small) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html body #mainContent#mainContent .lm-page-container.lm-page-container .lm-filter-tabs.lm-filter-tabs .lm-filter-count.lm-filter-count,
html body #mainContent#mainContent .lm-page-container.lm-page-container .lm-filter-tabs.lm-filter-tabs .lm-filter-count.lm-filter-count * {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .sc-section.sc-section,
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .sc-section.sc-section,
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .sc-section.sc-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .sc-section.sc-section :is(h1, h2, h3, h4, p, div, span, strong, small),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .sc-section.sc-section :is(h1, h2, h3, h4, p, div, span, strong, small),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .sc-section.sc-section :is(h1, h2, h3, h4, p, div, span, strong, small) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Appwide77: override the earlier lease-wrap white-on-brand helper for light embedded cards. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap div[style*="justify-content: space-between"] div[style*="gap: 12px"] > span[style*="font-size: 13px"],
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap div[style*="justify-content: space-between"] div[style*="gap: 12px"] > span[style*="font-size: 13px"],
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap div[style*="justify-content: space-between"] div[style*="gap: 12px"] > span[style*="font-size: 13px"] {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-kpi-grid.lm-kpi-grid.lm-kpi-grid .lm-kpi-card.lm-kpi-card.lm-kpi-card,
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-kpi-grid.lm-kpi-grid.lm-kpi-grid .lm-kpi-card.lm-kpi-card.lm-kpi-card,
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-kpi-grid.lm-kpi-grid.lm-kpi-grid .lm-kpi-card.lm-kpi-card.lm-kpi-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-kpi-grid.lm-kpi-grid.lm-kpi-grid .lm-kpi-card.lm-kpi-card.lm-kpi-card .lm-kpi-content.lm-kpi-content.lm-kpi-content :is(h3, p, div, span, strong, small),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-kpi-grid.lm-kpi-grid.lm-kpi-grid .lm-kpi-card.lm-kpi-card.lm-kpi-card .lm-kpi-content.lm-kpi-content.lm-kpi-content :is(h3, p, div, span, strong, small),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-kpi-grid.lm-kpi-grid.lm-kpi-grid .lm-kpi-card.lm-kpi-card.lm-kpi-card .lm-kpi-content.lm-kpi-content.lm-kpi-content :is(h3, p, div, span, strong, small) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .sc-section.sc-section.sc-section,
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .sc-section.sc-section.sc-section,
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .sc-section.sc-section.sc-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .sc-section.sc-section.sc-section :is(h1, h2, h3, h4, p, div, span, strong, small),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .sc-section.sc-section.sc-section :is(h1, h2, h3, h4, p, div, span, strong, small),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .sc-section.sc-section.sc-section :is(h1, h2, h3, h4, p, div, span, strong, small) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Appwide78: match lease-wrap helper specificity for remaining light embedded controls. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) span[style*="font-size: 13px"][style*="app-color-brand"],
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) span[style*="font-size: 13px"][style*="app-color-brand"],
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) span[style*="font-size: 13px"][style*="app-color-brand"] {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > .sc-section.sc-section.sc-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) :is(h1, h2, h3, h4, p, div, span, strong, small),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > .sc-section.sc-section.sc-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) :is(h1, h2, h3, h4, p, div, span, strong, small),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > .sc-section.sc-section.sc-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) :is(h1, h2, h3, h4, p, div, span, strong, small) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Appwide79: broad route-family cleanup for helpdesk, tasks, analytics, maintenance, and tenant portal. */
html body #mainContent#mainContent :is(.tk-btn-primary, .ah-btn-primary, .btn-create, .tp-btn-primary, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5),
html body #mainContent#mainContent :is(.tk-btn-primary, .ah-btn-primary, .btn-create, .tp-btn-primary, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5) :is(span, i, svg, svg *, path) {
  background: #002868 !important;
  background-color: #002868 !important;
  border-color: #002868 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark body #mainContent#mainContent :is(.tk-btn-primary, .ah-btn-primary, .btn-create, .tp-btn-primary, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5),
html.dark body #mainContent#mainContent :is(.tk-btn-primary, .ah-btn-primary, .btn-create, .tp-btn-primary, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5) :is(span, i, svg, svg *, path),
html[data-theme="dark"] body #mainContent#mainContent :is(.tk-btn-primary, .ah-btn-primary, .btn-create, .tp-btn-primary, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5),
html[data-theme="dark"] body #mainContent#mainContent :is(.tk-btn-primary, .ah-btn-primary, .btn-create, .tp-btn-primary, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5) :is(span, i, svg, svg *, path),
body[data-theme="dark"] #mainContent#mainContent :is(.tk-btn-primary, .ah-btn-primary, .btn-create, .tp-btn-primary, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5),
body[data-theme="dark"] #mainContent#mainContent :is(.tk-btn-primary, .ah-btn-primary, .btn-create, .tp-btn-primary, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5) :is(span, i, svg, svg *, path) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark body #mainContent#mainContent :is(.tk-select, #searchInput),
html[data-theme="dark"] body #mainContent#mainContent :is(.tk-select, #searchInput),
body[data-theme="dark"] #mainContent#mainContent :is(.tk-select, #searchInput) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent :is(.tc-title, .tc-subtitle, .cr-title, .cr-card-title, .kb-hero h1, .kb-hero p, .helpdesk-hero h1, .helpdesk-hero p),
html[data-theme="light"] body #mainContent#mainContent :is(.tc-title, .tc-subtitle, .cr-title, .cr-card-title, .kb-hero h1, .kb-hero p, .helpdesk-hero h1, .helpdesk-hero p),
body[data-theme="light"] #mainContent#mainContent :is(.tc-title, .tc-subtitle, .cr-title, .cr-card-title, .kb-hero h1, .kb-hero p, .helpdesk-hero h1, .helpdesk-hero p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent :is(.cr-category-count, .ml-2.px-2.py-0\.5) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent :is(.maintenance-page, .tp-page, .tp-section, .maintenance-form, .maintenance-card) :is(.form-hint, .form-textarea, textarea, p, .tp-title, .tp-section-title),
html[data-theme="light"] body #mainContent#mainContent :is(.maintenance-page, .tp-page, .tp-section, .maintenance-form, .maintenance-card) :is(.form-hint, .form-textarea, textarea, p, .tp-title, .tp-section-title),
body[data-theme="light"] #mainContent#mainContent :is(.maintenance-page, .tp-page, .tp-section, .maintenance-form, .maintenance-card) :is(.form-hint, .form-textarea, textarea, p, .tp-title, .tp-section-title) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #mainContent#mainContent :is(.tp-title, .tp-section-title, .tp-title *, .tp-section-title *),
html[data-theme="dark"] body #mainContent#mainContent :is(.tp-title, .tp-section-title, .tp-title *, .tp-section-title *),
body[data-theme="dark"] #mainContent#mainContent :is(.tp-title, .tp-section-title, .tp-title *, .tp-section-title *) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent :is(.tp-page, .tenant-portal, .maintenance-page) button,
html body #mainContent#mainContent :is(.tp-page, .tenant-portal, .maintenance-page) button :is(span, i, svg, svg *, path) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Appwide80: finish remaining rendered broad-family contrast holds. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .tk-card.tk-card :is(#searchInput, .tk-select),
html[data-theme="light"] body #mainContent#mainContent .tk-card.tk-card :is(#searchInput, .tk-select),
body[data-theme="light"] #mainContent#mainContent .tk-card.tk-card :is(#searchInput, .tk-select) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .tk-stat.tk-stat .tk-stat-value.tk-stat-value,
html[data-theme="light"] body #mainContent#mainContent .tk-stat.tk-stat .tk-stat-value.tk-stat-value,
body[data-theme="light"] #mainContent#mainContent .tk-stat.tk-stat .tk-stat-value.tk-stat-value {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark body #mainContent#mainContent .tk-view-btn.tk-view-btn,
html[data-theme="dark"] body #mainContent#mainContent .tk-view-btn.tk-view-btn,
body[data-theme="dark"] #mainContent#mainContent .tk-view-btn.tk-view-btn,
html.dark body #mainContent#mainContent .tk-view-btn.tk-view-btn :is(span, i, svg, svg *, path),
html[data-theme="dark"] body #mainContent#mainContent .tk-view-btn.tk-view-btn :is(span, i, svg, svg *, path),
body[data-theme="dark"] #mainContent#mainContent .tk-view-btn.tk-view-btn :is(span, i, svg, svg *, path) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent .tc-breadcrumb.tc-breadcrumb,
html body #mainContent#mainContent .tc-breadcrumb.tc-breadcrumb :is(a, span, i, svg, svg *, path) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent :is(.lm-page, .tk-container) :is(.btn-create, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5),
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent :is(.lm-page, .tk-container) :is(.btn-create, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5) :is(span, i, svg, svg *, path),
html[data-theme="light"] body #mainContent#mainContent :is(.lm-page, .tk-container) :is(.btn-create, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5),
html[data-theme="light"] body #mainContent#mainContent :is(.lm-page, .tk-container) :is(.btn-create, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5) :is(span, i, svg, svg *, path),
body[data-theme="light"] #mainContent#mainContent :is(.lm-page, .tk-container) :is(.btn-create, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5),
body[data-theme="light"] #mainContent#mainContent :is(.lm-page, .tk-container) :is(.btn-create, a.inline-flex.items-center.px-5, button.inline-flex.items-center.px-5) :is(span, i, svg, svg *, path) {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  border-color: #000000 !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page :is(.mt-section, .mf-section) :is(p, .form-hint, .form-textarea, .form-input, .form-select, textarea),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page :is(.mt-section, .mf-section) :is(p, .form-hint, .form-textarea, .form-input, .form-select, textarea),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page :is(.mt-section, .mf-section) :is(p, .form-hint, .form-textarea, .form-input, .form-select, textarea) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #mainContent#mainContent .tp-page.tp-page .tp-section.tp-section button,
html.dark body #mainContent#mainContent .tp-page.tp-page .tp-section.tp-section button :is(span, i, svg, svg *, path),
html[data-theme="dark"] body #mainContent#mainContent .tp-page.tp-page .tp-section.tp-section button,
html[data-theme="dark"] body #mainContent#mainContent .tp-page.tp-page .tp-section.tp-section button :is(span, i, svg, svg *, path),
body[data-theme="dark"] #mainContent#mainContent .tp-page.tp-page .tp-section.tp-section button,
body[data-theme="dark"] #mainContent#mainContent .tp-page.tp-page .tp-section.tp-section button :is(span, i, svg, svg *, path) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Appwide81: narrow specificity locks for remaining broad-family light states. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent a[href*="/app/tasks/create/"].inline-flex.items-center.px-5.py-2\.5.bg-slate-500.text-white.rounded-xl,
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent a[href*="/app/tasks/create/"].inline-flex.items-center.px-5.py-2\.5.bg-slate-500.text-white.rounded-xl :is(span, i, svg, svg *, path),
html[data-theme="light"] body #mainContent#mainContent a[href*="/app/tasks/create/"].inline-flex.items-center.px-5.py-2\.5.bg-slate-500.text-white.rounded-xl,
html[data-theme="light"] body #mainContent#mainContent a[href*="/app/tasks/create/"].inline-flex.items-center.px-5.py-2\.5.bg-slate-500.text-white.rounded-xl :is(span, i, svg, svg *, path),
body[data-theme="light"] #mainContent#mainContent a[href*="/app/tasks/create/"].inline-flex.items-center.px-5.py-2\.5.bg-slate-500.text-white.rounded-xl,
body[data-theme="light"] #mainContent#mainContent a[href*="/app/tasks/create/"].inline-flex.items-center.px-5.py-2\.5.bg-slate-500.text-white.rounded-xl :is(span, i, svg, svg *, path) {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  border: 1px solid #000000 !important;
  border-color: #000000 !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .mt-section.mt-section > div[style*="text-align:center"] p,
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .mt-section.mt-section > div[style*="text-align:center"] p,
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .mt-section.mt-section > div[style*="text-align:center"] p,
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .mf-section.mf-section .form-hint.form-hint,
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .mf-section.mf-section .form-hint.form-hint,
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap .mf-section.mf-section .form-hint.form-hint {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Appwide82: beat the high-specificity lease-wrap white helper on maintenance card interiors. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap.lm-wrap > .mt-section.mt-section.mt-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) div[style*="text-align:center"] > p,
html[data-theme="light"] body #mainContent#mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap.lm-wrap > .mt-section.mt-section.mt-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) div[style*="text-align:center"] > p,
body[data-theme="light"] #mainContent#mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap.lm-wrap > .mt-section.mt-section.mt-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) div[style*="text-align:center"] > p,
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap.lm-wrap > .mf-section.mf-section.mf-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) .form-hint.form-hint.form-hint,
html[data-theme="light"] body #mainContent#mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap.lm-wrap > .mf-section.mf-section.mf-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) .form-hint.form-hint.form-hint,
body[data-theme="light"] #mainContent#mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap.lm-wrap > .mf-section.mf-section.mf-section:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-card):not(.lm-filter-panel):not(.lm-table-responsive) .form-hint.form-hint.form-hint {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Appwide83: themed email verification overlay without hard black light-mode backdrop or gradients. */
html:not(.dark):not([data-theme="dark"]) body #emailVerificationPopup#emailVerificationPopup,
html[data-theme="light"] body #emailVerificationPopup#emailVerificationPopup,
body[data-theme="light"] #emailVerificationPopup#emailVerificationPopup {
  background: rgba(246, 247, 249, 0.92) !important;
  background-color: rgba(246, 247, 249, 0.92) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #emailVerificationPopup#emailVerificationPopup,
html[data-theme="dark"] body #emailVerificationPopup#emailVerificationPopup,
body[data-theme="dark"] #emailVerificationPopup#emailVerificationPopup {
  background: rgba(0, 0, 0, 0.78) !important;
  background-color: rgba(0, 0, 0, 0.78) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #emailVerificationPopup#emailVerificationPopup :is(.bg-gradient-to-r, .bg-gradient-to-br, [class*="from-yellow"], [class*="to-yellow"], [class*="to-orange"], [class*="from-slate"], [class*="to-slate"]) {
  background-image: none !important;
}

html:not(.dark):not([data-theme="dark"]) body #emailVerificationPopup#emailVerificationPopup > div,
html[data-theme="light"] body #emailVerificationPopup#emailVerificationPopup > div,
body[data-theme="light"] #emailVerificationPopup#emailVerificationPopup > div,
html:not(.dark):not([data-theme="dark"]) body #emailVerificationPopup#emailVerificationPopup :is(.bg-white, .bg-gray-50, .bg-slate-50, .bg-yellow-50, .bg-yellow-100, .bg-yellow-200),
html[data-theme="light"] body #emailVerificationPopup#emailVerificationPopup :is(.bg-white, .bg-gray-50, .bg-slate-50, .bg-yellow-50, .bg-yellow-100, .bg-yellow-200),
body[data-theme="light"] #emailVerificationPopup#emailVerificationPopup :is(.bg-white, .bg-gray-50, .bg-slate-50, .bg-yellow-50, .bg-yellow-100, .bg-yellow-200) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
}

html.dark body #emailVerificationPopup#emailVerificationPopup > div,
html[data-theme="dark"] body #emailVerificationPopup#emailVerificationPopup > div,
body[data-theme="dark"] #emailVerificationPopup#emailVerificationPopup > div,
html.dark body #emailVerificationPopup#emailVerificationPopup :is(.bg-white, .bg-gray-50, .bg-slate-50, .bg-yellow-50, .bg-yellow-100, .bg-yellow-200),
html[data-theme="dark"] body #emailVerificationPopup#emailVerificationPopup :is(.bg-white, .bg-gray-50, .bg-slate-50, .bg-yellow-50, .bg-yellow-100, .bg-yellow-200),
body[data-theme="dark"] #emailVerificationPopup#emailVerificationPopup :is(.bg-white, .bg-gray-50, .bg-slate-50, .bg-yellow-50, .bg-yellow-100, .bg-yellow-200) {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #emailVerificationPopup#emailVerificationPopup :is(h1, h2, h3, h4, p, span, div, button, svg, svg *, path, .text-gray-900, .text-gray-700, .text-gray-600, .text-yellow-900, .text-yellow-800, .text-yellow-600, .text-slate-900, .text-slate-800, .text-slate-600),
html[data-theme="light"] body #emailVerificationPopup#emailVerificationPopup :is(h1, h2, h3, h4, p, span, div, button, svg, svg *, path, .text-gray-900, .text-gray-700, .text-gray-600, .text-yellow-900, .text-yellow-800, .text-yellow-600, .text-slate-900, .text-slate-800, .text-slate-600),
body[data-theme="light"] #emailVerificationPopup#emailVerificationPopup :is(h1, h2, h3, h4, p, span, div, button, svg, svg *, path, .text-gray-900, .text-gray-700, .text-gray-600, .text-yellow-900, .text-yellow-800, .text-yellow-600, .text-slate-900, .text-slate-800, .text-slate-600) {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #emailVerificationPopup#emailVerificationPopup :is(h1, h2, h3, h4, p, span, div, button, svg, svg *, path, .text-gray-900, .text-gray-700, .text-gray-600, .text-yellow-900, .text-yellow-800, .text-yellow-600, .text-slate-900, .text-slate-800, .text-slate-600),
html[data-theme="dark"] body #emailVerificationPopup#emailVerificationPopup :is(h1, h2, h3, h4, p, span, div, button, svg, svg *, path, .text-gray-900, .text-gray-700, .text-gray-600, .text-yellow-900, .text-yellow-800, .text-yellow-600, .text-slate-900, .text-slate-800, .text-slate-600),
body[data-theme="dark"] #emailVerificationPopup#emailVerificationPopup :is(h1, h2, h3, h4, p, span, div, button, svg, svg *, path, .text-gray-900, .text-gray-700, .text-gray-600, .text-yellow-900, .text-yellow-800, .text-yellow-600, .text-slate-900, .text-slate-800, .text-slate-600) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #emailVerificationPopup#emailVerificationPopup #verifyEmailBtn,
html body #emailVerificationPopup#emailVerificationPopup #verifyEmailBtn :is(span, svg, svg *, path) {
  background: #002868 !important;
  background-color: #002868 !important;
  border-color: #002868 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Appwide84: runtime helpdesk permission notices inherit readable theme colors. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"],
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"] *,
html[data-theme="light"] body #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"],
html[data-theme="light"] body #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"] *,
body[data-theme="light"] #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"],
body[data-theme="light"] #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"] * {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #667085 !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"],
html.dark body #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"] *,
html[data-theme="dark"] body #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"],
html[data-theme="dark"] body #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"] *,
body[data-theme="dark"] #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"],
body[data-theme="dark"] #mainContent#mainContent .tk-container.tk-container > div[style*="app-flag-off-white"][style*="app-color-page"] * {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Appwide85: email templates workspace and current sidebar rail icon contrast. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .et-page.et-page,
html[data-theme="light"] body #mainContent#mainContent .et-page.et-page,
body[data-theme="light"] #mainContent#mainContent .et-page.et-page {
  --et-bg: #f6f7f9 !important;
  --et-surface: #ffffff !important;
  --et-soft: #f8fafc !important;
  --et-panel: #ffffff !important;
  --et-border: #667085 !important;
  --et-border-strong: #000000 !important;
  --et-text: #000000 !important;
  --et-muted: #344054 !important;
  --et-faint: #475467 !important;
  --et-primary: #002868 !important;
  --et-primary-dark: #001a45 !important;
  --et-primary-light: #eef4ff !important;
  --et-primary-ring: rgba(0, 40, 104, 0.24) !important;
  background: #f6f7f9 !important;
  background-color: #f6f7f9 !important;
  background-image: none !important;
  color: #000000 !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body #mainContent#mainContent .et-page.et-page,
html[data-theme="dark"] body #mainContent#mainContent .et-page.et-page,
body[data-theme="dark"] #mainContent#mainContent .et-page.et-page {
  --et-bg: #000000 !important;
  --et-surface: #111827 !important;
  --et-soft: #1e293b !important;
  --et-panel: #0b1220 !important;
  --et-border: #94a3b8 !important;
  --et-border-strong: #ffffff !important;
  --et-text: #ffffff !important;
  --et-muted: #cbd5e1 !important;
  --et-faint: #e2e8f0 !important;
  --et-primary: #93c5fd !important;
  --et-primary-dark: #bfdbfe !important;
  --et-primary-light: #1e293b !important;
  --et-primary-ring: rgba(147, 197, 253, 0.28) !important;
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-topbar, .et-nav, .et-panel, .et-stat, .et-template-item, .et-template-stat, .et-input, .et-select, .et-textarea, .et-editor-shell, #templateBodyEditor, .ql-container.ql-snow, .et-merge, .et-live, .et-note-composer, .et-note-list-shell, .et-note-filterbar, .et-note-item, .et-note-empty, .et-category-form-card, .et-category-manager-list, .et-cat-dropdown-menu, .et-cat-dropdown-btn, .et-category-item) {
  background: var(--et-surface) !important;
  background-color: var(--et-surface) !important;
  background-image: none !important;
  border-color: var(--et-border) !important;
  color: var(--et-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-filters, .et-table th, .ql-toolbar.ql-snow, .et-merge-tools, .et-used-fields, .et-preview-summary, .et-advanced-details, .et-note-list-shell, .et-category-manager-list-head, .et-template-stat, .et-cat-count) {
  background: var(--et-soft) !important;
  background-color: var(--et-soft) !important;
  background-image: none !important;
  border-color: var(--et-border) !important;
  color: var(--et-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-panel-head, .et-merge-head, .et-live-head, .et-editor-footer, .et-template-item.active) {
  background: #002868 !important;
  background-color: #002868 !important;
  background-image: none !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-panel-head, .et-merge-head, .et-live-head, .et-editor-footer, .et-template-item.active) :is(h1, h2, h3, h4, p, span, div, small, strong, label, button, a, i, svg, svg *, path) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-title, .et-panel-title, .et-template-title, .et-name, .et-stat-value, .et-category-name, .et-live-subject, .et-note-title, .et-note-mention-name, .et-table th, .et-label, .et-merge-group-title, .et-used-fields-title, .et-cat-dropdown-label, .et-cat-main-name, .et-cat-sub-name) {
  color: var(--et-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-subtitle, .et-panel-meta, .et-template-snippet, .et-template-owner, .et-template-subject-line, .et-preview, .et-subject, .et-owner, .et-muted, .et-help, .et-note-meta, .et-note-text, .et-note-hint, .et-merge-intro, .et-merge-card-sample, .et-merge-card-meta, .et-preview-picker, .et-preview-summary, .et-advanced-summary, .et-cat-empty-mini, .et-empty p) {
  color: var(--et-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-btn, .et-icon-btn, .et-note-scope-btn, .et-note-filter-btn, .et-target button, .et-merge-tag, .et-merge-card, .et-cat-all-btn, .et-cat-main-btn, .et-cat-sub-btn) {
  background: var(--et-surface) !important;
  background-color: var(--et-surface) !important;
  background-image: none !important;
  border-color: var(--et-border) !important;
  color: var(--et-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-btn-primary, .et-note-scope-btn.active, .et-note-filter-btn.active, .et-target button.active, .et-cat-all-btn.active, .et-cat-main-btn.active, .et-cat-sub-btn.active, .et-nav a.active) {
  background: #002868 !important;
  background-color: #002868 !important;
  background-image: none !important;
  border-color: #002868 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-btn-primary, .et-note-scope-btn.active, .et-note-filter-btn.active, .et-target button.active, .et-cat-all-btn.active, .et-cat-main-btn.active, .et-cat-sub-btn.active, .et-nav a.active) :is(span, i, svg, svg *, path) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-badge, .et-category, .et-note-visibility, .et-used-chip, .et-cat-count) {
  background: var(--et-soft) !important;
  background-color: var(--et-soft) !important;
  background-image: none !important;
  border-color: var(--et-border) !important;
  color: var(--et-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page .et-template-item.active :is(.et-badge, .et-category, .et-template-stat) {
  background: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-input, .et-select, .et-textarea, .ql-editor, .et-preview-rich, .et-live-body, .et-table td) {
  color: var(--et-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-input, .et-select, .et-textarea)::placeholder,
html body #mainContent#mainContent .et-page.et-page .ql-editor.ql-blank::before {
  color: var(--et-muted) !important;
  -webkit-text-fill-color: var(--et-muted) !important;
  opacity: 1 !important;
}

html body #mainContent#mainContent .et-page.et-page .ql-toolbar :is(.ql-stroke, .ql-fill, .ql-picker, .ql-picker-label, .ql-picker-item) {
  color: var(--et-text) !important;
  stroke: currentColor !important;
  fill: currentColor !important;
}

html body #mainContent#mainContent .et-page.et-page :is(.et-search-wrap i, .et-title-icon, .et-stat-icon, .et-empty i, .et-panel-title > i, .et-merge-title i, .et-cat-dropdown-btn > i, .et-icon-btn i, .et-btn i, .et-note-filter-btn i, .et-note-scope-btn i, .et-template-owner i, .et-template-subject-line i, .et-badge i, .et-category i, .et-note-empty i, .et-merge-tag i, .et-merge-card i) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar#sidebar > div {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #d0d5dd !important;
  color: #101828 !important;
}

html body #sidebar#sidebar :is(a, button) {
  color: #101828 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar#sidebar :is(a, button) :is(span, small, div, i, svg) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar#sidebar :is(a, button) svg [stroke] {
  stroke: currentColor !important;
}

html body #sidebar#sidebar :is(a, button) svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

html body #sidebar#sidebar :is(a[class*="bg-primary-50"], button[class*="bg-primary-50"], a[class*="bg-primary-900"], button[class*="bg-primary-900"]) {
  background: #002868 !important;
  background-color: #002868 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #sidebar#sidebar :is(a[class*="bg-primary-50"], button[class*="bg-primary-50"], a[class*="bg-primary-900"], button[class*="bg-primary-900"]) :is(span, small, div, i, svg) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #sidebar#sidebar :is(a[class*="bg-primary-50"], button[class*="bg-primary-50"], a[class*="bg-primary-900"], button[class*="bg-primary-900"]) svg [stroke] {
  stroke: #ffffff !important;
}

html body #sidebar#sidebar :is(a[class*="bg-primary-50"], button[class*="bg-primary-50"], a[class*="bg-primary-900"], button[class*="bg-primary-900"]) svg [fill]:not([fill="none"]) {
  fill: #ffffff !important;
}

html body #sidebar#sidebar :is(p, #themeToggleIndicator, #pushNotificationSidebarStatus) {
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
}

html.dark body #sidebar#sidebar > div,
html[data-theme="dark"] body #sidebar#sidebar > div,
body[data-theme="dark"] #sidebar#sidebar > div {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark body #sidebar#sidebar :is(a, button),
html[data-theme="dark"] body #sidebar#sidebar :is(a, button),
body[data-theme="dark"] #sidebar#sidebar :is(a, button) {
  color: #f8fafc !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark body #sidebar#sidebar :is(p, #themeToggleIndicator, #pushNotificationSidebarStatus),
html[data-theme="dark"] body #sidebar#sidebar :is(p, #themeToggleIndicator, #pushNotificationSidebarStatus),
body[data-theme="dark"] #sidebar#sidebar :is(p, #themeToggleIndicator, #pushNotificationSidebarStatus) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

/* Appwide86: specificity locks for email template controls and actual sidebar-wrapper rail icons. */

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .et-page.et-page :is(input.et-input, select.et-select, textarea.et-textarea, .et-editor-shell, #templateBodyEditor, #templateBodyEditor .ql-editor, .ql-container.ql-snow),
html[data-theme="light"] body #mainContent#mainContent .et-page.et-page :is(input.et-input, select.et-select, textarea.et-textarea, .et-editor-shell, #templateBodyEditor, #templateBodyEditor .ql-editor, .ql-container.ql-snow),
body[data-theme="light"] #mainContent#mainContent .et-page.et-page :is(input.et-input, select.et-select, textarea.et-textarea, .et-editor-shell, #templateBodyEditor, #templateBodyEditor .ql-editor, .ql-container.ql-snow) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #667085 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body #mainContent#mainContent .et-page.et-page :is(input.et-input, select.et-select, textarea.et-textarea, .et-editor-shell, #templateBodyEditor, #templateBodyEditor .ql-editor, .ql-container.ql-snow),
html[data-theme="dark"] body #mainContent#mainContent .et-page.et-page :is(input.et-input, select.et-select, textarea.et-textarea, .et-editor-shell, #templateBodyEditor, #templateBodyEditor .ql-editor, .ql-container.ql-snow),
body[data-theme="dark"] #mainContent#mainContent .et-page.et-page :is(input.et-input, select.et-select, textarea.et-textarea, .et-editor-shell, #templateBodyEditor, #templateBodyEditor .ql-editor, .ql-container.ql-snow) {
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  border-color: #94a3b8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .et-page.et-page :is(input.et-input, textarea.et-textarea)::placeholder,
html[data-theme="light"] body #mainContent#mainContent .et-page.et-page :is(input.et-input, textarea.et-textarea)::placeholder,
body[data-theme="light"] #mainContent#mainContent .et-page.et-page :is(input.et-input, textarea.et-textarea)::placeholder,
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .et-page.et-page #templateBodyEditor .ql-editor.ql-blank::before,
html[data-theme="light"] body #mainContent#mainContent .et-page.et-page #templateBodyEditor .ql-editor.ql-blank::before,
body[data-theme="light"] #mainContent#mainContent .et-page.et-page #templateBodyEditor .ql-editor.ql-blank::before {
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  opacity: 1 !important;
}

html.dark body #mainContent#mainContent .et-page.et-page :is(input.et-input, textarea.et-textarea)::placeholder,
html[data-theme="dark"] body #mainContent#mainContent .et-page.et-page :is(input.et-input, textarea.et-textarea)::placeholder,
body[data-theme="dark"] #mainContent#mainContent .et-page.et-page :is(input.et-input, textarea.et-textarea)::placeholder,
html.dark body #mainContent#mainContent .et-page.et-page #templateBodyEditor .ql-editor.ql-blank::before,
html[data-theme="dark"] body #mainContent#mainContent .et-page.et-page #templateBodyEditor .ql-editor.ql-blank::before,
body[data-theme="dark"] #mainContent#mainContent .et-page.et-page #templateBodyEditor .ql-editor.ql-blank::before {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}

html:not(.dark):not([data-theme="dark"]) body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon),
html[data-theme="light"] body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon),
body[data-theme="light"] #sidebar.sidebar-wrapper.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #667085 !important;
  color: #002868 !important;
  fill: #002868 !important;
  stroke: #002868 !important;
  -webkit-text-fill-color: #002868 !important;
}

html.dark body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon),
html[data-theme="dark"] body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon),
body[data-theme="dark"] #sidebar.sidebar-wrapper.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon) {
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  border: 1px solid #94a3b8 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon) :is(i, svg, svg *, path),
html body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.nav-link, .nav-single, .push-toggle-btn, .action-btn) :is(.section-icon, .nav-icon, .push-toggle-icon) :is(i, svg, svg *, path) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.nav-single.active, .nav-link.active, .nav-item.active > .nav-link) {
  background: #002868 !important;
  background-color: #002868 !important;
  background-image: none !important;
  border-color: #002868 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.nav-single.active, .nav-link.active, .nav-item.active > .nav-link) :is(.nav-text, .nav-single-text, span, i, svg, svg *, path) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.nav-single.active, .nav-link.active, .nav-item.active > .nav-link) :is(.section-icon, .nav-icon) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #002868 !important;
  fill: #002868 !important;
  stroke: #002868 !important;
  -webkit-text-fill-color: #002868 !important;
}

html body #sidebar.sidebar-wrapper.sidebar-wrapper :is(.nav-single.active, .nav-link.active, .nav-item.active > .nav-link) :is(.section-icon, .nav-icon) :is(i, svg, svg *, path) {
  color: #002868 !important;
  fill: #002868 !important;
  stroke: #002868 !important;
  -webkit-text-fill-color: #002868 !important;
}

html.dark body #mainContent#mainContent .et-page.et-page :is(input#templateNoteTitle.et-input, input#templateSearch.et-input, select#templateTypeFilter.et-select, select#templateSharingFilter.et-select),
html[data-theme="dark"] body #mainContent#mainContent .et-page.et-page :is(input#templateNoteTitle.et-input, input#templateSearch.et-input, select#templateTypeFilter.et-select, select#templateSharingFilter.et-select),
html body.dark #mainContent#mainContent .et-page.et-page :is(input#templateNoteTitle.et-input, input#templateSearch.et-input, select#templateTypeFilter.et-select, select#templateSharingFilter.et-select),
html body[data-theme="dark"] #mainContent#mainContent .et-page.et-page :is(input#templateNoteTitle.et-input, input#templateSearch.et-input, select#templateTypeFilter.et-select, select#templateSharingFilter.et-select) {
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  border-color: #94a3b8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark body #mainContent#mainContent .et-page.et-page :is(input#templateNoteTitle.et-input, input#templateSearch.et-input)::placeholder,
html[data-theme="dark"] body #mainContent#mainContent .et-page.et-page :is(input#templateNoteTitle.et-input, input#templateSearch.et-input)::placeholder,
html body.dark #mainContent#mainContent .et-page.et-page :is(input#templateNoteTitle.et-input, input#templateSearch.et-input)::placeholder,
html body[data-theme="dark"] #mainContent#mainContent .et-page.et-page :is(input#templateNoteTitle.et-input, input#templateSearch.et-input)::placeholder {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}

/* Appwide87: direct ID locks for email-template search and note controls. */
html:not(.dark):not([data-theme="dark"]) body :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input, select#templateTypeFilter#templateTypeFilter.et-select.et-select, select#templateSharingFilter#templateSharingFilter.et-select.et-select),
html[data-theme="light"] body :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input, select#templateTypeFilter#templateTypeFilter.et-select.et-select, select#templateSharingFilter#templateSharingFilter.et-select.et-select),
body[data-theme="light"] :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input, select#templateTypeFilter#templateTypeFilter.et-select.et-select, select#templateSharingFilter#templateSharingFilter.et-select.et-select) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #667085 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input, select#templateTypeFilter#templateTypeFilter.et-select.et-select, select#templateSharingFilter#templateSharingFilter.et-select.et-select),
html[data-theme="dark"] body :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input, select#templateTypeFilter#templateTypeFilter.et-select.et-select, select#templateSharingFilter#templateSharingFilter.et-select.et-select),
html body.dark :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input, select#templateTypeFilter#templateTypeFilter.et-select.et-select, select#templateSharingFilter#templateSharingFilter.et-select.et-select),
html body[data-theme="dark"] :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input, select#templateTypeFilter#templateTypeFilter.et-select.et-select, select#templateSharingFilter#templateSharingFilter.et-select.et-select) {
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  border-color: #94a3b8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark body :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input)::placeholder,
html[data-theme="dark"] body :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input)::placeholder,
html body.dark :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input)::placeholder,
html body[data-theme="dark"] :is(input#templateNoteTitle#templateNoteTitle.et-input.et-input, input#templateSearch#templateSearch.et-input.et-input)::placeholder {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}

/* Appwide88: readable floor for email-template controls when theme markers diverge. */
html body input#templateNoteTitle#templateNoteTitle.et-input.et-input,
html body input#templateSearch#templateSearch.et-input.et-input,
html body select#templateTypeFilter#templateTypeFilter.et-select.et-select,
html body select#templateSharingFilter#templateSharingFilter.et-select.et-select {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #667085 !important;
  color: #000000 !important;
  caret-color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html body input#templateNoteTitle#templateNoteTitle.et-input.et-input::placeholder,
html body input#templateSearch#templateSearch.et-input.et-input::placeholder {
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  opacity: 1 !important;
}

/* Appwide89: final text-fill lock for mixed dark markers on email-template controls. */
html.dark body input#templateNoteTitle#templateNoteTitle.et-input.et-input,
html.dark body input#templateSearch#templateSearch.et-input.et-input,
html.dark body select#templateTypeFilter#templateTypeFilter.et-select.et-select,
html.dark body select#templateSharingFilter#templateSharingFilter.et-select.et-select,
html[data-theme="dark"] body input#templateNoteTitle#templateNoteTitle.et-input.et-input,
html[data-theme="dark"] body input#templateSearch#templateSearch.et-input.et-input,
html[data-theme="dark"] body select#templateTypeFilter#templateTypeFilter.et-select.et-select,
html[data-theme="dark"] body select#templateSharingFilter#templateSharingFilter.et-select.et-select,
html body.dark input#templateNoteTitle#templateNoteTitle.et-input.et-input,
html body.dark input#templateSearch#templateSearch.et-input.et-input,
html body.dark select#templateTypeFilter#templateTypeFilter.et-select.et-select,
html body.dark select#templateSharingFilter#templateSharingFilter.et-select.et-select,
html body[data-theme="dark"] input#templateNoteTitle#templateNoteTitle.et-input.et-input,
html body[data-theme="dark"] input#templateSearch#templateSearch.et-input.et-input,
html body[data-theme="dark"] select#templateTypeFilter#templateTypeFilter.et-select.et-select,
html body[data-theme="dark"] select#templateSharingFilter#templateSharingFilter.et-select.et-select {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #667085 !important;
  color: #000000 !important;
  caret-color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.dark body input#templateNoteTitle#templateNoteTitle.et-input.et-input::placeholder,
html.dark body input#templateSearch#templateSearch.et-input.et-input::placeholder,
html[data-theme="dark"] body input#templateNoteTitle#templateNoteTitle.et-input.et-input::placeholder,
html[data-theme="dark"] body input#templateSearch#templateSearch.et-input.et-input::placeholder,
html body.dark input#templateNoteTitle#templateNoteTitle.et-input.et-input::placeholder,
html body.dark input#templateSearch#templateSearch.et-input.et-input::placeholder,
html body[data-theme="dark"] input#templateNoteTitle#templateNoteTitle.et-input.et-input::placeholder,
html body[data-theme="dark"] input#templateSearch#templateSearch.et-input.et-input::placeholder {
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  opacity: 1 !important;
}

/* Appwide90: final CRM/mail/pipeline theme authority uses only app tokens. */
:root {
  --app-color-authority-version: appwide90;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body {
  --crm-theme-page: var(--app-color-page) !important;
  --crm-theme-surface: var(--app-color-surface) !important;
  --crm-theme-surface-soft: var(--app-color-surface-soft) !important;
  --crm-theme-surface-muted: var(--app-color-surface-muted) !important;
  --crm-theme-border: var(--app-color-border) !important;
  --crm-theme-border-strong: var(--app-color-border-strong) !important;
  --crm-theme-text: var(--app-color-text) !important;
  --crm-theme-muted: var(--app-color-text-muted) !important;
  --crm-theme-faint: var(--app-color-text-faint) !important;
  --crm-theme-brand: var(--app-color-brand) !important;
  --crm-theme-brand-rgb: var(--app-color-brand-rgb) !important;
  --crm-theme-brand-soft: var(--app-color-brand-soft) !important;
  --crm-theme-on-brand: var(--app-color-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent :is(.pipeline-page.pipeline-page, .et-page.et-page.et-page),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-page-bg.inbox-page-bg, .inbox-shell.email-app.email-app) {
  --glass-bg: var(--crm-theme-surface) !important;
  --glass-border: var(--crm-theme-border) !important;
  --glass-shadow: var(--app-shadow-soft) !important;
  --accent-gradient: var(--crm-theme-brand) !important;
  --success-gradient: var(--app-color-success) !important;
  --warning-gradient: var(--app-color-warning) !important;
  --danger-gradient: var(--app-color-danger) !important;
  --pl-surface-1: var(--crm-theme-surface) !important;
  --pl-surface-2: var(--crm-theme-surface-soft) !important;
  --pl-border-1: var(--crm-theme-border) !important;
  --pl-border-2: var(--crm-theme-border) !important;
  --pl-text-1: var(--crm-theme-text) !important;
  --pl-text-2: var(--crm-theme-muted) !important;
  background: var(--crm-theme-page) !important;
  background-color: var(--crm-theme-page) !important;
  background-image: none !important;
  color: var(--crm-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent .pipeline-page.pipeline-page :is(.pipeline-header.pipeline-header, .stat-card.stat-card, .pipeline-card.pipeline-card, .empty-state.empty-state, .quick-nav.quick-nav, .quick-nav-item.quick-nav-item, .modal-glass.modal-glass, .template-card.template-card, .ai-generator.ai-generator),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent .et-page.et-page.et-page :is(.et-topbar.et-topbar, .et-nav.et-nav, .et-panel.et-panel, .et-stat.et-stat, .et-template-item.et-template-item, .et-template-stat.et-template-stat, .et-input.et-input, .et-select.et-select, .et-textarea.et-textarea, .et-editor-shell.et-editor-shell, #templateBodyEditor#templateBodyEditor, .ql-container.ql-snow, .et-merge.et-merge, .et-live.et-live, .et-note-composer.et-note-composer, .et-note-list-shell.et-note-list-shell, .et-note-filterbar.et-note-filterbar, .et-note-item.et-note-item, .et-note-empty.et-note-empty, .et-category-form-card.et-category-form-card, .et-category-manager-list.et-category-manager-list, .et-cat-dropdown-menu.et-cat-dropdown-menu, .et-cat-dropdown-btn.et-cat-dropdown-btn, .et-category-item.et-category-item),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-sidebar-panel.inbox-sidebar-panel, .inbox-main-area.inbox-main-area, .inbox-list-panel.inbox-list-panel, .inbox-detail-panel.inbox-detail-panel, .inbox-crm-panel.inbox-crm-panel, .crm-panel.crm-panel, .crm-panel-topbar.crm-panel-topbar, .inbox-list-header.inbox-list-header, .inbox-category-tabs.inbox-category-tabs, .inbox-default-bar.inbox-default-bar, .inbox-search-wrapper.inbox-search-wrapper, .inbox-email-row.inbox-email-row, .email-row.email-row, .message-card.message-card, .inbox-product-drawer.inbox-product-drawer, .product-drawer-header.product-drawer-header, .cal-view-pane.cal-view-pane, .cal-sub-tabs.cal-sub-tabs, .cal-agenda-section.cal-agenda-section, .cal-agenda-empty.cal-agenda-empty, .cal-signals-intro.cal-signals-intro, .cal-email-intel.cal-email-intel, .cal-team-availability-panel.cal-team-availability-panel, .cal-section-group.cal-section-group, .crm-calendar-toolbar.crm-calendar-toolbar, .crm-calendar-body.crm-calendar-body, .fc.fc) {
  background: var(--crm-theme-surface) !important;
  background-color: var(--crm-theme-surface) !important;
  background-image: none !important;
  border-color: var(--crm-theme-border) !important;
  color: var(--crm-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent .et-page.et-page.et-page {
  --et-bg: var(--crm-theme-page) !important;
  --et-surface: var(--crm-theme-surface) !important;
  --et-soft: var(--crm-theme-surface-soft) !important;
  --et-panel: var(--crm-theme-surface) !important;
  --et-border: var(--crm-theme-border) !important;
  --et-border-strong: var(--crm-theme-border-strong) !important;
  --et-text: var(--crm-theme-text) !important;
  --et-muted: var(--crm-theme-muted) !important;
  --et-faint: var(--crm-theme-faint) !important;
  --et-primary: var(--crm-theme-brand) !important;
  --et-primary-dark: var(--app-color-brand-hover) !important;
  --et-primary-light: var(--crm-theme-brand-soft) !important;
  --et-primary-ring: rgba(var(--crm-theme-brand-rgb), 0.18) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-shell.email-app.email-app, .inbox-crm-panel.inbox-crm-panel, .crm-panel.crm-panel) {
  --inbox-primary: var(--crm-theme-brand) !important;
  --inbox-primary-dark: var(--app-color-brand-hover) !important;
  --inbox-surface: var(--crm-theme-surface) !important;
  --inbox-surface-strong: var(--crm-theme-surface) !important;
  --inbox-surface-subtle: var(--crm-theme-surface-soft) !important;
  --inbox-border-color: var(--crm-theme-border) !important;
  --inbox-border-strong: var(--crm-theme-border-strong) !important;
  --inbox-text-primary: var(--crm-theme-text) !important;
  --inbox-text-secondary: var(--crm-theme-muted) !important;
  --inbox-text-tertiary: var(--crm-theme-faint) !important;
  --surface-sidebar: var(--crm-theme-surface) !important;
  --surface-card: var(--crm-theme-surface) !important;
  --surface-muted: var(--crm-theme-surface-soft) !important;
  --surface-row: var(--crm-theme-surface) !important;
  --surface-row-hover: var(--crm-theme-surface-soft) !important;
  --bg-sidebar: var(--crm-theme-surface) !important;
  --bg-primary: var(--crm-theme-surface) !important;
  --bg-secondary: var(--crm-theme-page) !important;
  --bg-tertiary: var(--crm-theme-surface-soft) !important;
  --bg-hover: var(--crm-theme-surface-soft) !important;
  --text-primary: var(--crm-theme-text) !important;
  --text-secondary: var(--crm-theme-muted) !important;
  --text-tertiary: var(--crm-theme-faint) !important;
  --crm-surface-card: var(--crm-theme-surface) !important;
  --crm-surface-soft: var(--crm-theme-surface-soft) !important;
  --crm-surface-hover: var(--crm-theme-surface-muted) !important;
  --crm-border: var(--crm-theme-border) !important;
  --crm-border-strong: var(--crm-theme-border-strong) !important;
  --crm-text-1: var(--crm-theme-text) !important;
  --crm-text-2: var(--crm-theme-muted) !important;
  --crm-text-3: var(--crm-theme-muted) !important;
  --crm-text-4: var(--crm-theme-faint) !important;
  --crm-brand: var(--crm-theme-brand) !important;
  --crm-brand-strong: var(--app-color-brand-hover) !important;
  --crm-brand-soft: var(--crm-theme-brand-soft) !important;
  --crm-brand-softer: var(--app-color-brand-softer) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent :is(.et-panel-head.et-panel-head, .et-merge-head.et-merge-head, .et-live-head.et-live-head, .et-editor-footer.et-editor-footer, .et-template-item.et-template-item.active, .et-btn-primary.et-btn-primary, .et-note-scope-btn.et-note-scope-btn.active, .et-note-filter-btn.et-note-filter-btn.active, .et-target button.active, .et-cat-all-btn.active, .et-cat-main-btn.active, .et-cat-sub-btn.active, .et-nav a.active, .btn-primary-glass.btn-primary-glass, .btn-gradient.btn-gradient, .crm-btn-primary.crm-btn-primary),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.sidebar-compose-btn.sidebar-compose-btn, .inbox-btn-primary.inbox-btn-primary, .inbox-cat-tab.inbox-cat-tab.active, .cal-agenda-add-btn.cal-agenda-add-btn, .cal-sub-tab.cal-sub-tab.active, .crm-cal-create-btn.crm-cal-create-btn, .crm-cal-view-btn.crm-cal-view-btn.active, .cal-cv-btn.cal-cv-btn.active, .cal-source-tab.cal-source-tab.active, .cal-google-btn.cal-google-btn, .cal-gcal-share-btn.cal-gcal-share-btn, .inbox-product-rail-btn.inbox-product-rail-btn.active, .crmnav-link.crmnav-link.active) {
  background: var(--crm-theme-brand) !important;
  background-color: var(--crm-theme-brand) !important;
  background-image: none !important;
  border-color: var(--crm-theme-brand) !important;
  color: var(--crm-theme-on-brand) !important;
  fill: var(--crm-theme-on-brand) !important;
  stroke: var(--crm-theme-on-brand) !important;
  -webkit-text-fill-color: var(--crm-theme-on-brand) !important;
  box-shadow: none !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent .pipeline-page.pipeline-page :is(.stat-card-icon.stat-card-icon, .empty-state-icon.empty-state-icon, .pipeline-icon.pipeline-icon, .template-card-icon.template-card-icon),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent .et-page.et-page.et-page :is(.et-title-icon.et-title-icon, .et-stat-icon.et-stat-icon),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.product-drawer-icon.product-drawer-icon, .cal-pending-badge.cal-pending-badge) {
  background: var(--crm-theme-brand) !important;
  background-color: var(--crm-theme-brand) !important;
  background-image: none !important;
  border-color: var(--crm-theme-brand) !important;
  color: var(--crm-theme-on-brand) !important;
  fill: var(--crm-theme-on-brand) !important;
  stroke: var(--crm-theme-on-brand) !important;
  -webkit-text-fill-color: var(--crm-theme-on-brand) !important;
  box-shadow: none !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent :is(.pipeline-page.pipeline-page, .et-page.et-page.et-page) :is(.stat-card-icon, .empty-state-icon, .pipeline-icon, .template-card-icon, .et-title-icon, .et-stat-icon, .et-panel-head, .et-btn-primary, .et-nav a.active) :is(i, svg, svg *, path, span),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-shell.email-app.email-app, .inbox-crm-panel.inbox-crm-panel, .crm-panel.crm-panel, .inbox-product-rail.inbox-product-rail) :is(.sidebar-compose-btn, .inbox-btn-primary, .inbox-cat-tab.active, .cal-agenda-add-btn, .cal-sub-tab.active, .crm-cal-create-btn, .crm-cal-view-btn.active, .cal-cv-btn.active, .cal-source-tab.active, .product-drawer-icon, .inbox-product-rail-btn.active) :is(i, svg, svg *, path, span) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent :is(.pipeline-page.pipeline-page, .et-page.et-page.et-page) :is(h1, h2, h3, h4, h5, h6, .pipeline-header h1, .pipeline-name, .stat-card-value, .pipeline-stat-value, .et-title, .et-panel-title, .et-template-title, .et-name, .et-stat-value, .et-category-name, .et-live-subject, .et-note-title, .et-note-mention-name, .et-table th, .et-label),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-shell.email-app.email-app, .inbox-crm-panel.inbox-crm-panel, .crm-panel.crm-panel, .inbox-product-drawer.inbox-product-drawer) :is(h1, h2, h3, h4, h5, h6, .product-drawer-title, .crm-panel-topbar-title, .cal-agenda-day, .cal-section-group-title, .cal-email-intel-title, .crm-cal-title, .inbox-row-sender, .email-row-sender, .inbox-row-subject, .email-row-subject) {
  color: var(--crm-theme-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent :is(.pipeline-page.pipeline-page, .et-page.et-page.et-page) :is(.pipeline-description, .pipeline-owner-name, .stat-card-label, .pipeline-stat-label, .et-subtitle, .et-panel-meta, .et-template-snippet, .et-template-owner, .et-template-subject-line, .et-preview, .et-subject, .et-owner, .et-muted, .et-help, .et-note-meta, .et-note-text, .et-note-hint, .et-merge-intro, .et-merge-card-sample, .et-merge-card-meta, .et-preview-picker, .et-preview-summary, .et-cat-empty-mini, .et-empty p),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-shell.email-app.email-app, .inbox-crm-panel.inbox-crm-panel, .crm-panel.crm-panel, .inbox-product-drawer.inbox-product-drawer) :is(.product-drawer-subtitle, .crm-panel-topbar-title, .cal-agenda-full-date, .cal-agenda-section-label, .cal-agenda-empty-title, .cal-agenda-empty-hint, .cal-agenda-history-label, .crm-cal-legend-item, .inbox-row-meta, .email-row-meta, .inbox-row-snippet, .email-row-snippet, .inbox-row-date, .email-row-date, .inbox-page-info, .inbox-subtitle, .sidebar-section-title, .sidebar-account-email, .sidebar-label-count) {
  color: var(--crm-theme-muted) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent :is(.pipeline-page.pipeline-page, .et-page.et-page.et-page) :is(input, select, textarea, .form-control, .form-select, .form-control-glass, .et-input, .et-select, .et-textarea),
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-shell.email-app.email-app, .inbox-crm-panel.inbox-crm-panel, .crm-panel.crm-panel) :is(input, select, textarea, .inbox-search-input, .cal-agenda-search-input, .cal-form-input, .cal-gcal-share-input, .cal-gcal-share-role-select) {
  background: var(--crm-theme-surface) !important;
  background-color: var(--crm-theme-surface) !important;
  background-image: none !important;
  border-color: var(--crm-theme-border-strong) !important;
  color: var(--crm-theme-text) !important;
  caret-color: var(--crm-theme-text) !important;
  -webkit-text-fill-color: var(--crm-theme-text) !important;
  box-shadow: none !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent :is(.pipeline-page.pipeline-page, .et-page.et-page.et-page) :is(input, textarea, .et-input, .et-textarea)::placeholder,
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-shell.email-app.email-app, .inbox-crm-panel.inbox-crm-panel, .crm-panel.crm-panel) :is(input, textarea, .inbox-search-input, .cal-agenda-search-input)::placeholder {
  color: var(--crm-theme-faint) !important;
  -webkit-text-fill-color: var(--crm-theme-faint) !important;
  opacity: 1 !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body :is(.inbox-utility-strip.inbox-product-rail.inbox-product-rail, .inbox-product-rail .inbox-product-rail-btn.inbox-product-rail-btn, .inbox-product-rail .inbox-utility-btn.inbox-utility-btn) {
  background: var(--crm-theme-surface) !important;
  background-color: var(--crm-theme-surface) !important;
  background-image: none !important;
  border-color: var(--crm-theme-border) !important;
  color: var(--crm-theme-muted) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #sidebar#sidebar.sidebar-wrapper.sidebar-wrapper.sidebar-wrapper,
html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #sidebar#sidebar.sidebar-wrapper.sidebar-wrapper.sidebar-wrapper > div {
  background: var(--crm-theme-surface) !important;
  background-color: var(--crm-theme-surface) !important;
  background-image: none !important;
  border-color: var(--crm-theme-border) !important;
  color: var(--crm-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #sidebar#sidebar.sidebar-wrapper.sidebar-wrapper.sidebar-wrapper :is(.nav-single, .nav-link, .nav-item, a, button, #themeToggleBtn.theme-toggle-btn.theme-toggle-btn, #pushNotificationSidebarToggle.push-toggle-btn.push-toggle-btn) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: var(--crm-theme-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #sidebar#sidebar.sidebar-wrapper.sidebar-wrapper.sidebar-wrapper :is(.section-icon, .nav-icon, .push-toggle-icon) {
  background: var(--crm-theme-surface-soft) !important;
  background-color: var(--crm-theme-surface-soft) !important;
  background-image: none !important;
  border: 1px solid var(--crm-theme-border) !important;
  color: var(--app-color-brand-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #sidebar#sidebar.sidebar-wrapper.sidebar-wrapper.sidebar-wrapper :is(.nav-single.active, .nav-link.active, .nav-item.active > .nav-link, a[class*="bg-primary-50"], button[class*="bg-primary-50"], a[class*="bg-primary-900"], button[class*="bg-primary-900"]) {
  background: var(--crm-theme-brand) !important;
  background-color: var(--crm-theme-brand) !important;
  background-image: none !important;
  border-color: var(--crm-theme-brand) !important;
  color: var(--crm-theme-on-brand) !important;
  -webkit-text-fill-color: var(--crm-theme-on-brand) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #sidebar#sidebar.sidebar-wrapper.sidebar-wrapper.sidebar-wrapper :is(.nav-single.active, .nav-link.active, .nav-item.active > .nav-link, a[class*="bg-primary-50"], button[class*="bg-primary-50"], a[class*="bg-primary-900"], button[class*="bg-primary-900"]) :is(.nav-text, .nav-single-text, span, small, div, i, svg, svg *, path) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide91: global platform visibility + icon legibility authority. */
:root {
  --app-color-authority-version: appwide91;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) {
  background-color: var(--app-color-page) !important;
  color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :where(main, section, article, aside, header, footer, .content, .content-wrapper, .page-content, .app-content, .dashboard-content, .panel, .card, .widget, .tile, .box, .modal-content, .dropdown-menu, .offcanvas, .accordion-item, .list-group-item, .table, .table-responsive, .tab-content, .nav-tabs, .popover, .toast, .crm-card, .crm-panel, .helpdesk-card, .helpdesk-panel, .analytics-card, .property-card, .tenant-card, .lease-card, .pipeline-card, .et-panel, .inbox-shell, .inbox-list-panel, .inbox-detail-panel, .inbox-crm-panel) {
  background-image: none !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :where(.bg-dark, .text-bg-dark, .table-dark, .dropdown-menu-dark, .navbar-dark, .btn-dark, .badge.bg-dark, .alert-dark) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  background-image: none !important;
  border-color: var(--app-color-border-strong) !important;
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :where(
  .text-white:not([class*="bg-slate-5"]):not([class*="bg-slate-6"]):not([class*="bg-slate-7"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]):not([class*="bg-gray-6"]):not([class*="bg-gray-7"]):not([class*="bg-gray-8"]):not([class*="bg-gray-9"]):not([class*="bg-primary"]):not([class*="bg-brand"]):not([class*="bg-brand"]):not(.btn-primary):not(.btn-dark),
  .text-light, .link-light, .navbar-dark .navbar-brand, .navbar-dark .navbar-nav .nav-link, .btn-dark, .badge.bg-dark) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :where(input, textarea, select, .form-control, .form-select, .form-check-input, .select2-selection, .choices__inner, .ql-container, .ql-toolbar) {
  background-color: var(--app-color-surface) !important;
  background-image: none !important;
  border-color: var(--app-color-border-strong) !important;
  color: var(--app-color-text) !important;
  caret-color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :where(input, textarea, .form-control, .form-select)::placeholder {
  color: var(--app-color-text-faint) !important;
  -webkit-text-fill-color: var(--app-color-text-faint) !important;
  opacity: 1 !important;
}

html body :where(a, button, .btn, .nav-link, .nav-item, .dropdown-item, .menu-item, .sidebar-link, .toolbar-btn, .action-btn, .icon-btn, [role="button"]) :where(svg, svg *, path, circle, rect, polygon, polyline, line, i[class*="fa"], i.bi, .material-icons) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :where(i.fa, i.fas, i.far, i.fal, i.fab, i.bi, i.material-icons, .icon, .ui-icon, .nav-icon, .btn-icon, .menu-icon, .sidebar-icon, .crm-icon, .et-icon, .inbox-icon) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :where(.btn-primary, .btn-info, .btn-success, .btn-warning, .btn-danger, .btn-dark, .btn-gradient, .crm-btn-primary, .et-btn-primary, .inbox-btn-primary) :where(svg, svg *, path, i, span) {
  color: var(--app-color-on-brand) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide92: hard visibility lock for pipeline/inbox/calendar/tool-rail controls. */
:root {
  --app-color-authority-version: appwide92;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent .pipeline-page.pipeline-page :is(.stat-card-icon, .empty-state-icon, .pipeline-icon, .template-card-icon) {
  background: var(--app-color-brand-soft) !important;
  background-color: var(--app-color-brand-soft) !important;
  border: 1px solid rgba(var(--app-color-brand-rgb), 0.22) !important;
  color: var(--app-color-brand-text) !important;
}

html:not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3) body #mainContent#mainContent#mainContent .pipeline-page.pipeline-page :is(.stat-card-icon, .empty-state-icon, .pipeline-icon, .template-card-icon) :is(i, svg, svg *, path, span) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-shell.email-app, .inbox-crm-panel, .crm-panel) :is(.inbox-search-wrapper, .inbox-default-bar, .inbox-category-tabs, .inbox-view-toggle-opt, .inbox-density-toggle, .inbox-toolbar-btn, .inbox-btn-sm, .inbox-icon-btn) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  opacity: 1 !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-shell.email-app, .inbox-crm-panel, .crm-panel) :is(.inbox-view-toggle-opt.active, .inbox-density-toggle .active, .inbox-cat-tab.active, .crm-cal-view-btn.active, .cal-sub-tab.active, .cal-cv-btn.active) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.inbox-shell.email-app, .inbox-crm-panel, .crm-panel) :is(.inbox-view-toggle-opt, .inbox-toolbar-btn, .inbox-icon-btn, .inbox-btn-sm, .cal-agenda-empty, .cal-agenda-empty-cta, .cal-agenda-empty-title, .cal-agenda-empty-hint, .inbox-product-rail-btn, .inbox-utility-btn, .tc-fab, .fab-main, .fab-sub-btn) :is(i, svg, svg *, path, circle, rect, span) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-crm-panel, .crm-panel) :is(.cal-agenda-empty, .cal-agenda-empty-cta) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
  opacity: 1 !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-crm-panel, .crm-panel) :is(.cal-agenda-empty-title) {
  color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-crm-panel, .crm-panel) :is(.cal-agenda-empty-hint) {
  color: var(--app-color-text-muted) !important;
}

html body :is(.inbox-utility-strip.inbox-product-rail, .inbox-product-rail .inbox-utility-btn, .inbox-product-rail .inbox-product-rail-btn) {
  opacity: 1 !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-product-rail .inbox-utility-btn, .inbox-product-rail .inbox-product-rail-btn) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text-muted) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-product-rail .inbox-product-rail-btn.active, .inbox-product-rail .inbox-product-rail-btn[aria-pressed="true"], .inbox-product-rail .inbox-product-rail-btn[aria-expanded="true"]) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(#team-chat-app .tc-fab, #team-chat-app .fab-main, #team-chat-app .fab-sub-btn, .tc-fab, .fab-main, .fab-sub-btn) {
  opacity: 1 !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(#team-chat-app .tc-fab, #team-chat-app .fab-main, #team-chat-app .fab-sub-btn, .tc-fab, .fab-main, .fab-sub-btn) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border: 1px solid var(--app-color-border) !important;
  color: var(--app-color-brand-text) !important;
  box-shadow: 0 10px 24px rgba(var(--app-neutral-900-rgb), 0.18) !important;
}

html.dark body :is(#team-chat-app .tc-fab, #team-chat-app .fab-main, #team-chat-app .fab-sub-btn, .tc-fab, .fab-main, .fab-sub-btn),
html[data-theme="dark"] body :is(#team-chat-app .tc-fab, #team-chat-app .fab-main, #team-chat-app .fab-sub-btn, .tc-fab, .fab-main, .fab-sub-btn),
body[data-theme="dark"] :is(#team-chat-app .tc-fab, #team-chat-app .fab-main, #team-chat-app .fab-sub-btn, .tc-fab, .fab-main, .fab-sub-btn) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  border: 1px solid var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

/* Appwide93: email templates light-mode surface cleanup. */
:root {
  --app-color-authority-version: appwide93;
}

html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3)
body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-panel-head, .et-merge-head, .et-live-head, .et-editor-footer, .et-notes-panel .et-panel-head) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  background-image: none !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3)
body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-panel-title, .et-panel-meta, .et-merge-title, .et-merge-intro, .et-live-head, .et-preview-picker, .et-preview-summary, .et-editor-footer, .et-editor-footer .et-muted, .et-notes-panel .et-panel-title, .et-notes-panel .et-panel-meta) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3)
body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-panel-title > i, .et-merge-title i, .et-live-head i) {
  color: var(--app-color-brand-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3)
body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page .et-note-composer {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
}

/* Appwide94: templates controls + siderail clarity lock for both themes. */
:root {
  --app-color-authority-version: appwide94;
}

html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3)
body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn, .et-icon-btn, .et-note-filter-btn, .et-note-scope-btn, .et-target button, .et-cat-dropdown-btn, .et-advanced-summary, .et-select, .et-input, .et-textarea, .et-checkbox, .et-template-item, .et-template-stat, .et-merge-tag, .et-merge-card, .et-note-item) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3)
body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-nav a.active, .et-row.active, .et-template-item.active, .et-note-filter-btn.active) {
  background: var(--app-color-brand-soft) !important;
  background-color: var(--app-color-brand-soft) !important;
  border-color: rgba(var(--app-color-brand-rgb), 0.32) !important;
  color: var(--app-color-brand-text) !important;
}

html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3)
body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn-primary, .et-note-scope-btn.active, .et-target button.active) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-input::placeholder, .et-textarea::placeholder) {
  color: var(--app-color-text-muted) !important;
  opacity: 1 !important;
}

/* Appwide115: keep mailbox side-rail icons outline-only and readable in both themes. */
:root {
  --app-color-authority-version: appwide115;
}

html body :is(#inboxProductRail .product-rail-svg, #inboxProductRail .product-rail-svg *, #collab-rail-root .cr-rail-btn svg, #collab-rail-root .cr-rail-btn svg *, #collab-rail-root .cr-icon-btn svg, #collab-rail-root .cr-icon-btn svg *) {
  fill: none !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

html body :is(#inboxProductRail .inbox-utility-btn, #inboxProductRail .inbox-product-rail-btn, #collab-rail-root .cr-rail-btn) {
  color: var(--app-color-text-muted) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(#inboxProductRail .inbox-utility-btn:hover, #inboxProductRail .inbox-product-rail-btn:hover, #inboxProductRail .inbox-product-rail-btn.active, #inboxProductRail .inbox-product-rail-btn[aria-pressed="true"], #inboxProductRail .inbox-product-rail-btn[aria-expanded="true"], #collab-rail-root .cr-rail-btn:hover, #collab-rail-root .cr-rail-btn:focus-visible, #collab-rail-root .cr-rail-btn.active) {
  color: var(--app-color-brand-text) !important;
}

html.dark body :is(#inboxProductRail .inbox-utility-btn:hover, #inboxProductRail .inbox-product-rail-btn:hover, #inboxProductRail .inbox-product-rail-btn.active, #inboxProductRail .inbox-product-rail-btn[aria-pressed="true"], #inboxProductRail .inbox-product-rail-btn[aria-expanded="true"], #collab-rail-root .cr-rail-btn:hover, #collab-rail-root .cr-rail-btn:focus-visible, #collab-rail-root .cr-rail-btn.active),
html[data-theme="dark"] body :is(#inboxProductRail .inbox-utility-btn:hover, #inboxProductRail .inbox-product-rail-btn:hover, #inboxProductRail .inbox-product-rail-btn.active, #inboxProductRail .inbox-product-rail-btn[aria-pressed="true"], #inboxProductRail .inbox-product-rail-btn[aria-expanded="true"], #collab-rail-root .cr-rail-btn:hover, #collab-rail-root .cr-rail-btn:focus-visible, #collab-rail-root .cr-rail-btn.active),
body[data-theme="dark"] :is(#inboxProductRail .inbox-utility-btn:hover, #inboxProductRail .inbox-product-rail-btn:hover, #inboxProductRail .inbox-product-rail-btn.active, #inboxProductRail .inbox-product-rail-btn[aria-pressed="true"], #inboxProductRail .inbox-product-rail-btn[aria-expanded="true"], #collab-rail-root .cr-rail-btn:hover, #collab-rail-root .cr-rail-btn:focus-visible, #collab-rail-root .cr-rail-btn.active) {
  color: var(--app-color-page) !important;
}

/* Appwide111: absolute-last sidebar badge contrast closure for Mail + NEW indicators. */
:root {
  --app-color-authority-version: appwide111;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  pointer-events: auto !important;
  text-shadow: none !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-primary {
  min-width: 1.3rem !important;
  height: 1.3rem !important;
  padding: 0 0.42rem !important;
  border-radius: 999px !important;
  background: #334155 !important;
  background-color: #334155 !important;
  border-color: #334155 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new {
  min-width: 2.1rem !important;
  height: 1.35rem !important;
  padding: 0 0.5rem !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-amber {
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-purple {
  background: #4f46e5 !important;
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new::before {
  content: none !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge > .nav-badge-text {
  display: inline-block !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-primary > .nav-badge-text,
html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-warning > .nav-badge-text {
  letter-spacing: 0 !important;
}

/* Appwide110: final sidebar badge contrast + legibility closure (Mail + NEW chips). */
:root {
  --app-color-authority-version: appwide110;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  pointer-events: auto !important;
  text-shadow: none !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-primary {
  min-width: 1.3rem !important;
  height: 1.3rem !important;
  padding: 0 0.42rem !important;
  border-radius: 999px !important;
  background: #334155 !important;
  background-color: #334155 !important;
  border-color: #334155 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new {
  min-width: 2.1rem !important;
  height: 1.35rem !important;
  padding: 0 0.5rem !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-amber {
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-purple {
  background: #4f46e5 !important;
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new::before {
  content: none !important;
}

/* Appwide109: final sidebar NEW-indicator contrast and label legibility fix. */
:root {
  --app-color-authority-version: appwide109;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-amber,
html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-purple {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.1rem !important;
  height: 1.35rem !important;
  padding: 0 0.5rem !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-amber {
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  background-image: none !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-purple {
  background: #4f46e5 !important;
  background-color: #4f46e5 !important;
  background-image: none !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-amber::before,
html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-purple::before {
  content: none !important;
}

/* Appwide96: manage categories modal contrast repair (light + dark). */
:root {
  --app-color-authority-version: appwide96;
}

html body #manageCategoriesModal#manageCategoriesModal .modal-content.et-modal {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border: 1px solid var(--app-color-border) !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.modal-header.et-modal-head, .modal-footer) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-category-manager-list, .et-category-form-card, .et-category-manager-list-head, .et-category-manager-list-body, .et-category-item) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-modal-title, .et-modal-title span, .et-modal-title i, .et-panel-title, .et-panel-title i, .et-category-name, .et-category-desc, .et-label, .et-help, .et-category-form-status, .et-category-depth-hint, #categoryHierarchyPreview span, #categoryHierarchyPreview i) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(input, select, textarea, .et-input, .et-select, .et-textarea) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(input, textarea, .et-input, .et-textarea)::placeholder {
  color: var(--app-color-text-muted) !important;
  opacity: 1 !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(select, .et-select) option {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
}

html body #manageCategoriesModal#manageCategoriesModal .et-category-depth-hint {
  background: var(--app-color-brand-soft) !important;
  border-color: rgba(var(--app-color-brand-rgb), 0.28) !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-btn, .et-icon-btn) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}

html body #manageCategoriesModal#manageCategoriesModal .et-btn-primary {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body #manageCategoriesModal#manageCategoriesModal .modal-content.et-modal,
html[data-theme="dark"] body #manageCategoriesModal#manageCategoriesModal .modal-content.et-modal,
body[data-theme="dark"] #manageCategoriesModal#manageCategoriesModal .modal-content.et-modal {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html.dark body #manageCategoriesModal#manageCategoriesModal :is(.modal-header.et-modal-head, .modal-footer, .et-category-manager-list, .et-category-form-card, .et-category-manager-list-head, .et-category-manager-list-body, .et-category-item),
html[data-theme="dark"] body #manageCategoriesModal#manageCategoriesModal :is(.modal-header.et-modal-head, .modal-footer, .et-category-manager-list, .et-category-form-card, .et-category-manager-list-head, .et-category-manager-list-body, .et-category-item),
body[data-theme="dark"] #manageCategoriesModal#manageCategoriesModal :is(.modal-header.et-modal-head, .modal-footer, .et-category-manager-list, .et-category-form-card, .et-category-manager-list-head, .et-category-manager-list-body, .et-category-item) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page .et-select option {
  background: var(--app-color-surface) !important;
  color: var(--app-color-text) !important;
}

html.dark body #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn, .et-icon-btn, .et-note-filter-btn, .et-note-scope-btn, .et-target button, .et-cat-dropdown-btn, .et-advanced-summary, .et-select, .et-input, .et-textarea, .et-checkbox, .et-template-item, .et-template-stat, .et-merge-tag, .et-merge-card, .et-note-item),
html[data-theme="dark"] body #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn, .et-icon-btn, .et-note-filter-btn, .et-note-scope-btn, .et-target button, .et-cat-dropdown-btn, .et-advanced-summary, .et-select, .et-input, .et-textarea, .et-checkbox, .et-template-item, .et-template-stat, .et-merge-tag, .et-merge-card, .et-note-item),
body[data-theme="dark"] #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn, .et-icon-btn, .et-note-filter-btn, .et-note-scope-btn, .et-target button, .et-cat-dropdown-btn, .et-advanced-summary, .et-select, .et-input, .et-textarea, .et-checkbox, .et-template-item, .et-template-stat, .et-merge-tag, .et-merge-card, .et-note-item) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html.dark body #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn-primary, .et-note-scope-btn.active, .et-target button.active),
html[data-theme="dark"] body #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn-primary, .et-note-scope-btn.active, .et-target button.active),
body[data-theme="dark"] #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn-primary, .et-note-scope-btn.active, .et-target button.active) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body #mainContent#mainContent#mainContent .et-page.et-page .et-select option,
html[data-theme="dark"] body #mainContent#mainContent#mainContent .et-page.et-page .et-select option,
body[data-theme="dark"] #mainContent#mainContent#mainContent .et-page.et-page .et-select option {
  background: var(--app-color-surface-soft) !important;
  color: var(--app-color-text) !important;
}

html body :is(.inbox-utility-btn, .inbox-product-rail-btn, .cr-rail-btn, .cr-icon-btn) {
  border-color: var(--app-color-border) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-utility-btn, .inbox-product-rail-btn, .cr-rail-btn, .cr-icon-btn) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  color: var(--app-color-text-muted) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-utility-btn:hover, .inbox-product-rail-btn:hover, .cr-rail-btn:hover, .cr-icon-btn:hover) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  color: var(--app-color-brand-text) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) :is(.inbox-product-rail-btn.active, .inbox-product-rail-btn[aria-pressed="true"], .inbox-product-rail-btn[aria-expanded="true"], .cr-rail-btn.active) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html.dark body :is(.inbox-utility-btn, .inbox-product-rail-btn, .cr-rail-btn, .cr-icon-btn),
html[data-theme="dark"] body :is(.inbox-utility-btn, .inbox-product-rail-btn, .cr-rail-btn, .cr-icon-btn),
body[data-theme="dark"] :is(.inbox-utility-btn, .inbox-product-rail-btn, .cr-rail-btn, .cr-icon-btn) {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
  border-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

html.dark body :is(.inbox-product-rail-btn.active, .inbox-product-rail-btn[aria-pressed="true"], .inbox-product-rail-btn[aria-expanded="true"], .cr-rail-btn.active),
html[data-theme="dark"] body :is(.inbox-product-rail-btn.active, .inbox-product-rail-btn[aria-pressed="true"], .inbox-product-rail-btn[aria-expanded="true"], .cr-rail-btn.active),
body[data-theme="dark"] :is(.inbox-product-rail-btn.active, .inbox-product-rail-btn[aria-pressed="true"], .inbox-product-rail-btn[aria-expanded="true"], .cr-rail-btn.active) {
  background: var(--app-color-brand) !important;
  background-color: var(--app-color-brand) !important;
  border-color: var(--app-color-brand) !important;
  color: var(--app-color-on-brand) !important;
}

html body :is(.inbox-utility-btn, .inbox-product-rail-btn, .cr-rail-btn, .cr-icon-btn, .sidebar-wrapper .section-icon, .sidebar-wrapper .nav-icon, .sidebar-wrapper .push-toggle-icon) :is(i, svg, svg *, path, circle, rect, span) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide97: hard contrast lock for manage categories popup visibility. */
:root {
  --app-color-authority-version: appwide97;
}

html body #manageCategoriesModal#manageCategoriesModal .modal-content.et-modal {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.modal-header.et-modal-head, .modal-footer) {
  background: #111827 !important;
  border-color: #334155 !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-category-manager-list, .et-category-form-card) {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-category-manager-list-head, .et-category-manager-list-body, .et-category-item) {
  background: #1f2f43 !important;
  border-color: #334155 !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-modal-title, .et-modal-title span, .et-modal-title i, .et-panel-title, .et-panel-title i, .et-category-name, .et-label, .et-category-form-status, .et-btn, .et-btn span, .et-btn i) {
  color: #f8fafc !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-category-desc, .et-help, .et-category-depth-hint, #categoryHierarchyPreview span, .et-category-manager-list-head p, .et-category-manager-list-head small) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(input, select, textarea, .et-input, .et-select, .et-textarea) {
  background: #0b1220 !important;
  border-color: #3b4b60 !important;
  color: #f8fafc !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(input, textarea, .et-input, .et-textarea)::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(select, .et-select) option {
  background: #0b1220 !important;
  color: #f8fafc !important;
}

html body #manageCategoriesModal#manageCategoriesModal .et-category-depth-hint {
  background: #243449 !important;
  border-color: #3b4b60 !important;
}

html body #manageCategoriesModal#manageCategoriesModal .et-btn {
  background: #1e293b !important;
  border-color: #3b4b60 !important;
  color: #f8fafc !important;
}

html body #manageCategoriesModal#manageCategoriesModal .et-btn-primary {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

/* Appwide98: remove modal top empty strip + strengthen section header visibility. */
:root {
  --app-color-authority-version: appwide98;
}

html body #manageCategoriesModal#manageCategoriesModal .modal-content.et-modal {
  padding: 0 !important;
  overflow: hidden !important;
}

html body #manageCategoriesModal#manageCategoriesModal .modal-header.et-modal-head {
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

html body #manageCategoriesModal#manageCategoriesModal .et-modal-title {
  margin: 0 !important;
  line-height: 1.2 !important;
}

html body #manageCategoriesModal#manageCategoriesModal .modal-body {
  padding: 10px !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-category-manager-list-head, .et-category-form-card > .d-flex) {
  background: #0f2238 !important;
  border: 1px solid #36506b !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  margin-bottom: 10px !important;
}

html body #manageCategoriesModal#manageCategoriesModal :is(.et-category-manager-list-head .et-panel-title, .et-category-form-card .et-panel-title, .et-category-manager-list-head .et-muted, .et-category-form-card .et-muted) {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Appwide100: render explicit close glyph for manage categories modal. */
:root {
  --app-color-authority-version: appwide100;
}

html body #manageCategoriesModal#manageCategoriesModal .modal-header.et-modal-head .btn-close {
  margin: 0 0 0 auto !important;
  opacity: 1 !important;
  filter: none !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  min-height: 1.75rem !important;
  padding: 0 !important;
  border: 1px solid #6b7f96 !important;
  border-radius: 6px !important;
  background: #16283d !important;
  background-image: none !important;
  color: #f8fafc !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

html body #manageCategoriesModal#manageCategoriesModal .modal-header.et-modal-head .btn-close::before {
  content: "\00d7" !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #f8fafc !important;
}

html body #manageCategoriesModal#manageCategoriesModal .modal-header.et-modal-head .btn-close:hover,
html body #manageCategoriesModal#manageCategoriesModal .modal-header.et-modal-head .btn-close:focus {
  opacity: 1 !important;
  background: #1f344d !important;
  border-color: #8ea3bc !important;
  box-shadow: none !important;
}

/* Appwide101: normalize icon clarity in the templates page and connected nav rails. */
:root {
  --app-color-authority-version: appwide101;
}

html body .et-page :is(i, svg, .mdi, [class*="mdi-"]):not(.ql-picker svg) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

html body .et-page :is(.et-btn, .et-icon-btn, .et-note-filter-btn, .et-note-scope-btn, .et-cat-dropdown-btn, .et-panel-title, .et-modal-title, .et-category-manager-list-head, .et-category-form-card, .et-template-subject-line, .et-template-owner, .et-note-empty, .et-head-tools) :is(i, svg, .mdi, [class*="mdi-"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1em !important;
  line-height: 1 !important;
  opacity: 1 !important;
  filter: none !important;
}

body :is(.sidebar-wrapper, .crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row, .cr-global-rail, .cr-header, .cr-icon-btn) :is(i, svg, .mdi, [class*="mdi-"]) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

body :is(.sidebar-wrapper, .crmnav-container, .hdnav-container, .lmnav-container, .lm-nav-tabs, .tsnav-container, .scnav-container, .pnav-container, .mnnav-container, .system-nav-host, .quick-nav, .quick-nav-row, .cr-global-rail, .cr-header, .cr-icon-btn) :is(a, button) :is(i, svg, .mdi, [class*="mdi-"]) {
  font-size: 1em !important;
  line-height: 1 !important;
}

/* Appwide102: professionalize the shared application sidebar across both themes. */
:root {
  --app-color-authority-version: appwide102;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) {
  border-right: 1px solid var(--ja-rail-border) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.sidebar-brand, .push-notification-sidebar-control, .sidebar-footer) {
  padding-inline: 0.75rem !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .sidebar-brand {
  padding-top: 0.85rem !important;
  padding-bottom: 0.75rem !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .brand-logo {
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 0.9rem !important;
  background: var(--ja-rail-surface) !important;
  border: 1px solid var(--ja-rail-border) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10) !important;
  overflow: hidden !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .logo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-section-header, .nav-link, .nav-single, .push-toggle-btn, .user-profile) {
  border: 1px solid transparent !important;
  border-radius: 0.95rem !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) {
  min-height: 2.75rem !important;
  gap: 0.7rem !important;
  margin: 0.16rem 0.5rem !important;
  padding: 0.6rem 0.8rem !important;
  color: var(--ja-rail-muted) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) :is(.nav-text, .nav-single-text) {
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link:hover, .nav-single:hover, .nav-link.active, .nav-single.active, .nav-item.active > .nav-link) {
  background: var(--ja-rail-surface-hover) !important;
  border-color: var(--ja-rail-border) !important;
  color: var(--ja-rail-text) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link.active, .nav-single.active, .nav-item.active > .nav-link) {
  box-shadow: inset 3px 0 0 var(--ja-rail-chip) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-icon, .nav-icon, .push-toggle-icon, .action-btn, .avatar-placeholder) {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0.72rem !important;
  background: var(--ja-rail-surface) !important;
  border: 1px solid var(--ja-rail-border) !important;
  color: var(--ja-rail-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-icon i, .nav-icon i, .push-toggle-icon i, .action-btn i, .action-btn svg) {
  font-size: 1rem !important;
  line-height: 1 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link:hover, .nav-single:hover, .nav-link.active, .nav-single.active, .nav-item.active > .nav-link) :is(.section-icon, .nav-icon) {
  background: var(--ja-rail-chip) !important;
  border-color: var(--ja-rail-chip) !important;
  color: var(--ja-rail-chip-text) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.section-title, .nav-section-header) {
  color: var(--ja-rail-subtle) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .nav-section-header {
  margin: 0.35rem 0.5rem 0.3rem !important;
  padding: 0.45rem 0.8rem !important;
  background: color-mix(in srgb, var(--ja-rail-surface) 74%, transparent) !important;
  border-color: var(--ja-rail-border) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .section-title {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-badge, .badge-new, .badge-primary, .badge-info, .badge-success, .badge-warning, .badge-danger) {
  min-width: 1.4rem !important;
  height: 1.4rem !important;
  padding: 0 0.42rem !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1.4rem !important;
  box-shadow: none !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .push-notification-sidebar-control {
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
  border-top: 1px solid var(--ja-rail-border) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .push-toggle-btn {
  min-height: 2.9rem !important;
  justify-content: flex-start !important;
  gap: 0.7rem !important;
  padding: 0.68rem 0.8rem !important;
  background: var(--ja-rail-surface) !important;
  border-color: var(--ja-rail-border) !important;
  color: var(--ja-rail-text) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .push-toggle-text {
  font-weight: 700 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .push-toggle-status {
  margin-left: auto !important;
  padding: 0.2rem 0.48rem !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--ja-rail-bg) 78%, transparent) !important;
  border: 1px solid var(--ja-rail-border) !important;
  color: var(--ja-rail-subtle) !important;
  font-size: 0.66rem !important;
  font-weight: 700 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .sidebar-footer {
  padding-top: 0.65rem !important;
  padding-bottom: 0.75rem !important;
  border-top: 1px solid var(--ja-rail-border) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .user-profile {
  gap: 0.72rem !important;
  padding: 0.7rem 0.8rem !important;
  background: var(--ja-rail-surface) !important;
  border-color: var(--ja-rail-border) !important;
  color: var(--ja-rail-text) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .user-name {
  color: var(--ja-rail-text) !important;
  font-weight: 700 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .user-role {
  color: var(--ja-rail-subtle) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .status-indicator.online {
  box-shadow: 0 0 0 2px var(--ja-rail-bg) !important;
}

/* Appwide103: fix sidebar NEW pills and notifications row forced by older high-specificity overrides. */
:root {
  --app-color-authority-version: appwide103;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.badge-new.new-amber, .badge-new.new-purple) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2rem !important;
  height: 1.35rem !important;
  padding: 0 0.45rem !important;
  border-radius: 999px !important;
  font-size: 0.61rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .badge-new.new-amber {
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) .badge-new.new-purple {
  background: #4f46e5 !important;
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn {
  background: var(--ja-rail-surface) !important;
  background-color: var(--ja-rail-surface) !important;
  border: 1px solid var(--ja-rail-border) !important;
  color: var(--ja-rail-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn :is(.push-toggle-text, .push-toggle-icon, .push-toggle-status, span, i, svg, svg *, path) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn .push-toggle-status {
  background: color-mix(in srgb, var(--ja-rail-bg) 82%, transparent) !important;
  background-color: color-mix(in srgb, var(--ja-rail-bg) 82%, transparent) !important;
  border: 1px solid var(--ja-rail-border) !important;
  color: var(--ja-rail-subtle) !important;
  -webkit-text-fill-color: var(--ja-rail-subtle) !important;
}

html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn.enabled {
  background: var(--ja-rail-chip) !important;
  background-color: var(--ja-rail-chip) !important;
  border-color: var(--ja-rail-chip) !important;
  color: var(--ja-rail-chip-text) !important;
  -webkit-text-fill-color: var(--ja-rail-chip-text) !important;
}

html body #sidebar.sidebar-wrapper #pushNotificationSidebarToggle#pushNotificationSidebarToggle.push-toggle-btn.enabled .push-toggle-status {
  background: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: var(--ja-rail-chip-text) !important;
  -webkit-text-fill-color: var(--ja-rail-chip-text) !important;
}

/* Appwide112: terminal sidebar badge contrast closure for Mail + NEW indicators. */
:root {
  --app-color-authority-version: appwide112;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  pointer-events: auto !important;
  text-shadow: none !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-primary {
  min-width: 1.3rem !important;
  height: 1.3rem !important;
  padding: 0 0.42rem !important;
  border-radius: 999px !important;
  background: #334155 !important;
  background-color: #334155 !important;
  border-color: #334155 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new {
  min-width: 2.1rem !important;
  height: 1.35rem !important;
  padding: 0 0.5rem !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-amber {
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-purple {
  background: #4f46e5 !important;
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new::before {
  content: none !important;
}

/* Appwide95: remove duplicate templates top nav + hard light-theme text visibility lock. */
:root {
  --app-color-authority-version: appwide95;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page .et-nav {
  display: none !important;
}

html:not(.dark):not([data-theme="dark"]):not(#appColorAuthoritySpecificityBoost):not(#appColorAuthoritySpecificityBoost2):not(#appColorAuthoritySpecificityBoost3)
body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn, .et-btn span, .et-btn i, .et-icon-btn, .et-icon-btn i, .et-note-filter-btn, .et-note-filter-btn i, .et-note-scope-btn, .et-note-scope-btn i, .et-target button, .et-target button i, .et-cat-dropdown-btn, .et-cat-dropdown-btn i, .et-advanced-summary, .et-advanced-summary i, .et-label, .et-help, .et-muted, .et-panel-title, .et-panel-meta, .et-template-title, .et-template-subject-line, .et-template-snippet, .et-template-owner, .et-note-title, .et-note-meta, .et-note-text, .et-preview-summary, .et-live-subject, .et-live-body, .et-select, .et-input, .et-textarea, .et-select option, .et-checkbox, .et-checkbox span, .et-checkbox i) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-btn-primary, .et-note-scope-btn.active, .et-target button.active) :is(span, i, svg, svg *, path) {
  color: var(--app-color-on-brand) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-input, .et-select, .et-textarea, .et-checkbox, .et-btn, .et-icon-btn, .et-note-filter-btn, .et-note-scope-btn, .et-target button, .et-cat-dropdown-btn) {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
}

html:not(.dark):not([data-theme="dark"]) body:not(.dark):not([data-theme="dark"]) #mainContent#mainContent#mainContent .et-page.et-page :is(.et-input::placeholder, .et-textarea::placeholder) {
  color: var(--app-color-text-muted) !important;
  opacity: 1 !important;
}

/* =====================================================================
   UNIVERSAL COLOR ENFORCEMENT
   These rules enforce the unified color system by ELEMENT TYPE,
   not by class name. No matter what a template's <style> block says,
   these rules guarantee:

   HIERARCHY:
   ─ Headings (h1-h6, legend)           → --app-color-text
   ─ Body text (p, span, div, li, td)   → --app-color-text
   ─ Labels & small text (label, small)  → --app-color-text-muted
   ─ Icons (i, svg)                      → --app-color-text-muted
   ─ Links (a)                           → --app-color-brand
   ─ Inputs                              → --app-color-text + surface bg
   ─ Card / panel surfaces              → --app-color-surface
   ─ Page backgrounds                    → --app-color-page
   ─ Borders                             → --app-color-border

   Buttons, badges, and semantic-color elements are excluded so
   their explicit brand/danger/success/warning fills are kept.
   ===================================================================== */
:root {
  --app-color-authority-version: universal-enforcement;
}

/* ── HEADINGS: always primary text color ── */
html body #mainContent :is(h1, h2, h3, h4, h5, h6, legend,
  [class*="-title"], [class*="-heading"], [class*="_title"], [class*="_heading"],
  [class*="page-title"], [class*="card-title"], [class*="section-title"]) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* ── BODY TEXT: default to primary text ── */
html body #mainContent :is(p, li, dt, dd, td, th, blockquote, figcaption,
  [class*="-description"], [class*="-body"], [class*="-content"],
  [class*="-snippet"], [class*="-preview"], [class*="-summary"],
  [class*="-text"]:not([class*="-textarea"]):not([class*="p-text-"])) {
  color: var(--app-color-text) !important;
}

/* ── MUTED / SECONDARY TEXT ── */
html body #mainContent :is(small, .text-muted, .text-secondary,
  [class*="-meta"], [class*="-hint"], [class*="-subtitle"],
  [class*="-subtext"], [class*="-secondary"], [class*="-label"]:not([class*="hd-"]):not([class*="ts-"]):not([class*="lm-"]),
  [class*="-muted"], [class*="-faint"], [class*="-light"],
  [class*="-placeholder"]:not(.avatar-placeholder):not(.avatar-initials), [class*="-help"],
  [class*="-caption"], [class*="-note"]:not([class*="-notebook"]),
  [class*="-info"]:not([class*="-info-card"]),
  time, cite, abbr) {
  color: var(--app-color-text-muted) !important;
}

/* ── ICONS: muted so they don't fight headings ── */
html body #mainContent :is(i:not([class*="btn"] i):not(.stat-icon i):not(.stat-card-icon i):not(.card-icon i):not(.ds-status-badge i):not(.app-status-badge i):not(.activity-icon i):not(.type-badge i):not(.priority-badge i):not(.feature-item i):not(.applications-stat-icon i):not(.empty-state-icon i):not(.settings-icon i), svg:not(button svg):not(.stat-icon svg):not(.stat-card-icon svg):not(.card-icon svg):not(.ds-status-badge svg):not(.applications-stat-icon svg)) {
  color: var(--app-color-text-muted) !important;
  fill: currentColor !important;
}

/* Icons inside buttons get button text color (inherit) */
html body #mainContent :is(button, [class*="btn"]) :is(i, svg) {
  color: inherit !important;
  fill: currentColor !important;
}

/* ── LINKS: brand accent ── */
html body #mainContent a:not([class*="btn"]):not([class*="nav"]):not([class*="tab"]):not([class*="text-white"]):not([class*="bg-"]):not([class*="badge"]):not([class*="pill"]):not([class*="chip"]) {
  color: var(--app-color-brand-text) !important;
}

/* ── FORM INPUTS ── */
html body #mainContent :is(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
  textarea, select, [contenteditable="true"]) {
  color: var(--app-color-text) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
}

html body #mainContent :is(input, textarea, select)::placeholder {
  color: var(--app-color-text-faint) !important;
  opacity: 1 !important;
}

/* ── CARD / PANEL SURFACES ── */
html body #mainContent :is([class*="-card"]:not([class*="-icon"]):not([class*="-badge"]), [class*="-panel"],
  [class*="-box"]:not([class*="checkbox"]):not(.hd-week-box):not(.hd-priority-box):not(.hd-stat-item), .card) {
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Card headers: transparent, just a border separator */
html body #mainContent :is([class*="-card-header"], .card-header) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom-color: var(--app-color-border) !important;
  color: var(--app-color-text) !important;
}

/* ── PAGE / WRAPPER BACKGROUNDS ── */
html body #mainContent :is(
  [class*="-page"]:not([class*="-header"]):not([class*="-title"]):not([class*="-nav"]):not([class*="-tab"]):not([class*="-step"]):not([class*="-badge"]):not([class*="-tag"]):not([class*="-btn"]),
  [class*="-wrapper"]:not([class*="-header"]):not([class*="-nav"]):not([class*="-tab"]):not([class*="-badge"]):not([class*="-tag"]):not([class*="-btn"]),
  [class*="-container"]:not([class*="btn-container"])) {
  background-color: var(--app-color-page) !important;
}

/* ── TABLES ── */
html body #mainContent table {
  border-color: var(--app-color-border) !important;
}
html body #mainContent :is(th, thead td) {
  background-color: var(--app-color-surface-soft) !important;
  color: var(--app-color-text) !important;
  border-color: var(--app-color-border) !important;
}
html body #mainContent tbody td {
  border-color: var(--app-color-border) !important;
}

/* ── DARK MODE GLASSMORPHISM REMOVAL ── */
html.dark body #mainContent [style*="backdrop-filter"],
html[data-theme="dark"] body #mainContent [style*="backdrop-filter"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── PRESERVE SEMANTIC ELEMENTS ──
   Buttons, badges, alerts, and notification elements keep their
   explicit brand/danger/success/warning colors. This list excludes
   them from the universal text-color rules above. */
html body #mainContent :is(.badge, .alert, .tag, .pill, .chip,
  [class*="-badge"], [class*="-tag"], [class*="-pill"], [class*="-chip"],
  [class*="-alert"], [class*="-toast"], [class*="-notification"],
  [class*="-status"], [class*="-priority"]) {
  /* These keep their template-specified colors */
  color: revert !important;
  background-color: revert !important;
}

/* ── SIDEBAR: excluded from mainContent rules above, just enforce
   consistent nav text ── */
html body :is(#sidebar, .sidebar-wrapper, [class*="sidebar"]) :is(a, span, .nav-text) {
  color: var(--app-color-text-muted) !important;
}
html body :is(#sidebar, .sidebar-wrapper) a:hover :is(span, .nav-text, i),
html body :is(#sidebar, .sidebar-wrapper) a.active :is(span, .nav-text, i) {
  color: var(--app-color-text) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   GLOBAL LOCAL-ALIAS OVERRIDE — Unified Color System Enforcement
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   Per-page templates define local CSS custom properties like
   --crm-primary, --et-text, --cal-bg, --contact-primary, etc.
   Each page defined its own values, creating a "colored separately"
   feeling across the platform.

   This block resolves ALL of them to the correct unified app-color-*
   tokens using !important, so every page looks identical regardless
   of which local alias it uses.

   Why !important on custom properties: template <style> blocks load
   AFTER linked CSS in <head> (via Django's {% block extra_css %}).
   Without !important the template's local definition wins source
   order. The !important "author important" layer always beats the
   normal "author" layer regardless of specificity or load order.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  /* ── PRIMARY / ACCENT aliases ──────────────────────────────────────
     All per-page "primary" vars (--crm-primary, --contact-primary,
     etc.) now use brand-text — lighter in dark mode for readability */
  --contact-primary:         var(--app-color-brand-text) !important;
  --contact-primary-light:   var(--app-color-surface-soft) !important;
  --prospect-primary:        var(--app-color-brand-text) !important;
  --prospect-primary-light:  var(--app-color-surface-soft) !important;
  --former-primary:          var(--app-color-brand-text) !important;
  --former-primary-light:    var(--app-color-surface-soft) !important;
  --landlord-primary:        var(--app-color-brand-text) !important;
  --landlord-primary-light:  var(--app-color-surface-soft) !important;
  --tenant-primary:          var(--app-color-brand-text) !important;
  --tenant-primary-light:    var(--app-color-surface-soft) !important;
  --crm-primary:             var(--app-color-brand-text) !important;
  --crm-primary-dark:        var(--app-color-brand-text) !important;
  --crm-success:             var(--app-color-brand-text) !important;
  --iam-primary:             var(--app-color-brand-text) !important;
  --iam-primary-hover:       var(--app-color-brand-text) !important;
  --iam-success:             var(--app-color-brand-text) !important;
  --sms-primary:             var(--app-color-brand-text) !important;
  --sms-primary-dark:        var(--app-color-brand-text) !important;
  --sms-primary-light:       var(--app-color-surface-soft) !important;
  --cal-primary:             var(--app-color-brand-text) !important;
  --cal-success:             var(--app-color-brand-text) !important;
  --primary:                 var(--app-color-brand-text) !important;
  --primary-color:           var(--app-color-brand-text) !important;
  --primary-light:           var(--app-color-surface-soft) !important;
  --accent:                  var(--app-color-accent) !important;

  /* ── DANGER aliases ────────────────────────────────────────────── */
  --iam-danger:              var(--app-color-accent) !important;
  --sms-danger:              var(--app-color-accent) !important;
  --cal-danger:              var(--app-color-accent) !important;

  /* ── TEXT / LABEL aliases ──────────────────────────────────────── */
  --et-text:                 var(--app-color-text) !important;
  --et-faint:                var(--app-color-text-muted) !important;
  --cal-text:                var(--app-color-text) !important;
  --cal-text2:               var(--app-color-text-muted) !important;
  --iam-text:                var(--app-color-text) !important;
  --iam-text-muted:          var(--app-color-text-muted) !important;
  --crm-dark-text:           var(--app-color-text) !important;
  --crm-dark-text-soft:      var(--app-color-text-muted) !important;
  --crm-dark-muted:          var(--app-color-text-muted) !important;
  --text-tertiary:           var(--app-color-text-muted) !important;
  --glass-primary-solid:     var(--app-color-brand-text) !important;
  --grey-label:              var(--app-color-text-muted) !important;

  /* ── BORDER aliases ────────────────────────────────────────────── */
  --et-border:               var(--app-color-border) !important;
  --cal-border:              var(--app-color-border) !important;
  --iam-border:              var(--app-color-border) !important;
  --crm-dark-border:         var(--app-color-border) !important;
  --crm-dark-border-strong:  var(--app-color-border-strong) !important;

  /* ── SURFACE / BACKGROUND aliases ─────────────────────────────── */
  --et-surface:              var(--app-color-surface) !important;
  --et-soft:                 var(--app-color-surface-soft) !important;
  --cal-bg:                  var(--app-color-page) !important;
  --cal-card:                var(--app-color-surface) !important;
  --cal-hover:               var(--app-color-surface-soft) !important;
  --iam-bg:                  var(--app-color-page) !important;
  --iam-card:                var(--app-color-surface) !important;
  --crm-dark-bg:             var(--app-color-page) !important;
  --crm-dark-bg-soft:        var(--app-color-surface-soft) !important;
  --crm-dark-surface:        var(--app-color-surface) !important;
  --crm-dark-surface-2:      var(--app-color-surface-soft) !important;
  --sms-glass:               var(--app-color-surface) !important;

  /* ── Just-application local aliases ───────────────────────────── */
  --app-primary:             var(--app-color-brand-text) !important;
  --app-light:               var(--app-color-surface-soft) !important;
  --app-glass:               var(--app-color-surface) !important;
  --app-glass-border:        var(--app-color-border) !important;

  /* ── GRADIENT aliases → unified surface fill ───────────────────── */
  --accent-gradient:         var(--app-flat-fill) !important;
  --success-gradient:        var(--app-flat-fill) !important;
  --warning-gradient:        var(--app-flat-fill) !important;
  --danger-gradient:         var(--app-flat-fill) !important;
  --info-gradient:           var(--app-flat-fill) !important;
  --cyan-gradient:           var(--app-flat-fill) !important;
}

/* ================================================================
   Appwide53b: LIGHT THEME CONTRAST FIXES

   Root cause: --app-flat-fill = --app-color-brand (#3f4f5f, dark gray) in
   light mode. Multiple components use it as a BACKGROUND surface. Since text
   tokens are also dark in light mode, this creates near-zero contrast ratios.

   Affected components fixed here:
     1. .inbox-sidebar-panel / .sidebar-footer-* — dark bg + dark nav text → ~1:1
     2. .sidebar-compose-btn (desktop) — dark bg + dark text → ~2:1
     3. .email-row:not(.unread) date/snippet/count — same as page bg → 1:1 (invisible)
     4. .cr-global-rail / .cr-chat-panel — dark bg + same-color icon/label → 1:1

   Pattern mirrors the existing Appwide52 main-sidebar fix (lines 5593-5606)
   where #sidebar.sidebar-wrapper is given a light surface in light mode.
   ================================================================ */

/* 1. Inbox sidebar panel: use light surface in light mode
      (mirrors Appwide52 treatment of #sidebar.sidebar-wrapper) */
html:not(.dark):not([data-theme="dark"]) body :is(.inbox-sidebar-panel, .sidebar-footer-nav, .sidebar-footer-links),
html[data-theme="light"] body :is(.inbox-sidebar-panel, .sidebar-footer-nav, .sidebar-footer-links),
body[data-theme="light"] :is(.inbox-sidebar-panel, .sidebar-footer-nav, .sidebar-footer-links) {
  --app-flat-fill: var(--app-color-surface) !important;
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  background-image: none !important;
  border-color: var(--app-color-border) !important;
}

/* 2. Compose button: light style on desktop (mobile is handled by Appwide46 with white text) */
@media (min-width: 1025px) {
  html:not(.dark):not([data-theme="dark"]) body .sidebar-compose-btn,
  html[data-theme="light"] body .sidebar-compose-btn,
  body[data-theme="light"] .sidebar-compose-btn {
    --app-flat-fill: var(--app-color-surface-soft) !important;
    background: var(--app-color-surface-soft) !important;
    background-color: var(--app-color-surface-soft) !important;
    color: var(--app-color-text) !important;
    -webkit-text-fill-color: var(--app-color-text) !important;
    border-color: var(--app-color-border) !important;
    box-shadow: var(--shadow-md) !important;
  }
  html:not(.dark):not([data-theme="dark"]) body .sidebar-compose-btn :is(i, svg, svg *, path),
  html[data-theme="light"] body .sidebar-compose-btn :is(i, svg, svg *, path),
  body[data-theme="light"] .sidebar-compose-btn :is(i, svg, svg *, path) {
    color: var(--app-color-brand) !important;
    fill: var(--app-color-brand) !important;
    stroke: var(--app-color-brand) !important;
    -webkit-text-fill-color: var(--app-color-brand) !important;
  }
}

/* 3. Read email row secondary text: email-list.css sets color = --app-color-page
      which matches the row background in light mode → text is invisible (1:1 contrast).
      Fix: use --app-color-text-faint (#667085) which passes 4.7:1 on page background. */
html:not(.dark):not([data-theme="dark"]) body .email-row:not(.unread) :is(.email-row-date, .email-row-snippet, .email-row-count),
html[data-theme="light"] body .email-row:not(.unread) :is(.email-row-date, .email-row-snippet, .email-row-count),
body[data-theme="light"] .email-row:not(.unread) :is(.email-row-date, .email-row-snippet, .email-row-count) {
  color: var(--app-color-text-faint) !important;
  -webkit-text-fill-color: var(--app-color-text-faint) !important;
}

/* 4. Collaboration rail: global pill rail uses --app-flat-fill as bg (dark in light mode)
      with icon/label colors that also resolve to brand color → nearly invisible (1:1). */
html:not(.dark):not([data-theme="dark"]) body :is(.cr-global-rail, .cr-chat-panel),
html[data-theme="light"] body :is(.cr-global-rail, .cr-chat-panel),
body[data-theme="light"] :is(.cr-global-rail, .cr-chat-panel) {
  --app-flat-fill: var(--app-color-surface) !important;
  --cr-muted: var(--app-color-text-muted) !important;
  --cr-faint: var(--app-color-text-faint) !important;
  --cr-text: var(--app-color-text) !important;
  --cr-line: var(--app-color-border) !important;
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  box-shadow: var(--shadow-md) !important;
}

/* 5. Sidebar account-row.active: in light mode --sky-bg-card and --app-color-on-brand
      are locally overridden to the brand color, so color-mix(brand,brand)=brand for bg
      and on-brand text also resolves to brand → 1:1 contrast.
      Fix: override the custom properties at the panel level AND add a direct rule
      that uses known-good token values for text and a light-tinted background. */

/* Fix --sky-bg-card on the panel so color-mix gives a light tinted result */
html:not(.dark):not([data-theme="dark"]) body :is(.inbox-sidebar-panel, .sidebar-footer-nav, .sidebar-footer-links),
html[data-theme="light"] body :is(.inbox-sidebar-panel, .sidebar-footer-nav, .sidebar-footer-links),
body[data-theme="light"] :is(.inbox-sidebar-panel, .sidebar-footer-nav, .sidebar-footer-links) {
  --sky-bg-card: var(--app-color-surface) !important;
  --sky-bg: var(--app-color-page) !important;
  --sky-bg-hover: var(--app-color-surface-muted) !important;
  --sky-text: var(--app-color-text) !important;
  --sky-text-muted: var(--app-color-text-muted) !important;
  --ja-primary: var(--app-color-brand) !important;
}

/* Direct rule for active sidebar account rows (defense-in-depth) */
html:not(.dark):not([data-theme="dark"]) body :is(.inbox-sidebar-panel, .sidebar-footer-nav) .sidebar-account-row.active,
html:not(.dark):not([data-theme="dark"]) body :is(.inbox-sidebar-panel, .sidebar-footer-nav) .sidebar-account-item.active,
html[data-theme="light"] body :is(.inbox-sidebar-panel, .sidebar-footer-nav) .sidebar-account-row.active,
html[data-theme="light"] body :is(.inbox-sidebar-panel, .sidebar-footer-nav) .sidebar-account-item.active,
body[data-theme="light"] :is(.inbox-sidebar-panel, .sidebar-footer-nav) .sidebar-account-row.active,
body[data-theme="light"] :is(.inbox-sidebar-panel, .sidebar-footer-nav) .sidebar-account-item.active {
  background: rgba(63, 79, 95, 0.1) !important;
  background-color: rgba(63, 79, 95, 0.1) !important;
  color: var(--app-color-text-muted) !important;
  -webkit-text-fill-color: var(--app-color-text-muted) !important;
  box-shadow: inset 3px 0 0 rgba(63, 79, 95, 0.5) !important;
}
html:not(.dark):not([data-theme="dark"]) body .inbox-sidebar-panel .sidebar-account-row.active :is(.sidebar-account-name, .sidebar-account-info, .sidebar-account-unread-badge, .sidebar-account-dot, span, small),
html[data-theme="light"] body .inbox-sidebar-panel .sidebar-account-row.active :is(.sidebar-account-name, .sidebar-account-info, .sidebar-account-unread-badge, .sidebar-account-dot, span, small),
body[data-theme="light"] .inbox-sidebar-panel .sidebar-account-row.active :is(.sidebar-account-name, .sidebar-account-info, .sidebar-account-unread-badge, .sidebar-account-dot, span, small) {
  color: var(--app-color-text-muted) !important;
  -webkit-text-fill-color: var(--app-color-text-muted) !important;
}

/* 6. Calendar agenda date header: uses --app-flat-fill as bg → dark in light mode.
      Text also uses brand-color fallbacks → brand-on-brand = 1:1.
      Fix: surface-soft bg so dark brand text (#3f4f5f) gives 8.4:1 contrast. */
html:not(.dark):not([data-theme="dark"]) body .cal-agenda-date-header,
html[data-theme="light"] body .cal-agenda-date-header,
body[data-theme="light"] .cal-agenda-date-header {
  background: var(--app-color-surface-soft) !important;
  background-color: var(--app-color-surface-soft) !important;
}

/* 7. AI suggestion overlay: uses --app-flat-fill as bg → dark in light mode.
      Label color is also brand → brand-on-brand = 1:1.
      Fix: surface bg makes brand label (dark) contrast ~8.4:1 against white. */
html:not(.dark):not([data-theme="dark"]) body .ai-overlay,
html[data-theme="light"] body .ai-overlay,
body[data-theme="light"] .ai-overlay {
  background: var(--app-color-surface) !important;
  background-color: var(--app-color-surface) !important;
  border-color: var(--app-color-border) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.06) !important;
}
html:not(.dark):not([data-theme="dark"]) body .ai-overlay :is(.ai-overlay__icon),
html[data-theme="light"] body .ai-overlay :is(.ai-overlay__icon),
body[data-theme="light"] .ai-overlay :is(.ai-overlay__icon) {
  background: var(--app-color-surface-soft) !important;
}

/* 8. CRM lead score: inline-extracted overrides background to --app-flat-fill
      (dark in light mode) and text to brand → 1:1 contrast.
      Fix: use light semantic backgrounds; brand text stays dark for good contrast. */
html:not(.dark):not([data-theme="dark"]) body :is(.crm-lead-score.score-hot, .crm-lead-score.score-cold),
html[data-theme="light"] body :is(.crm-lead-score.score-hot, .crm-lead-score.score-cold),
body[data-theme="light"] :is(.crm-lead-score.score-hot, .crm-lead-score.score-cold) {
  background: rgba(63, 79, 95, 0.08) !important;
  background-color: rgba(63, 79, 95, 0.08) !important;
  color: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand) !important;
  border-color: rgba(63, 79, 95, 0.25) !important;
}
html:not(.dark):not([data-theme="dark"]) body .crm-lead-score.score-warm,
html[data-theme="light"] body .crm-lead-score.score-warm,
body[data-theme="light"] .crm-lead-score.score-warm {
  background: rgba(var(--app-danger-rgb), 0.08) !important;
  background-color: rgba(var(--app-danger-rgb), 0.08) !important;
  color: var(--app-color-danger) !important;
  -webkit-text-fill-color: var(--app-color-danger) !important;
  border-color: rgba(var(--app-danger-rgb), 0.25) !important;
}

/* 9. Compose CC/BCC field links: white text on light surface bg → 1:1 contrast.
      Something overrides the base color to --app-color-on-brand which is locally
      remapped to brand. Fix: ensure brand-colored text in light mode. */
html:not(.dark):not([data-theme="dark"]) body .compose-field-link,
html[data-theme="light"] body .compose-field-link,
body[data-theme="light"] .compose-field-link {
  color: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand) !important;
}

/* 10. Compose undo button: color = --app-color-page (very light) on light bg → invisible.
       The undo strip can appear in light contexts; fix with text-muted. */
html:not(.dark):not([data-theme="dark"]) body .compose-undo-btn,
html[data-theme="light"] body .compose-undo-btn,
body[data-theme="light"] .compose-undo-btn {
  color: var(--app-color-text-muted) !important;
  -webkit-text-fill-color: var(--app-color-text-muted) !important;
}

/* 11. Calendar agenda date header: --text-primary / --text-secondary are set to white
       in this panel context (dark-bg styling leaks into light mode after our bg fix).
       Fix: override vars and directly force dark text on the now-light surface. */
html:not(.dark):not([data-theme="dark"]) body :is(.cal-agenda-scroll, .cal-agenda-date-header, .cr-chat-panel .cal-agenda-date-header),
html[data-theme="light"] body :is(.cal-agenda-scroll, .cal-agenda-date-header),
body[data-theme="light"] :is(.cal-agenda-scroll, .cal-agenda-date-header) {
  --text-primary: var(--app-color-text) !important;
  --text-secondary: var(--app-color-text-muted) !important;
  --text-tertiary: var(--app-color-text-faint) !important;
}
html:not(.dark):not([data-theme="dark"]) body .cal-agenda-date-header :is(.cal-agenda-day, .cal-agenda-full-date, .cal-agenda-date-main, .cal-agenda-month, [class*="cal-agenda"]),
html[data-theme="light"] body .cal-agenda-date-header :is(.cal-agenda-day, .cal-agenda-full-date, .cal-agenda-date-main, .cal-agenda-month, [class*="cal-agenda"]),
body[data-theme="light"] .cal-agenda-date-header :is(.cal-agenda-day, .cal-agenda-full-date, .cal-agenda-date-main, .cal-agenda-month, [class*="cal-agenda"]) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* 12. Notification badges (cr-rail-badge, avatar-placeholder, similar): ensure
       white text on brand-colored badge backgrounds for WCAG compliance. */
html:not(.dark):not([data-theme="dark"]) body :is(.cr-rail-badge, .cr-avatar),
html[data-theme="light"] body :is(.cr-rail-badge, .cr-avatar),
body[data-theme="light"] :is(.cr-rail-badge, .cr-avatar) {
  background: var(--app-color-brand) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 13. Mobile nav active item: brand bg + muted text → 1.09:1.
       Fix: white text on dark brand bg (8.4:1). */
html:not(.dark):not([data-theme="dark"]) body .mobile-nav-item.active :is(.mobile-nav-label, span, small),
html[data-theme="light"] body .mobile-nav-item.active :is(.mobile-nav-label, span, small),
body[data-theme="light"] .mobile-nav-item.active :is(.mobile-nav-label, span, small) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* 14. Schedule tour header: uses --app-flat-fill bg (dark) with surface text.
       Fix: ensure text is on-brand (white) which contrasts 8.4:1 on dark brand bg. */
html:not(.dark):not([data-theme="dark"]) body .schedule-tour-header :is(.schedule-tour-title, .schedule-tour-subtitle, span, p),
html[data-theme="light"] body .schedule-tour-header :is(.schedule-tour-title, .schedule-tour-subtitle, span, p),
body[data-theme="light"] .schedule-tour-header :is(.schedule-tour-title, .schedule-tour-subtitle, span, p) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* 15. CRM lead score: inline-extracted overrides ALL variants to flat-fill bg + brand text.
       Even with score class fixes (items 8 above), the base .crm-lead-score rule wins.
       Fix the base rule too. */
html:not(.dark):not([data-theme="dark"]) body .crm-lead-score:not(.score-hot):not(.score-warm):not(.score-cold),
html[data-theme="light"] body .crm-lead-score:not(.score-hot):not(.score-warm):not(.score-cold),
body[data-theme="light"] .crm-lead-score:not(.score-hot):not(.score-warm):not(.score-cold) {
  background: rgba(63, 79, 95, 0.08) !important;
  background-color: rgba(63, 79, 95, 0.08) !important;
  color: var(--app-color-brand) !important;
  -webkit-text-fill-color: var(--app-color-brand) !important;
  border-color: rgba(63, 79, 95, 0.25) !important;
}

/* 16. Email row avatar initials: palette rule sets color via --app-color-on-brand
       but something downstream overrides it to text-muted (#475467) while bg stays
       brand or --avatar-color → 1.09:1. Fix: hardcode white with maximum specificity. */
html:not(.dark):not([data-theme="dark"]) body .email-row-avatar .avatar-placeholder.avatar-placeholder,
html:not(.dark):not([data-theme="dark"]) body .email-row-avatar .avatar-initials.avatar-initials,
html:not(.dark):not([data-theme="dark"]) body .inbox-row-avatar .avatar-placeholder.avatar-placeholder,
html:not(.dark):not([data-theme="dark"]) body .inbox-row-avatar .avatar-initials.avatar-initials,
html[data-theme="light"] body .email-row-avatar .avatar-placeholder.avatar-placeholder,
html[data-theme="light"] body .email-row-avatar .avatar-initials.avatar-initials,
html[data-theme="light"] body .inbox-row-avatar .avatar-placeholder.avatar-placeholder,
html[data-theme="light"] body .inbox-row-avatar .avatar-initials.avatar-initials,
body[data-theme="light"] .email-row-avatar .avatar-placeholder.avatar-placeholder,
body[data-theme="light"] .email-row-avatar .avatar-initials.avatar-initials,
body[data-theme="light"] .inbox-row-avatar .avatar-placeholder.avatar-placeholder,
body[data-theme="light"] .inbox-row-avatar .avatar-initials.avatar-initials {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 17. Active nav-tab child spans: the #mainContent rule forces span:not([class]) to
       dark text, overriding the inherited surface (white) color from .active link.
       Fix: use ID specificity to restore white text inside all active nav tabs. */
html body #mainContent :is(.lm-nav-tab, .mnnav-link, .pnav-link, .scnav-link,
  .comnav-link, .crmnav-link, .hdnav-link, .sknav-link, .setnav-link, .pm-nav-tab).active :is(span, i, strong, small),
html body #mainContent :is(.lm-nav-tab, .mnnav-link, .pnav-link, .scnav-link,
  .comnav-link, .crmnav-link, .hdnav-link, .sknav-link, .setnav-link, .pm-nav-tab).active {
  color: var(--app-color-surface) !important;
  -webkit-text-fill-color: var(--app-color-surface) !important;
}

/* 19. Confirmed brand-bg containers inside #mainContent that survive the Appwide53b
       card/panel/page bg rules (i.e. their class names do NOT contain "-card", "-panel",
       or "-page" as substrings, so the surface-override rules don't touch them).
       The heading/body rules (spec 1,0,3) force text dark inside these. Fix with spec 1,1,3.
       EXCLUDED: .hd-card-header, .ts-card-header, .hero-card — these contain "-card" and
       get white bg from Appwide53b, so their children need dark (not white) text.
       EXCLUDED: .hd-priority-box — has semantic color (red/orange) bg, not always brand. */
html body #mainContent :is(.ai-hero, .lm-page-header, .lm-header-top,
  .cal-agenda-date-header, .gradient-bg, .hero-pattern, .page-hero) :is(
  h1, h2, h3, h4, h5, h6, p, span, div, small, strong, em, a, button, label, li, i, svg) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* 20. Analytics/hub card-head headings: brand bg is applied directly to h1-h6
       inside .ah-card-head by an earlier analytics palette rule, but the Appwide53b
       heading rule (spec 1,0,3) overrides text to dark. Fix with spec 1,1,3 targeting
       only headings (not all descendants, since .ah-card-head itself can be white). */
/* Analytics card/panel heads: .ah-card-head itself has white bg (card rule strips it),
   but the analytics palette rule applies brand bg DIRECTLY to h3 inside it. Only target
   headings (h1-h6), not all descendants — other children use white background. */
html body #mainContent :is(.ah-card-head, .ah-panel-head) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* 17b. Active pnav/nav spans OUTSIDE #mainContent: the global light-mode pnav rule
        forces all .pnav-link spans to flag-black (specificity 0,6,3), even when the
        link is .active (which has a dark brand background). Fix by adding .active class
        to raise specificity to 0,7,3 without needing an ID ancestor. */
html:not(.dark):not([data-theme="dark"]) body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link.active :is(span, i, svg, svg *, path),
html[data-theme="light"] body :is(.pnav-container.pnav-container, .pnav-tabs.pnav-tabs) .pnav-link.pnav-link.active :is(span, i, svg, svg *, path) {
  color: var(--app-color-surface) !important;
  -webkit-text-fill-color: var(--app-color-surface) !important;
}

/* 18. Brand-colored buttons / action elements: child spans set to dark by #mainContent
       text rule. Restore on-brand (white) for all child text nodes. */
html body #mainContent :is(.hd-quick-btn, .hd-quick-action, .lm-btn.lm-btn-primary,
  .ts-btn.ts-btn-primary, .btn-primary, .compose-btn, .sidebar-compose-btn,
  .quick-add-btn, .primary-action) :is(span, small, i, strong) {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* 21. Collaboration-rail context menu: .cr-context-menu has background: var(--app-color-text)
       (dark in light mode, light in dark mode). The generic body :where(button) rule at ~L1973
       forces color: var(--app-color-text) !important on ALL unclassed buttons, making text
       invisible (dark-on-dark in light mode, light-on-light in dark mode).
       Fix: raise specificity with body .cr-context-menu button (0,1,2 > 0,0,1 in !important
       layer) to restore var(--app-color-surface) which correctly inverts in both modes. */
body .cr-context-menu button,
body .cr-context-menu button :is(span, i, strong, svg) {
  color: var(--app-color-surface) !important;
  -webkit-text-fill-color: var(--app-color-surface) !important;
}

/* Fix 23. Helpdesk ticket stat label: .tk-stat has brand bg (--app-flat-fill = #3f4f5f)
   but .tk-stat-label gets --app-color-text-muted from Appwide53b muted rule
   '[class*="-label"]:not([class*="hd-"]):not([class*="ts-"]):not([class*="lm-"])'
   (spec 1,4,2 !important). The intended on-brand rule at ~L2822 has spec 0,4,2 — loses.
   Fix: spec 1,6,2 (adding :not×2 for light mode + #mainContent + doubled classes),
   later cascade position → wins and restores white on dark stat bg. */
html:not(.dark):not([data-theme="dark"]) body #mainContent .tk-stat.tk-stat .tk-stat-label.tk-stat-label,
html[data-theme="light"] body #mainContent .tk-stat.tk-stat .tk-stat-label.tk-stat-label,
body[data-theme="light"] #mainContent .tk-stat.tk-stat .tk-stat-label.tk-stat-label {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Fix 25. KB knowledge base hero cat-chip active state: inside .kb-hero (dark brand bg).
   Palette rule 'html body #mainContent :is(.badge, ..., [class*="-chip"], ...)' sets
   color:revert !important (spec 1,1,2), reverting .kb-cat-chip.active to browser link blue
   rgb(0,0,238) which fails on dark bg. The on-brand hero rule has lower spec 0,2,3 → loses.
   Fix: spec 1,5,2 via #mainContent + .kb-hero.kb-hero + doubled chip + .active > 1,1,2. */
html body #mainContent .kb-hero.kb-hero .kb-cat-chip.kb-cat-chip.active,
html body #mainContent .kb-hero.kb-hero .kb-cat-chip.kb-cat-chip:hover {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Fix 24a. Canned responses cr-title (gradient text): L7084 rule
   html:not(.dark) #mainContent#mainContent :is(.cr-title) forces color:#fff and
   -webkit-text-fill-color:#fff !important (spec 2,3,2). cr-title uses background-clip:text
   with background:var(--app-flat-fill) to show dark brand color through transparent fill.
   White fill override defeats the gradient AND creates white-on-light-bg failure.
   Counter spec 2,6,2 (add .cr-header.cr-header = +2 classes) > 2,3,2 → restore gradient. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .cr-header.cr-header .cr-title.cr-title,
html[data-theme="light"] body #mainContent#mainContent .cr-header.cr-header .cr-title.cr-title,
body[data-theme="light"] #mainContent#mainContent .cr-header.cr-header .cr-title.cr-title {
  color: var(--app-flat-fill) !important;
  -webkit-text-fill-color: transparent !important;
}

/* Fix 24b. Canned responses cr-card-title (H3 in card header): L7084 forces white text (spec 2,3,2).
   The card header background is overridden to white by palette's [class*="-card"] bg cleanup rule
   (cr-card-header contains substring "-card"). Result: white text on white bg = 1:1 ratio.
   Since bg is now white, restore dark text. Counter spec 2,6,2 via .cr-card.cr-card ancestor. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .cr-card.cr-card .cr-card-title.cr-card-title,
html[data-theme="light"] body #mainContent#mainContent .cr-card.cr-card .cr-card-title.cr-card-title,
body[data-theme="light"] #mainContent#mainContent .cr-card.cr-card .cr-card-title.cr-card-title {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* Fix 24c. Canned responses cr-category-name in active item: .cr-sidebar contains "sidebar"
   substring, so the palette sidebar rule html body :is(#sidebar, [class*="sidebar"]) :is(span,...)
   applies and wins over the on-brand white rule (L2823 spec 0,5,2) because #sidebar inside :is()
   elevates the sidebar rule to spec 1,1,2 (ID beats classes). Result: muted dark text on dark
   brand bg (rgb(71,84,103) on rgb(63,79,95) = 1.09:1). Counter spec 1,7,2 > 1,1,2. */
html:not(.dark):not([data-theme="dark"]) body #mainContent .cr-category-item.cr-category-item.active .cr-category-name.cr-category-name,
html[data-theme="light"] body #mainContent .cr-category-item.cr-category-item.active .cr-category-name.cr-category-name,
body[data-theme="light"] #mainContent .cr-category-item.cr-category-item.active .cr-category-name.cr-category-name {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Fix 22. Lease management lm-wrap white-text overflow: Rules at ~L6876 and ~L6919 force
   color: #ffffff on all h3/div/span/p inside any non-excluded direct child of .lm-wrap
   (specificity 2,12,4). Because those rules use a descendant combinator, they reach INSIDE
   .lm-card containers — which Appwide53b strips to white surface bg → white-on-white.
   Counter with specificity 2,13,4 (same prefix but .lm-card doubled instead of :not(.lm-card),
   net +1 class) + later cascade position → this rule wins for all .lm-card descendants. */
html:not(.dark):not([data-theme="dark"]) body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-filter-panel):not(.lm-table-responsive) .lm-card.lm-card :is(h3, div, span, p),
html[data-theme="light"] body #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-filter-panel):not(.lm-table-responsive) .lm-card.lm-card :is(h3, div, span, p),
body[data-theme="light"] #mainContent#mainContent .lm-page.lm-page .lm-wrap.lm-wrap > div:not(.lm-page-header):not(.lm-tabs):not(.lm-stats-bar):not(.lm-filter-panel):not(.lm-table-responsive) .lm-card.lm-card :is(h3, div, span, p) {
  color: var(--app-color-text) !important;
  -webkit-text-fill-color: var(--app-color-text) !important;
}

/* Fix 26a. Scheduling ts-btn-warning / ts-btn-primary: palette brand-dark-bg group sets
   color:on-brand (white) on these buttons but does NOT set -webkit-text-fill-color.
   The body inherits -webkit-text-fill-color:rgb(16,24,40) globally; since -webkit-text-fill-color
   is an inherited property and no direct rule overrides it on the button, the dark fill renders
   on top of the dark brand bg (ratio 2.1:1). Any direct rule beats an inherited value regardless
   of specificity — spec 0,2,2 matches the existing brand-btn group rule. */
html body :is(.ts-btn.ts-btn-warning, .ts-btn.ts-btn-primary) {
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Fix 26b. Scheduling ts-legend-item.active: palette rule
   html body :is(.ts-card.ts-card, ...) :is(p, span, ..., .profile-role.profile-role, ...)
   has spec 0,4,2 (html body 0,0,2 + doubled first-:is() 0,2,0 + doubled second-:is() 0,2,0).
   This beats the active on-brand rule body .ts-legend-item.ts-legend-item.active (0,3,1),
   applying --app-control-muted text on the brand-dark active bg → ratio 1.24:1 (fails).
   Counter spec 0,5,2 (html body 0,0,2 + three .ts-legend-item 0,3,0 + two .active 0,2,0). */
html body .ts-legend-item.ts-legend-item.ts-legend-item.active.active {
  color: var(--app-color-on-brand) !important;
  -webkit-text-fill-color: var(--app-color-on-brand) !important;
}

/* Fix 27. Public home hp-search widget: template sets background:var(--app-color-surface-muted)
   (solid light grey #f2f4f7) on .hp-search, but all child elements use rgba-white text colors
   designed for the dark hero overlay. This creates ~1:1 contrast (white text on light bg).
   The intended design is a frosted-glass panel (rgba(white, 0.12)) over the dark hero image.
   Override .hp-search background inside .hp-hero to restore the glass effect regardless of
   what the template's inline style sets. Spec 0,3,2 > template rule 0,1,0. */
body .hp-hero .hp-search {
  background-color: rgba(var(--app-neutral-0-rgb), 0.12) !important;
}

/* Fix 28. Terms & Privacy hero H1: Tailwind .text-white sets color:white but does NOT set
   -webkit-text-fill-color. The appwide safety net has spec 0,4,2 !important and forces
   -webkit-text-fill-color: var(--app-color-text) on .text-white elements without bg-primary
   on themselves. The H1 is INSIDE .bg-primary but doesn't carry that class, so it matches.
   Fix: added -webkit-text-fill-color: var(--app-color-on-brand) to the rendered contrast
   closure block above (html body .bg-primary.bg-primary.bg-primary ... spec 0,6,2) which
   correctly outranks the appwide rule for all descendants of .bg-primary containers. */

/* Appwide116: final nav icon clarity + just-application badge contrast closure. */
:root {
  --app-color-authority-version: appwide116;
}

html body :is(
  .ui-icon-slot,
  .ui-icon-button,
  .ui-action-chip,
  .sidebar-wrapper .section-icon,
  .sidebar-wrapper .nav-icon,
  .sidebar-wrapper .push-toggle-icon,
  .sidebar-wrapper .action-btn,
  .crmnav-link,
  .hdnav-link,
  .lm-nav-tab,
  .scnav-link,
  .pnav-link,
  .mnnav-link,
  .comnav-link,
  .sknav-link,
  .setnav-link,
  .pm-nav-tab,
  .tsnav-link,
  .quick-nav-item,
  .inbox-utility-btn,
  .inbox-btn.inbox-icon-btn,
  .inbox-view-toggle-opt,
  .inbox-density-btn,
  .inbox-hover-btn,
  .inbox-nav-theme-toggle,
  .crm-panel-topbar-btn,
  .crm-panel-close-btn,
  .mobile-theme-fab,
  .mobile-theme-toggle
) :is(svg, svg *, path, line, polyline, circle, rect, ellipse, polygon) {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
  opacity: 1 !important;
  filter: none !important;
}

html body :is(
  #sidebar.sidebar-wrapper,
  .sidebar-wrapper,
  .mnnav-container,
  .setnav-container,
  .pm-nav-tabs,
  #mobileHeader,
  .mobile-header
) :is(i, .mdi, [class*="mdi-"]) {
  color: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

html body :is(.mnnav-link, .setnav-link, .pm-nav-tab) :is(.mnnav-badge, .setnav-badge, .pm-nav-badge) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.35rem !important;
  height: 1.35rem !important;
  padding: 0 0.45rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

html.dark body :is(.mnnav-link, .setnav-link, .pm-nav-tab) :is(.mnnav-badge, .setnav-badge, .pm-nav-badge),
html[data-theme="dark"] body :is(.mnnav-link, .setnav-link, .pm-nav-tab) :is(.mnnav-badge, .setnav-badge, .pm-nav-badge),
body[data-theme="dark"] :is(.mnnav-link, .setnav-link, .pm-nav-tab) :is(.mnnav-badge, .setnav-badge, .pm-nav-badge) {
  border-color: #475569 !important;
  background: #334155 !important;
  background-color: #334155 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.45rem !important;
  height: 1.45rem !important;
  padding: 0 0.46rem !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(var(--app-neutral-0-rgb), 0.10) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-primary,
html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-info,
html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-success {
  background: color-mix(in srgb, var(--app-color-brand) 14%, var(--app-color-surface)) !important;
  border-color: color-mix(in srgb, var(--app-color-brand) 26%, transparent) !important;
  color: var(--app-color-brand-text) !important;
  -webkit-text-fill-color: var(--app-color-brand-text) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-warning {
  background: rgba(245, 158, 11, 0.16) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-danger {
  background: rgba(var(--app-danger-rgb), 0.14) !important;
  border-color: rgba(var(--app-danger-rgb), 0.28) !important;
  color: var(--app-color-accent) !important;
  -webkit-text-fill-color: var(--app-color-accent) !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new {
  min-width: 2.1rem !important;
  padding: 0 0.52rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-amber {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-new.new-purple {
  background: #4338ca !important;
  border-color: #4338ca !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-primary,
html.dark body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-info,
html.dark body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-success,
html[data-theme="dark"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-primary,
html[data-theme="dark"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-info,
html[data-theme="dark"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-success,
body[data-theme="dark"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-primary,
body[data-theme="dark"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-info,
body[data-theme="dark"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-success {
  background: rgba(var(--app-brand-rgb), 0.22) !important;
  border-color: rgba(var(--app-brand-rgb), 0.38) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.dark body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-warning,
html[data-theme="dark"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-warning,
body[data-theme="dark"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-warning {
  background: rgba(245, 158, 11, 0.24) !important;
  border-color: rgba(245, 158, 11, 0.40) !important;
  color: #fef3c7 !important;
  -webkit-text-fill-color: #fef3c7 !important;
}

html.dark body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-danger,
html[data-theme="dark"] body :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-danger,
body[data-theme="dark"] :is(#sidebar.sidebar-wrapper, .sidebar-wrapper) :is(.nav-link, .nav-single) > .nav-badge.badge-danger {
  background: rgba(var(--app-danger-rgb), 0.24) !important;
  border-color: rgba(var(--app-danger-rgb), 0.40) !important;
  color: #fee2e2 !important;
  -webkit-text-fill-color: #fee2e2 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Appwide60: Semantic color restoration for JA pages.
   Overrides earlier global brand-color forcing rules to restore meaningful
   color variation on stat icons, status badges, card icons, and badges.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Stat Icons: restore semantic background+color on variant classes ── */
html body .stat-icon.stat-icon.total,
html body .stat-icon.stat-icon.info {
  background: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  background-image: none !important;
}
html body .stat-icon.stat-icon.pending,
html body .stat-icon.stat-icon.warning {
  background: var(--app-color-warning-soft) !important;
  color: var(--app-color-warning) !important;
  background-image: none !important;
}
html body .stat-icon.stat-icon.review {
  background: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  background-image: none !important;
}
html body .stat-icon.stat-icon.approved,
html body .stat-icon.stat-icon.success {
  background: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
  background-image: none !important;
}
html body .stat-icon.stat-icon.incomplete,
html body .stat-icon.stat-icon.danger,
html body .stat-icon.stat-icon.rejected {
  background: var(--app-color-danger-soft) !important;
  color: var(--app-color-danger) !important;
  background-image: none !important;
}
html body .stat-icon.stat-icon.archived,
html body .stat-icon.stat-icon.muted {
  background: var(--app-color-surface-muted) !important;
  color: var(--app-color-text-faint) !important;
  background-image: none !important;
}

html body .stat-icon.stat-icon :is(i, svg, [class*="uil"], [class*="mdi"], [class*="fa-"]) {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: inherit !important;
}

/* ── Applications stat icons ── */
html body .applications-stat-icon.applications-stat-icon {
  background: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  background-image: none !important;
}
html body .applications-stat-icon.applications-stat-icon.is-warning {
  background: var(--app-color-warning-soft) !important;
  color: var(--app-color-warning) !important;
}
html body .applications-stat-icon.applications-stat-icon.is-success {
  background: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
}
html body .applications-stat-icon.applications-stat-icon.is-danger {
  background: var(--app-color-danger-soft) !important;
  color: var(--app-color-danger) !important;
}
html body .applications-stat-icon.applications-stat-icon :is(i, svg, [class*="mdi"], [class*="uil"], [class*="fa-"]) {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: inherit !important;
}

/* ── Stat Card Icons (requests page etc): semantic colors ── */
html body .stat-card-icon.stat-card-icon.yellow,
html body .stat-card-icon.stat-card-icon.amber {
  background: var(--app-color-warning-soft) !important;
  color: var(--app-color-warning) !important;
  background-image: none !important;
}
html body .stat-card-icon.stat-card-icon.green {
  background: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
  background-image: none !important;
}
html body .stat-card-icon.stat-card-icon.red {
  background: var(--app-color-danger-soft) !important;
  color: var(--app-color-danger) !important;
  background-image: none !important;
}
html body .stat-card-icon.stat-card-icon.blue {
  background: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  background-image: none !important;
}
html body .stat-card-icon.stat-card-icon.purple {
  background: var(--app-color-brand-soft) !important;
  color: var(--app-color-brand) !important;
  background-image: none !important;
}
html body .stat-card-icon.stat-card-icon :is(i, svg, [class*="uil"], [class*="mdi"], [class*="fa-"]) {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: inherit !important;
}

/* ── Card Icons: restore semantic colors on .card-icon variants ── */
html body .card-icon.card-icon.blue {
  background: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  background-image: none !important;
}
html body .card-icon.card-icon.green {
  background: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
  background-image: none !important;
}
html body .card-icon.card-icon.purple {
  background: var(--app-color-brand-soft) !important;
  color: var(--app-color-brand) !important;
  background-image: none !important;
}
html body .card-icon.card-icon.orange {
  background: var(--app-color-warning-soft) !important;
  color: var(--app-color-warning) !important;
  background-image: none !important;
}
html body .card-icon.card-icon.red {
  background: var(--app-color-danger-soft) !important;
  color: var(--app-color-danger) !important;
  background-image: none !important;
}
html body .card-icon.card-icon :is(i, svg, [class*="uil"], [class*="mdi"], [class*="fa-"]) {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: inherit !important;
}

/* ── Status Badges: restore semantic colors instead of brand-only ── */
html body #mainContent .ds-status-badge.ds-status-badge.status-approved,
html body .ds-status-badge.ds-status-badge.status-approved {
  background-color: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
  border-color: transparent !important;
}
html body #mainContent .ds-status-badge.ds-status-badge.status-pending,
html body .ds-status-badge.ds-status-badge.status-pending {
  background-color: var(--app-color-warning-soft) !important;
  color: var(--app-color-warning) !important;
  border-color: transparent !important;
}
html body #mainContent .ds-status-badge.ds-status-badge.status-review,
html body .ds-status-badge.ds-status-badge.status-review {
  background-color: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  border-color: transparent !important;
}
html body #mainContent .ds-status-badge.ds-status-badge.status-rejected,
html body .ds-status-badge.ds-status-badge.status-rejected {
  background-color: var(--app-color-danger-soft) !important;
  color: var(--app-color-danger) !important;
  border-color: transparent !important;
}

html body #mainContent .ds-status-badge.ds-status-badge :is(i, svg, [class*="mdi"], [class*="uil"]),
html body .ds-status-badge.ds-status-badge :is(i, svg, [class*="mdi"], [class*="uil"]) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* ── App Status Badges (detail page) ── */
html body .app-status-badge.app-status-badge.approved {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html body .app-status-badge.app-status-badge.under_review {
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html body .app-status-badge.app-status-badge.pending {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html body .app-status-badge.app-status-badge.rejected,
html body .app-status-badge.app-status-badge.withdrawn {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html body .app-status-badge.app-status-badge :is(i, svg, [class*="mdi"]) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* ── Generic Badges: restore semantic badge colors ── */
html body .badge.badge.badge-green {
  background: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
  border-color: transparent !important;
}
html body .badge.badge.badge-blue {
  background: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  border-color: transparent !important;
}
html body .badge.badge.badge-red,
html body .badge.badge.badge-danger {
  background: var(--app-color-danger-soft) !important;
  color: var(--app-color-danger) !important;
  border-color: transparent !important;
}
html body .badge.badge.badge-yellow,
html body .badge.badge.badge-warning {
  background: var(--app-color-warning-soft) !important;
  color: var(--app-color-warning) !important;
  border-color: transparent !important;
}
html body .badge.badge.badge-gray {
  background: var(--app-color-surface-muted) !important;
  color: var(--app-color-text-muted) !important;
  border-color: transparent !important;
}
html body .badge.badge.badge-purple {
  background: rgba(139, 92, 246, 0.12) !important;
  color: #7c3aed !important;
  border-color: transparent !important;
}

/* ── Profile Badges: semantic owner/verified/agent colors ── */
html body #mainContent .profile-badge.profile-badge.owner,
html body .profile-badge.profile-badge.owner {
  background-color: var(--app-color-brand-soft) !important;
  color: var(--app-color-brand) !important;
  border-color: transparent !important;
}
html body #mainContent .profile-badge.profile-badge.verified,
html body .profile-badge.profile-badge.verified {
  background-color: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
  border-color: transparent !important;
}
html body #mainContent .profile-badge.profile-badge.agent,
html body .profile-badge.profile-badge.agent {
  background-color: var(--app-color-info-soft) !important;
  color: var(--app-color-info) !important;
  border-color: transparent !important;
}
html body #mainContent .profile-badge.profile-badge :is(i, svg, [class*="mdi"]),
html body .profile-badge.profile-badge :is(i, svg, [class*="mdi"]) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* ── Feature check icons in billing pages ── */
html body .feature-check.feature-check :is(i, svg) {
  color: var(--app-color-success) !important;
  -webkit-text-fill-color: var(--app-color-success) !important;
}
html body .feature-cross.feature-cross :is(i, svg) {
  color: var(--app-color-danger) !important;
  -webkit-text-fill-color: var(--app-color-danger) !important;
}

/* ── Usage/progress bars ── */
html body .usage-fill.usage-fill {
  background: var(--app-color-brand) !important;
}
html body .usage-fill.usage-fill.warning {
  background: var(--app-color-warning) !important;
}
html body .usage-fill.usage-fill.danger {
  background: var(--app-color-danger) !important;
}

/* ── Plan badges (billing pages) ── */
html body .plan-badge.plan-badge.current {
  background: var(--app-color-success-soft) !important;
  color: var(--app-color-success) !important;
  border-color: transparent !important;
}

/* ── Dark mode adjustments for semantic badges ── */
html.dark body .badge.badge.badge-green,
html[data-theme="dark"] body .badge.badge.badge-green {
  background: rgba(16, 185, 129, 0.18) !important;
  color: #6ee7b7 !important;
}
html.dark body .badge.badge.badge-blue,
html[data-theme="dark"] body .badge.badge.badge-blue {
  background: rgba(59, 130, 246, 0.18) !important;
  color: #93c5fd !important;
}
html.dark body .badge.badge.badge-red,
html.dark body .badge.badge.badge-danger,
html[data-theme="dark"] body .badge.badge.badge-red,
html[data-theme="dark"] body .badge.badge.badge-danger {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #fca5a5 !important;
}
html.dark body .badge.badge.badge-yellow,
html.dark body .badge.badge.badge-warning,
html[data-theme="dark"] body .badge.badge.badge-yellow,
html[data-theme="dark"] body .badge.badge.badge-warning {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #fcd34d !important;
}
html.dark body .badge.badge.badge-gray,
html[data-theme="dark"] body .badge.badge.badge-gray {
  background: rgba(100, 116, 139, 0.25) !important;
  color: #94a3b8 !important;
}
html.dark body .badge.badge.badge-purple,
html[data-theme="dark"] body .badge.badge.badge-purple {
  background: rgba(139, 92, 246, 0.18) !important;
  color: #c4b5fd !important;
}

/* ── Dark mode status badge adjustments ── */
html.dark body .ds-status-badge.ds-status-badge.status-approved,
html[data-theme="dark"] body .ds-status-badge.ds-status-badge.status-approved {
  background: rgba(16, 185, 129, 0.18) !important;
  color: #6ee7b7 !important;
}
html.dark body .ds-status-badge.ds-status-badge.status-pending,
html[data-theme="dark"] body .ds-status-badge.ds-status-badge.status-pending {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #fcd34d !important;
}
html.dark body .ds-status-badge.ds-status-badge.status-review,
html[data-theme="dark"] body .ds-status-badge.ds-status-badge.status-review {
  background: rgba(59, 130, 246, 0.18) !important;
  color: #93c5fd !important;
}
html.dark body .ds-status-badge.ds-status-badge.status-rejected,
html[data-theme="dark"] body .ds-status-badge.ds-status-badge.status-rejected {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #fca5a5 !important;
}