.form-input-master.is-dropdown-open { background-color: #ffffff !important; border-color: #60a5fa !important; box-shadow: inset 0 0 0 1000px #ffffff, 0 0 0 3px rgba(96, 165, 250, 0.25) !important; color: #1e293b !important; }
.dark .form-input-master.is-dropdown-open { background-color: #0f172a !important; border-color: #60a5fa !important; box-shadow: inset 0 0 0 1000px #0f172a, 0 0 0 3px rgba(96, 165, 250, 0.25) !important; color: #ffffff !important; }

#searchInput:not(:disabled):focus {
    outline: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15) !important;
}
.dark #searchInput:not(:disabled):focus {
    outline: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25) !important;
}

/* View Mode Toggles (coupled with datagrid temporarily to avoid breaking existing setups) */
.view-mode-grid .grid-stats-info { display: flex; } .view-mode-grid .list-stats-info { display: none !important; } 
.view-mode-wide-list .grid-stats-info { display: none !important; } .view-mode-wide-list .list-stats-info { display: flex !important; }
.view-mode-compact-list .grid-stats-info, .view-mode-compact-list .list-stats-info { display: none !important; }

@media (max-width: 640px) {
    .per-page-container { width: auto !important; display: inline-flex !important; }
}

/* Anti-flicker classes (controlled by JS early-execution) */
html.filter-closed #filterBottomRow { display: none !important; }
@media (max-width: 767px) { 
    html.filter-closed #filterSearchWrapper { display: none !important; } 
    html:not(.filter-closed) #filterSearchWrapper { display: flex !important; } 
}
html:not(.filter-closed) #filterToggleBtn { background-color: #eff6ff !important; border-color: #bfdbfe !important; color: #2563eb !important; }
html.dark:not(.filter-closed) #filterToggleBtn { background-color: rgba(30,58,138,0.3) !important; border-color: rgba(29,78,216,0.5) !important; color: #60a5fa !important; }