/* ================================
   GLOBAL BASE STYLES
   ================================ */

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    padding: 0;
}



/* ================================
   MAP CONTAINERS
   ================================ */

.map-container {
    height: 500px;
    width: 100%;
}

#search-map.map-container {
    height: 400px;
}



/* ================================
   LOGIN PAGE BACKGROUND + CARD
   ================================ */

.login-background {
    background: url('/assets/login-bg.jpg') no-repeat center center fixed;
    background-size: cover;
    width: 100%;
    min-height: 100vh;

    /* Center contents */
    display: flex;
    justify-content: center;
    align-items: center;

    /* Mobile-safe padding */
    padding: 20px;
}

.login-card {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}



/* ================================
   TABLE IMAGE STYLING
   ================================ */

.table td img {
    border-radius: 0.35rem;
}



/* ================================
   CARD IMPROVEMENTS
   ================================ */

.card {
    border-radius: 0.75rem !important;
}

.card-body {
    border-radius: 0.75rem;
}



/* ================================
   LEAFLET MAP FIX (ensures maps load)
   ================================ */

.leaflet-container {
    background: #e6e6e6 !important;
}



/* ================================
   RESPONSIVE FIXES
   ================================ */

@media (max-width: 576px) {
    .map-container {
        height: 300px;
    }

    #search-map.map-container {
        height: 250px;
    }

    .login-card {
        padding: 1rem !important;
    }
}