/* ═══════════════════════════════════════════════════
   ALERTS — ImportControl
   ═══════════════════════════════════════════════════ */

.alert-item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2-5);
    padding: var(--space-2-5) var(--space-3-5);
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-1-5);
    font-size: 13px;
    transition: background var(--transition-fast);
    cursor: pointer;
    border-left: 3px solid transparent;
}

.alert-item:hover { background: var(--surface-hover); }

.alert-item.approaching {
    background: var(--info-bg);
    border-left-color: var(--brand-primary);
}

.alert-item.return_due {
    background: var(--danger-bg);
    border-left-color: var(--danger);
}

.alert-item.delay {
    background: #FFF9F0;
    border-left-color: var(--warning);
}

.alert-icon { font-size: var(--text-base); margin-top: 1px; }

.alert-item.approaching .alert-icon { color: var(--brand-primary); }
.alert-item.return_due .alert-icon { color: var(--danger); }
.alert-item.delay .alert-icon { color: var(--warning); }

.alert-item.info {
    background: var(--info-bg);
    border-left-color: var(--brand-primary);
}
.alert-item.info .alert-icon { color: var(--brand-primary); }

.alert-item.warning {
    background: #FFF9F0;
    border-left-color: var(--warning);
}
.alert-item.warning .alert-icon { color: var(--warning); }

.alert-item.danger {
    background: var(--danger-bg);
    border-left-color: var(--danger);
}
.alert-item.danger .alert-icon { color: var(--danger); }