/*
 * Tasks module styles (Task manager + the navbar "tasks due today" bell).
 * Reuses the shared .client-dashboard / .wb-ele-dashboard / .priority-dot
 * classes from clients.css for the index list, filters and priority dots.
 */

.task-client-filter {
    min-width: 220px;
}

.client-autocomplete-clear {
    font-size: 0.6rem;
}

.client-autocomplete-results {
    z-index: 1000;
    max-height: 220px;
    overflow-y: auto;
}

.tasks-due-today {
    min-width: 280px;
    max-height: 340px;
    overflow-y: auto;
}

.tasks-due-today .notification-item .priority-dot {
    margin: 0 20px 0 10px;
    flex-shrink: 0;
}

.shake-icon {
    display: inline-block;
    animation: shake-icon 2.5s ease-in-out infinite;
    transform-origin: top center;
}

@keyframes shake-icon {
    0%, 92%, 100% { transform: rotate(0deg); }
    93% { transform: rotate(-12deg); }
    94% { transform: rotate(10deg); }
    95% { transform: rotate(-8deg); }
    96% { transform: rotate(6deg); }
    97% { transform: rotate(-4deg); }
    98% { transform: rotate(2deg); }
    99% { transform: rotate(0deg); }
}