/* Global Light Mode Overrides */
body.light-mode {
    --dark: #f4f6f8 !important;         
    --panel: #ffffff !important;        
    --black: #ffffff !important;        
    --white: #111111 !important;        
    --text-main: #111111 !important;    
    --text-gray: #5a6b7c !important;    
    --text-muted: #64748b !important;   
    background: var(--dark) !important;
    color: var(--text-main) !important;
}

body.light-mode .global-nav {
    background: #ffffff !important;
    border-right: 1px solid rgba(0,0,0,0.1) !important;
}

body.light-mode .global-nav a {
    color: var(--text-gray) !important;
}

body.light-mode .global-nav a:hover, body.light-mode .global-nav a.active {
    background: rgba(0, 212, 245, 0.15) !important;
}

body.light-mode .widget, 
body.light-mode .data-card, 
body.light-mode #property-sidebar,
body.light-mode #settings-sidebar,
body.light-mode .compare-bar,
body.light-mode .table-wrap,
body.light-mode #account-dropdown-menu,
body.light-mode .modal-content {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
}

body.light-mode input, 
body.light-mode select {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
    color: #111 !important;
}

body.light-mode .video-player,
body.light-mode .featured-image {
    border: 1px solid rgba(0,0,0,0.1) !important;
}

body.light-mode th, body.light-mode td {
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
body.light-mode th {
    background: #f8fafc !important;
    color: var(--text-muted) !important;
}

body.light-mode .prop-menu-item:hover {
    background: rgba(0,0,0,0.05) !important;
    color: #111 !important;
}
body.light-mode .global-nav .logo-icon {
    color: #111 !important;
}

body.light-mode #account-dropdown-trigger {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* Modal text */
body.light-mode #dispatchModal p,
body.light-mode #dispatchModal label {
    color: #555 !important;
}