.mobile-talk-back{display:none}

@media(max-width:760px){
  body{width:100%;min-width:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}
  .topbar{height:auto;min-height:62px;flex:0 0 auto;align-items:flex-start;gap:.45rem;padding:8px 10px;flex-wrap:wrap}
  .topbar h1{font-size:18px}
  .top-actions{width:100%;gap:6px;justify-content:flex-end;flex-wrap:wrap}
  .top-actions button,.top-actions a{padding:5px 8px;font-size:12px}
  .app{width:100%;height:auto;min-height:0;flex:1;grid-template-columns:minmax(0,1fr);overflow:hidden}
  .talk-list{width:100%;height:100%;max-height:none;min-width:0;border-right:0;border-bottom:0;padding:12px;overflow:auto}
  .conversation{display:none;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
  .app.conversation-open .talk-list{display:none}
  .app.conversation-open .conversation{display:block}
  .conversation-panel{width:100%;height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}
  .conversation-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:9px 10px;max-height:36vh;overflow:auto}
  .mobile-talk-back{display:block;grid-row:1 / span 2;white-space:nowrap;padding:6px 8px}
  .conversation-head>div{min-width:0}
  .conversation-head label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;font-size:12px}
  .conversation-head input{width:100%;min-width:0;max-width:100%}
  .conversation-head h2{font-size:17px;overflow-wrap:anywhere}
  .conversation-command-bar{grid-column:2;display:flex;gap:5px;flex-wrap:wrap}
  .conversation-command-bar button{padding:6px 8px;font-size:12px}
  .message-filter-bar{padding:7px 10px;flex-wrap:wrap}
  .message-filter-bar select{min-width:0;max-width:100%}
  .messages{min-width:0;padding:10px;overscroll-behavior:contain}
  .message{max-width:94%;overflow-wrap:anywhere}
  .message-meta{flex-wrap:wrap}
  .attachment-preview{max-width:100%;height:auto}
  .composer{min-width:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .composer textarea{max-height:18vh}
  .message-drop-zone{padding:5px;font-size:11px}
  .composer input[type=file]{max-width:100%}
  .composer-actions{gap:6px;flex-wrap:wrap}
  .composer-actions label{font-size:11px}
  .composer-actions select{max-width:145px}
  dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:14px;overflow:auto}
  #userPicker{grid-template-columns:1fr}
}