/* A phone conversation owns the visible viewport; Back returns to the inbox.
   Loaded after shared writing tools so their grid defaults cannot split Send. */
@media(max-width:900px){
 html.jm-mobile-detail,html.jm-mobile-detail body{overflow:hidden;overscroll-behavior:none}
 html.jm-mobile-detail :is(.site-header,.site-footer,.platform-ribbon){visibility:hidden}
 .jm-workbench{padding:18px 10px 24px;min-width:0}
 .jm-workbench .jm-workspace{display:flex;grid-template-columns:none;height:clamp(360px,65dvh,760px);border-radius:12px}
 .jm-workbench .jm-sidebar{width:100%;min-width:0;padding:12px}
 .jm-workbench .jm-stage{display:none;width:100%;min-height:0;flex:1}
 .jm-workbench[data-pane=detail] .jm-workspace{position:fixed;z-index:90;top:var(--jm-viewport-top,0px);left:0;right:0;width:100%;height:var(--jm-viewport-height,100dvh);min-height:0;max-height:none;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
 .jm-workbench[data-pane=detail] .jm-sidebar{display:none}
 .jm-workbench[data-pane=detail] .jm-stage{display:flex}
 .jm-workbench[data-pane=detail]>.jm-heading{display:none}
 .jm-workbench[data-pane=detail]>:is(.jm-host-links,.jm-privacy-footnote){display:none}
 .jm-workbench .jm-stage>.jm-feedback:not(:empty){flex-shrink:0;max-height:64px;overflow:auto;margin:0;padding:6px 12px;font-size:.78rem;border-radius:0}
 .jm-workbench .jm-chat-heading{flex-shrink:0;padding:8px 6px;gap:5px}
 .jm-workbench .jm-chat-heading>[data-back]{display:inline-flex}
 .jm-workbench .jm-chat-heading .jm-avatar{width:32px;height:32px;min-width:32px}
 .jm-workbench .jm-chat-heading .jm-icon,.jm-workbench .jm-chat-menu>summary{width:40px;min-width:40px;height:40px;min-height:40px}
 .jm-workbench .jm-chat-person h2{font-size:.9rem;line-height:1.3}
 .jm-workbench .jm-chat-person p{font-size:.67rem;margin-top:3px}
 .jm-workbench .jm-managed-notice{padding:3px 12px 7px;font-size:.67rem;max-height:54px;overflow:auto}
 .jm-workbench .jm-history{min-height:0;padding:6px 16px 12px;overscroll-behavior:contain}
 .jm-workbench .jm-bubble{max-width:92%;min-width:0;padding:8px 10px 5px}
 .jm-workbench .jm-message-meta{flex-wrap:wrap;gap:3px}
 .jm-workbench .jm-message-meta time{white-space:nowrap}
 .jm-workbench .jm-compose{flex-shrink:0;min-width:0;max-height:65%;overflow-y:auto;margin:0 8px 6px;padding:7px 10px}
 #main-content .jm-workbench .jm-compose textarea{font-size:16px;min-height:36px;max-height:min(120px,calc(var(--jm-viewport-height,100dvh)*.2));line-height:1.4}
 #main-content .jm-workbench .jm-compose-actions{display:grid;grid-template-columns:40px minmax(0,1fr) 44px;align-items:end;gap:2px 5px}
 #main-content .jm-workbench .jm-compose-actions>.jm-expression-tools{grid-row:1;grid-column:1;min-width:0;align-self:end}
 #main-content .jm-workbench .jm-compose-actions>.jt-tools{grid-row:1;grid-column:2;flex-wrap:wrap;gap:0;min-width:0;margin:0;flex-shrink:1}
 #main-content .jm-workbench .jm-compose-actions .jt-tools select{width:70px;max-width:70px;padding:2px;font-size:13px;min-height:40px}
 #main-content .jm-workbench .jm-compose-actions .jt-tools button{min-width:34px;min-height:40px;padding:4px}
 #main-content .jm-workbench .jm-compose-actions .jt-tools .jt-phonetic{font-size:11px}
 #main-content .jm-workbench .jm-compose-actions>.jm-send-button{grid-row:1;grid-column:3;width:44px;min-width:44px;min-height:40px;padding:8px;margin:0}
 .jm-workbench .jm-send-button>span,.jm-workbench .jm-compose-hint:not(.jm-typing),.jm-workbench .jm-compose-actions [data-length]{display:none}
 #main-content .jm-workbench .jm-compose-actions>.jm-typing{grid-row:2;grid-column:1/-1;font-size:.7rem;max-width:100%}
 #main-content .jm-workbench .jm-compose>.jt-keyboard{max-height:min(180px,calc(var(--jm-viewport-height,100dvh)*.3));overflow:auto}
 .jm-workbench .jm-alert-deck{height:44px;min-height:44px;padding:2px 8px 0;gap:8px;perspective:none}
 .jm-workbench .jm-alert-stack{position:static}
 .jm-workbench .jm-stack-toggle{min-height:40px;padding:4px;font-size:.73rem}
 .jm-workbench .jm-alert-stack[data-expanded=false] .jm-alert-pile{display:none}
 .jm-workbench .jm-alert-stack[data-expanded=true] .jm-alert-pile{top:44px;left:8px;right:8px;height:auto;max-height:min(320px,calc(var(--jm-viewport-height,100dvh) - 100px));padding:4px;overflow:auto;transform-style:flat;background:var(--theme-surface,#fff);border-radius:10px;box-shadow:0 8px 24px #0002}
 .jm-workbench .jm-alert-stack[data-expanded=true] .jm-alert-card{position:relative;top:auto;transform:none;height:94px;margin:0 0 6px;box-shadow:none;opacity:1;background:var(--theme-soft,#f1f5f3)}
 .jm-workbench .jm-alert-stack[data-expanded=true] .jm-alert-card:last-child{margin-bottom:0}
 .jm-workbench .jm-alert-open .jm-avatar{display:inline-flex}
 .jm-workbench .jm-alert-actions{opacity:1;pointer-events:auto}
 .jm-workbench .jm-alert-stack[data-expanded=false] .jm-alert-more{display:none}
 .jm-workbench .jm-alert-more{position:absolute;top:44px;left:8px;right:8px;height:36px;overflow:auto;font-size:.65rem;max-width:none;margin:0;padding:6px;background:var(--theme-surface,#fff)}
 .jm-workbench .jm-alert-stack:has(.jm-alert-more:not([hidden])) .jm-alert-pile{top:80px;max-height:min(320px,calc(var(--jm-viewport-height,100dvh) - 136px))}
 .jm-workbench .jm-quick-reply{top:44px;left:8px;right:8px;padding:10px 12px;max-height:calc(var(--jm-viewport-height,100dvh) - 56px);overflow:auto}
 .jm-workbench .jm-quick-reply textarea{font-size:16px;min-height:48px;max-height:90px}
 .jm-workbench .jm-chat-menu>div{z-index:15;max-height:calc(var(--jm-viewport-height,100dvh) - 120px);overflow:auto}
 .jm-workbench .jm-form-pane{flex:1;min-height:0;height:auto}
 .jm-workbench .jm-pane-heading{flex-shrink:0;padding:10px 12px}
 .jm-workbench .jm-pane-scroll{padding:4px 16px 20px}
 #main-content .jm-workbench .jm-form-pane :is(input:not([type=checkbox]),select,textarea){font-size:16px}
 .jm-workbench .jc-embedded .jc-panel{padding:0 10px 6px}
 .jm-workbench .jc-embedded .jc-log{min-height:0}
 .jm-workbench .jc-embedded .jc-composer{max-height:65%;overflow:auto}
 #main-content .jm-workbench .jc-embedded .jc-composer textarea{font-size:16px;min-height:42px;height:48px}
 .jm-workbench .jc-embedded .jc-compose-bottom small{display:none}
 .jm-workbench[data-short-viewport=true] .jm-chat-heading{padding-block:3px}
 .jm-workbench[data-short-viewport=true] .jm-managed-notice{max-height:32px;font-size:.62rem}
}