/* Locale overrides: the Chinese interface keeps its established geometry. */
html:is([lang="en"],[lang="ar"],[lang="es"]) .auth-panel{max-width:460px}
html:is([lang="en"],[lang="ar"],[lang="es"]) .auth-field>span{width:clamp(70px,28%,118px);line-height:1.5;overflow-wrap:anywhere}
html:is([lang="en"],[lang="ar"],[lang="es"]) .auth-field{height:auto;min-height:60px}
html:is([lang="en"],[lang="ar"],[lang="es"]) .auth-options,
html:is([lang="en"],[lang="ar"],[lang="es"]) .auth-intro{overflow-wrap:anywhere}
html:is([lang="en"],[lang="ar"],[lang="es"]) .tsm-locale-preview{font-size:12px;line-height:1.6;color:#6b7280;margin:8px 0 14px;text-align:center}
html:is([lang="en"],[lang="ar"],[lang="es"]) .setting-row{gap:16px}
html:is([lang="en"],[lang="ar"],[lang="es"]) .setting-row>span:first-child{flex-shrink:0}
html:is([lang="en"],[lang="ar"],[lang="es"]) .setting-value{min-width:0;overflow-wrap:anywhere;text-align:end}
html:is([lang="en"],[lang="ar"],[lang="es"]) #my-number,
html:is([lang="en"],[lang="ar"],[lang="es"]) #setting-number,
html:is([lang="en"],[lang="ar"],[lang="es"]) #recipient,
html:is([lang="en"],[lang="ar"],[lang="es"]) input[type="email"],
html:is([lang="en"],[lang="ar"],[lang="es"]) #mfa-code,
html:is([lang="en"],[lang="ar"],[lang="es"]) #character-count{direction:ltr;unicode-bidi:isolate}
html:is([lang="en"],[lang="ar"],[lang="es"]) .shared-inbox-note,
html:is([lang="en"],[lang="ar"],[lang="es"]) .settings-note,
html:is([lang="en"],[lang="ar"],[lang="es"]) .compose-privacy{line-height:1.65;overflow-wrap:break-word}
html:is([lang="en"],[lang="ar"],[lang="es"]) .account-home span{white-space:nowrap}
html:is([lang="en"],[lang="ar"],[lang="es"]) .composer-bottom{gap:12px}
html:is([lang="en"],[lang="ar"],[lang="es"]) #send-hint{min-width:0;overflow-wrap:anywhere}
html[lang="ar"]{font-family:Tahoma,"Noto Sans Arabic",Arial,sans-serif;line-height:1.7}
html[lang="ar"] .app,html[lang="ar"] .auth-page{direction:rtl}
html[lang="ar"] .conversations{border-inline-end:1px solid #dedede;border-right:0}
html[lang="ar"] .auth-home{left:auto;right:28px}
html[lang="ar"] .auth-home svg,html[lang="ar"] .mobile-back svg{transform:scaleX(-1)}
html[lang="ar"] .setting-row input{text-align:start}
html[lang="ar"] .settings-save{text-align:end}
html[lang="ar"] .conversation-top strong,html[lang="ar"] .conversation-meta p,
html[lang="ar"] .sent-heading strong,html[lang="ar"] .sent-content,
html[lang="ar"] .bubble{unicode-bidi:plaintext;text-align:start}
html[lang="ar"] .bubble:before{left:auto;right:-5px}
html[lang="ar"] .message.outgoing .bubble:before{left:-5px;right:auto}
html[lang="ar"] .unread-dot{left:auto;right:57px}
html[lang="ar"] .rail-nav button em{right:auto;left:8px}
html[lang="ar"] .sync:before{margin-right:0;margin-left:5px}
html[lang="ar"] .mobile-back{margin-right:0;margin-left:6px}
html[lang="ar"] .profile-heading p{direction:ltr;unicode-bidi:isolate;text-align:right}
html[lang="ar"] .number-footer strong{text-align:right}
html[lang="ar"] #message-text{unicode-bidi:plaintext;text-align:start}
html[lang="ar"] .auth-field input[type="password"]{direction:ltr}
html[lang="ar"] .chevron{transform:scaleX(-1)}
html:is([lang="en"],[lang="ar"],[lang="es"]) .rail-nav button span{overflow-wrap:anywhere;line-height:1.3}
@media(max-width:380px){
 html:is([lang="en"],[lang="ar"],[lang="es"]) .account-home span{display:none}
 html:is([lang="en"],[lang="ar"],[lang="es"]) .auth-options{gap:10px;flex-wrap:wrap}
 html:is([lang="en"],[lang="ar"],[lang="es"]) .setting-row>span:first-child{flex-shrink:1}
 html[lang="ar"] .auth-home{right:15px}
}
@media(max-width:720px),(max-height:500px) and (pointer:coarse){
 html[lang="ar"] .rail-nav button em{right:auto;left:calc(50% - 25px)}
 html[lang="ar"] .conversations{border:0}
}

html[lang="ar"] .message.outgoing .message-content{text-align:start}
html[lang="ar"] .message.outgoing .bubble{text-align:start}
html[lang="ar"] .bubble:before{border-left:0;border-bottom:0;border-right:1px solid #e7e7e7;border-top:1px solid #e7e7e7}
html[lang="ar"] .message.outgoing .bubble:before{border-right:0;border-top:0;border-left:1px solid #8de15f;border-bottom:1px solid #8de15f}
