.phone-head #phoneBack { display:inline-grid; place-items:center; width:28px; height:30px; padding:4px; border-radius:6px; flex:none; }
.phone-head #phoneBack:hover { background:#eee; }
.phone-head #phoneBack .icon { width:16px; height:16px; }
#phoneBack[hidden],#phoneAvatar[hidden],#phoneForm[hidden] { display:none!important; }
#phoneForm { pointer-events:auto; height:auto; min-height:44px; margin:0; gap:7px; align-items:center; }
#phoneInput { min-width:0; flex:1; width:100%; resize:none; padding:7px 10px; border:1px solid #e7e7e7; border-radius:18px; background:#fff; color:#222; font:inherit; font-size:11px; line-height:1.5; }
#phoneInput:focus-visible { outline:2px solid #16a34a; outline-offset:1px; }
#phoneForm .send-button { width:28px; height:28px; min-width:28px; padding:5px; }
#phoneForm .send-button .icon { width:16px; height:16px; }
#phoneForm .send-button:disabled { opacity:.35; cursor:default; }
.phone-thread > .bubble.user { white-space:pre-wrap; overflow-wrap:anywhere; }
.phone-conversations { gap:2px; }
.phone-conversation { display:flex; align-items:center; width:100%; gap:10px; padding:12px 6px; border-radius:8px; text-align:left; color:#222; }
.phone-conversation:hover,.phone-conversation:focus-visible { background:#eee; }
.phone-conversation > .avatar { width:32px; height:32px; flex:none; }
.phone-conversation > span:nth-child(2) { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.phone-conversation strong { font-size:12px; font-weight:500; }
.phone-conversation small { color:#888; font-size:10px; }