/* css/main.css - Main stylesheet that imports all components */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./components/header.css');
@import url('./components/stats-panel.css');
@import url('./components/frame-viewer.css');
@import url('./components/map-container.css');
@import url('./components/graph-section.css');
@import url('./components/fullscreen.css');
@import url('./components/cv-results.css');
@import url('./components/loading.css');
@import url('./components/forms.css');
@import url('./components/tables.css');
@import url('./components/buttons.css');
@import url('./components/modals.css');
@import url('./layout/grid.css');
@import url('./layout/responsive.css');

/* Alert marker styles */
.custom-marker, .alert-marker {
    background: none !important;
    border: none !important;
}

/* Alert pulse animation */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Alert popup styles */
.alert-popup {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.4;
}

.alert-popup strong {
    color: #333;
}