/* Messages CSS - Alle Message-Definitionen */

.messages-container {
    width: 100%;
    margin-bottom: 2rem;
}

.widget-message {
    padding: 1rem 1.5rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    border: 1px solid;
}

.widget-message-content {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
}

.widget-message-success {
    background-color: var(--color-success-light);
    border-color: var(--color-success);
    color: var(--color-success-dark);
}

.widget-message-error {
    background-color: var(--color-error-light);
    border-color: var(--color-error);
    color: var(--color-error-dark);
}

.widget-message-info {
    background-color: var(--color-info-light);
    border-color: var(--color-info);
    color: var(--color-info-dark);
}

.widget-message-warning {
    background-color: var(--color-warning-light);
    border-color: var(--color-warning);
    color: var(--color-warning-dark);
}