/* =========================================
   MESSAGES (011-ui-widget-messages.mdc)
   Farben aus colors.css
   011-ui-css-mobile.mdc: Kein horizontaler Overflow
   ========================================= */

.messages-container {
    overflow-x: hidden;
}

.base-message-success {
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid var(--color-success);
    border-radius: 0.5rem;
    color: var(--color-text);
    font-size: var(--font-size-base);
}

.base-message-error {
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid var(--color-error);
    border-radius: 0.5rem;
    color: var(--color-text);
    font-size: var(--font-size-base);
}

.base-message-info {
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid var(--color-info);
    border-radius: 0.5rem;
    color: var(--color-text);
    font-size: var(--font-size-base);
}

.base-message-warning {
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid var(--color-warning);
    border-radius: 0.5rem;
    color: var(--color-text);
    font-size: var(--font-size-base);
}

.base-message-content {
    margin: 0;
}