.email-translation{margin:0 0 12px;padding:3px 8px;border:0;border-radius:6px;background:var(--appearance-soft,#f3f5f7);color:var(--appearance-ink,var(--ink))}
.email-translation-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.email-translation-bar>b{font-size:12px;font-weight:500;white-space:nowrap}
.email-translation-bar label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}
.email-translation-bar select,.email-translation-bar button{min-height:44px;padding:6px 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--appearance-ink,var(--navy));font:inherit;font-size:12px}
.email-translation-bar button{font-weight:600;cursor:pointer}
.email-translation-bar button:hover:not(:disabled){background:var(--appearance-soft,var(--sand))}
.email-translation-bar button:disabled,.email-translation-bar select:disabled{cursor:default;opacity:.65}
.email-translation-consent{margin-top:10px;padding:10px;border:1px solid var(--appearance-line,var(--line));border-radius:8px;background:var(--appearance-soft,var(--sand))}
.email-translation-consent label{display:flex;align-items:flex-start;gap:9px;min-height:44px;font-size:12px;line-height:1.6;cursor:pointer}
.email-translation-consent input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:var(--appearance-ink,var(--navy))}
.email-translation-status{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--appearance-muted,var(--muted))}
.email-translation-status.is-error{color:#b43b2f}
.email-translation-result{margin-top:12px;padding-top:12px;border-top:1px solid var(--appearance-line,var(--line))}
.email-translation-result small{display:block;margin-bottom:7px;color:var(--appearance-muted,var(--muted));font-size:12px}
.email-translation-result>b{display:block;margin-bottom:12px;overflow-wrap:anywhere}
.email-translation-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
@media(max-width:600px){.email-translation{padding:3px 6px}.email-translation-bar{gap:4px}.email-translation-bar label{min-width:0}.email-translation-bar select{min-width:0}.email-translation-bar button{flex:0 1 auto}}
@media(prefers-reduced-motion:reduce){.email-translation *{animation:none!important;transition:none!important}}
.email-translation [hidden]{display:none!important}

.email-translation :is(button,select,input):focus-visible{outline:3px solid #2c6a9e;outline-offset:3px}
body[data-crm-appearance=night] .email-translation :is(button,select,input):focus-visible{outline-color:#9dc7ed}
body[data-crm-appearance=night] .email-translation-status.is-error{color:#ffaaa2}

.email-translation-result{max-width:960px;margin-inline:auto}

@media(max-width:600px){.email-translation-bar{gap:5px}.email-translation-bar>b{font-size:11px}.email-translation-bar label{gap:4px}.email-translation-bar select{max-width:85px;padding-inline:5px}.email-translation-bar button{padding-inline:6px;font-size:11px}}

.email-thread-message .email-translation,.email-thread-message .email-translation :is(b,label,select,button){color:var(--appearance-ink,var(--ink))!important}.email-thread-message .email-translation-bar :is(select,button){background:transparent!important}