/* Custom Scrollbar for Webkit */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Smooth Modal Transition */
#modal {
    transition: opacity 0.3s ease-in-out;
}

/* Ensure logos look good */
img {
    max-width: 100%;
}

/* Custom focus ring color to match Spartan Red if tailwind config misses some spots */
input:focus, select:focus, button:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(211, 17, 69, 0.4); /* Spartan Red glow */
}