/* ==========================================================================
   components/alerts.css — Flash messages and inline alerts
   ========================================================================== */

.alert {
    font-size: 0.8438rem;
    border-radius: var(--crm-radius);
    border: 1px solid transparent;
    padding: 0.75rem 1rem;
    box-shadow: none !important;
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
}
.alert > i { margin-top: 2px; }

.alert-success {
    background: var(--crm-success-bg);
    border-color: var(--crm-success-border);
    color: var(--crm-success);
}
.alert-danger {
    background: var(--crm-danger-bg);
    border-color: var(--crm-danger-border);
    color: var(--crm-danger);
}
.alert-warning {
    background: var(--crm-warning-bg);
    border-color: var(--crm-warning-border);
    color: var(--crm-warning);
}
.alert-info {
    background: var(--crm-info-bg);
    border-color: var(--crm-info-border);
    color: var(--crm-info);
}

.alert ul { padding-left: 1.125rem; margin-bottom: 0; }

.alert .btn-close {
    font-size: 0.6875rem;
    padding: 0.875rem;
    margin-left: auto;
}