/* Shared inline success, warning and error messages. */
.inline-message,
.suggestion-success,
.suggestion-error,
.auth-error,
.automation-alert {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    overflow-wrap: anywhere;
    border: 1px solid var(--yb-line, #2d5548);
    border-left-width: 3px;
    border-radius: var(--yb-radius-sm, 0.65rem);
    color: var(--yb-mist, #aec8be);
    background: rgb(6 18 15 / 52%);
    font-size: 0.86rem;
    line-height: 1.55;
}

.inline-message--success,
.suggestion-success,
.auth-error.success {
    border-color: rgb(102 230 177 / 42%);
    border-left-color: var(--yb-mint, #66e6b1);
    color: var(--yb-mint, #66e6b1);
    background: rgb(102 230 177 / 7%);
}

.inline-message--error,
.suggestion-error,
.auth-error.visible,
.automation-alert-error {
    border-color: rgb(255 129 120 / 42%);
    border-left-color: var(--yb-danger, #ff8178);
    color: #ffd0cc;
    background: rgb(255 129 120 / 7%);
}

.inline-message--warning,
.automation-alert,
.automation-alert-warning {
    border-color: rgb(243 202 107 / 38%);
    border-left-color: var(--yb-sun, #f3ca6b);
    color: #f6dfaa;
    background: rgb(243 202 107 / 6%);
}

.inline-message[hidden],
.inline-message:not(.visible),
.suggestion-success,
.suggestion-error,
.auth-error {
    display: none;
}

.suggestion-success.visible,
.suggestion-error.visible,
.auth-error.visible {
    display: block;
}

.automation-alert {
    margin-bottom: 1rem;
    margin-top: 0;
}