.auth-message {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1.25rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: .625rem;
    background: var(--surface-subtle);
    background: color-mix(in srgb, var(--auth-message-tint) 40%, var(--surface));
    color: var(--ink);
    font-size: .875rem;
    line-height: 1.55;
    text-align: left;
    overflow-wrap: anywhere;
}

.auth-message--error {
    --auth-message-color: var(--danger);
    --auth-message-tint: var(--danger-soft);
}

.auth-message--success {
    --auth-message-color: var(--success);
    --auth-message-tint: var(--success-soft);
}

.auth-message__icon {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .125rem;
    color: var(--auth-message-color);
}

.auth-message__content { min-width: 0; }
.auth-message__content p { margin: 0; }
.auth-message__content .auth-message__title {
    margin-bottom: .25rem;
    color: var(--auth-message-color);
    font-weight: 600;
}

.auth-message__list { margin: 0; padding: 0; list-style: none; }
.auth-message__list li + li { margin-top: .375rem; }
.auth-message__list:has(li + li) { padding-left: 1rem; list-style: disc; }