/* Debug override - force all possible blue colors to silver while keeping corners visible */
.spotlight-result-item {
    border: 2px solid #e0e0e0 !important;
    border-radius: 4px !important;
    outline: none !important;
    box-shadow: 
        0 0 0 4px #c0c0c0 !important,
        0 0 0 6px #f0f0f0 !important,
        inset 0 0 8px rgba(255, 255, 255, 0.3) !important;
    background: var(--glass-hover) !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure selected state maintains visible silver corners */
.spotlight-result-item.selected {
    border: 2px solid #e0e0e0 !important;
    border-radius: 4px !important;
    outline: none !important;
    box-shadow: 
        0 0 0 4px #c0c0c0 !important,
        0 0 0 6px #f0f0f0 !important,
        inset 0 0 8px rgba(255, 255, 255, 0.3) !important;
    background: var(--glass-hover) !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Focus state styling - keep corners visible in silver */
.spotlight-result-item:focus,
.spotlight-result-item:focus-visible {
    border: 2px solid #e0e0e0 !important;
    border-radius: 4px !important;
    outline: none !important;
    box-shadow: 
        0 0 0 4px #c0c0c0 !important,
        0 0 0 6px #f0f0f0 !important,
        inset 0 0 8px rgba(255, 255, 255, 0.3) !important;
    background: var(--glass-hover) !important;
}

/* Theme-specific styling */
[data-theme="light"] .spotlight-result-item,
[data-theme="light"] .spotlight-result-item.selected,
[data-theme="light"] .spotlight-result-item:focus,
[data-theme="light"] .spotlight-result-item:focus-visible,
.light-mode .spotlight-result-item,
.light-mode .spotlight-result-item.selected,
.light-mode .spotlight-result-item:focus,
.light-mode .spotlight-result-item:focus-visible {
    border: 2px solid #d0d0d0 !important;
    border-radius: 4px !important;
    outline: none !important;
    box-shadow: 
        0 0 0 4px #b0b0b0 !important,
        0 0 0 6px #f0f0f0 !important,
        inset 0 0 8px rgba(255, 255, 255, 0.4) !important;
    background: var(--glass-hover) !important;
}