/* 
 * style.css
 * UI Polish and custom animations
 */

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* User Marker Pulse Animation */
.user-location-marker {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Custom Scrollbars for the overlays */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

/* Logout "Shutters" Animation */
.shutter {
    position: fixed;
    left: 0;
    width: 100%;
    height: 50%;
    background: #000;
    z-index: 9999;
    transition: transform 0.8s ease-in-out;
}
#shutter-top { top: 0; transform: translateY(-100%); }
#shutter-bottom { bottom: 0; transform: translateY(100%); }

.shutting #shutter-top, .shutting #shutter-bottom { transform: translateY(0); }

#logout-text {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    z-index: 10000;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in 0.8s;
}
.shutting #logout-text { opacity: 1; }