.chat-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.chat-tools input{flex:1;min-width:150px;margin:0}.chat-tools select,#chatStatus{background:var(--panel);color:var(--text);padding:12px;border:1px solid var(--border);border-radius:10px;font-size:16px}.chat-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,1.6fr);gap:14px}.chat-thread{display:block;text-align:left;width:100%;padding:14px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:9px;cursor:pointer}.chat-thread.selected{border-color:var(--teal2)}.chat-thread-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.chat-thread-top>span{font-size:12px}.chat-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;color:var(--muted)}.chat-thread small,.chat-bubble small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.chat-count{display:inline-block!important;background:var(--teal2);color:#07100e;border-radius:20px;padding:3px 7px!important;font-size:11px!important;font-weight:bold;min-width:20px;text-align:center}.chat-count[hidden]{display:none!important}#chatDetail{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}#chatTitle{font-size:17px;overflow-wrap:anywhere}.chat-log{height:360px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:8px 0}.chat-bubble{max-width:92%;background:#25302b;padding:12px;border-radius:12px;align-self:flex-start;overflow-wrap:anywhere}.chat-bubble.staff{align-self:flex-end;background:#163c3b}.chat-bubble strong{font-size:11px;color:var(--teal2)}.chat-bubble>div{white-space:pre-wrap;margin-top:6px;line-height:1.45}.chat-error{color:#ffc49e;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.chat-pages{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:12px 0}.chat-pages span{font-size:12px}#messagesView button:disabled{opacity:.5;cursor:default}#chatReply{min-height:90px}#chatSend{width:100%}#chatOlder{width:100%;margin-bottom:6px}.chat-version{font-size:11px;color:var(--muted);margin-top:20px}@media(max-width:600px){.chat-layout{grid-template-columns:1fr}#chatList{max-height:270px;overflow:auto}.chat-log{height:340px;height:min(45dvh,420px)}}

.push-settings{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel);margin:14px 0}.push-settings p{font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0}.push-settings button[hidden]{display:none!important}

/* v14.55: let touch gestures scroll the page, not a trapped nested panel. */
.chat-bubble{flex-shrink:0}.chat-log{overscroll-behavior:auto;touch-action:pan-y}
.chat-message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px!important;white-space:normal!important}.chat-message-actions button{min-height:40px}.chat-bubble.deleted{opacity:.7;font-style:italic}.chat-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chat-delete{color:#ffb8ae}.chat-job-source{padding:14px;border:1px solid var(--teal);border-radius:12px;background:var(--panel);margin:12px 0}.chat-job-source p{line-height:1.5}.chat-job-source[hidden]{display:none}
@media(max-width:600px){
 #chatList{max-height:none;overflow:visible}
 #chatLog{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}
 #chatDetail{scroll-margin-top:140px}
 #chatReply{scroll-margin-top:140px;scroll-margin-bottom:120px}
 #chatReplyForm{padding-bottom:12px}
 body.chat-reply-focus:has(#messagesView.active) .bottomnav{display:none}
 #messagesView .chat-layout{min-width:0}
}

.chat-phone-link{color:var(--teal2);display:inline-block;padding:8px 0;overflow-wrap:anywhere}#chatPhone{font-size:14px;color:var(--muted)}