/* Scoped controls must not inherit the dimensions of text fields. */
.email-suggestion {
    box-sizing: border-box;
    min-width: 0;
    margin-top: 4px;
    padding: 16px;
    border: 1px solid #e5cdd3;
    border-radius: 14px;
    background: #fbf3f5;
    color: #442e35;
    text-align: left;
    font: 14px/1.5 var(--sans, sans-serif);
    overflow-wrap: anywhere;
}
.email-suggestion .email-suggestion__title { margin: 0; color: #713347; font-size: 14px; font-weight: 650; line-height: 1.5; }
.email-suggestion .email-suggestion__help { margin: 4px 0 12px; color: #745f66; font-size: 13px; line-height: 1.5; }
.email-suggestion .email-suggestion__accept {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #8f3448;
    border-radius: 9px;
    background: #8f3448;
    color: #fff;
    font: inherit;
    font-weight: 600;
    white-space: normal;
    cursor: pointer;
}
.email-suggestion .email-suggestion__accept:hover { background: #742a3b; border-color: #742a3b; }
.email-suggestion .email-suggestion__keep {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid #e9d9de;
    color: #66515a;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
}
.email-suggestion .email-suggestion__keep strong { font-weight: 600; }
.email-suggestion .email-suggestion__keep input[type="checkbox"] {
    appearance: auto;
    box-sizing: border-box;
    flex: 0 0 18px;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 1px 0 0;
    padding: 0;
    border-radius: 3px;
    accent-color: #8f3448;
    box-shadow: none;
    cursor: pointer;
}
.email-suggestion .email-suggestion__accept:focus-visible,
.email-suggestion .email-suggestion__keep input:focus-visible { outline: 3px solid #bd8796; outline-offset: 3px; }