/* === AI Dispatcher (логистика) — стили страницы logistics.html === */
/* Общие стили (body, scrollbar, glass-card, no-scrollbar) лежат в bi.css */

@keyframes radar-pulse {
    0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(249, 115, 22, 0); }
    100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }
}
.courier-marker { animation: radar-pulse 2s infinite; }

/* Маркеры курьеров на карте (не используем .cursor-pointer: в bi.css у него overflow:hidden) */
.map-marker { position: absolute; cursor: pointer; }

.map-bg {
    background-image: url('https://images.unsplash.com/photo-1524661135-423995f22d0b?q=80&w=2000&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    filter: grayscale(80%) invert(100%) brightness(50%) sepia(120%) hue-rotate(180deg) saturate(200%);
    transition: all 0.5s ease;
}

.glass-panel {
    background: rgba(30, 41, 59, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Vue transitions */
.fade-enter-active, .fade-leave-active { transition: opacity 0.3s ease, transform 0.3s ease; }
.fade-enter-from, .fade-leave-to { opacity: 0; transform: translateY(10px); }

.list-enter-active, .list-leave-active { transition: all 0.4s ease; }
.list-enter-from, .list-leave-to { opacity: 0; transform: translateX(30px); }