.bandeau {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid;
}

.bandeau-icone {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.bandeau-contenu {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bandeau-titre {
    font-weight: 700;
    font-size: var(--font-size-body-sm);
    line-height: 1.4;
}

.bandeau-texte {
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--ink);
}

.bandeau-actions {
    margin-top: var(--space-3);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.bandeau-info {
    background: var(--info-tint);
    border-color: rgba(44, 92, 130, 0.2);
    color: var(--info);
}

.bandeau-success {
    background: var(--success-tint);
    border-color: rgba(47, 122, 79, 0.2);
    color: var(--success);
}

.bandeau-warn {
    background: var(--warn-tint);
    border-color: rgba(184, 105, 31, 0.2);
    color: var(--warn);
}

.bandeau-danger {
    background: var(--danger-tint);
    border-color: rgba(178, 58, 46, 0.2);
    color: var(--danger);
}

.bandeau-titre {
    color: inherit;
}

.bandeau-texte {
    color: var(--ink);
}