.blur-active { filter: blur(4px); pointer-events: none; user-select: none; }
#loading-overlay-active { position: initial; background: rgba(255, 255, 255, 0.6); display: flex; justify-content: center; align-items: center; font-family: sans-serif; font-size: 1.2rem; color: #333; backdrop-filter: blur(2px); min-width: 200px; min-height: 300px; width: 100%; }
#loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); display: flex; justify-content: center; align-items: center; z-index: 9999; font-family: sans-serif; font-size: 1.2rem; color: #333; backdrop-filter: blur(2px); visibility: hidden; }
    #loading-overlay.active { visibility: visible; }
    #loading-overlay .spinner, #loading-overlay-active .spinner { border: 4px solid #ccc; border-top: 4px solid #007bff; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-right: 10px; }
@keyframes spin {
    to { transform: rotate(360deg); }
}

#legend, #legend_durum { display: flex; /*flex-direction: column;*/ }
#legend .legend-item, #legend_durum .legend-item{ margin-right:25px}

/* Extra small devices (xs: <576px) */
@media (max-width: 575.98px) {
    /*#legend, #legend_durum { flex-direction: row; }*/
}

/* Small devices (sm: ≥576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /*#legend, #legend_durum { flex-direction: row; }*/
}

/* Medium devices (md: ≥768px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /*#legend, #legend_durum { flex-direction: row; }*/
}

/* Large devices (lg: ≥992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* Extra large devices (xl: ≥1200px) */
@media (min-width: 1200px) {
}