/* AutoDash — animations.css */

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.5; }
}

@keyframes scaleIn {
    from { transform: scale(0.92); opacity: 0; }
    to   { transform: scale(1);    opacity: 1; }
}

@keyframes slideDown {
    from { transform: translateY(-12px); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
}

.app-icon {
    animation: fadeIn 0.25s ease both;
}

.app-icon:nth-child(1)  { animation-delay: 0.02s; }
.app-icon:nth-child(2)  { animation-delay: 0.04s; }
.app-icon:nth-child(3)  { animation-delay: 0.06s; }
.app-icon:nth-child(4)  { animation-delay: 0.08s; }
.app-icon:nth-child(5)  { animation-delay: 0.10s; }
.app-icon:nth-child(6)  { animation-delay: 0.12s; }
.app-icon:nth-child(7)  { animation-delay: 0.14s; }
.app-icon:nth-child(8)  { animation-delay: 0.16s; }
.app-icon:nth-child(9)  { animation-delay: 0.18s; }
.app-icon:nth-child(10) { animation-delay: 0.20s; }
.app-icon:nth-child(11) { animation-delay: 0.22s; }
.app-icon:nth-child(12) { animation-delay: 0.24s; }

.modal {
    animation: scaleIn 0.2s ease;
}

.status-bar {
    animation: slideDown 0.3s ease;
}

.status-bar__icon--bt.status-bar__icon--active,
.status-bar__icon--wifi.status-bar__icon--active {
    animation: none;
}

.status-bar__icon--connecting {
    animation: pulse 1.2s ease infinite;
}