/* Phone layout for Beth's conversation and account workspace. */
@media screen and (max-width:899px){
 body[data-beth-view="chat"]{overflow:hidden}
 body[data-beth-view="chat"] .app{height:var(--beth-view-height,100dvh);min-height:0}
 body[data-beth-view="chat"] .main{min-height:0}
 body[data-beth-view="chat"] .topbar{height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:8px}
 body[data-beth-view="chat"] .panel-toggle,
 body[data-beth-view="chat"] .panel-close,
 body[data-beth-view="chat"] .icon-btn,
 body[data-beth-view="chat"] .send{min-width:44px;min-height:44px}
 body[data-beth-view="chat"] .panel-close{top:max(12px,env(safe-area-inset-top));right:12px}
 body[data-beth-view="chat"] .top-title{font-size:14px;line-height:1.4}
 body[data-beth-view="chat"] .top-sub{font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
 body[data-beth-view="chat"] .app>.sidebar,
 body[data-beth-view="chat"] .app>.plan{max-width:calc(100vw - 24px);padding-top:calc(50px + env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overscroll-behavior:contain}
 body[data-beth-view="chat"] .chat-content{padding:22px 16px 18px}
 body[data-beth-view="chat"] .message-body{font-size:16px;line-height:1.65;padding-left:0}
 body[data-beth-view="chat"] .user-bubble{font-size:16px;max-width:94%;overflow-wrap:anywhere}
 body[data-beth-view="chat"] .welcome h1{font-size:29px;line-height:1.22;letter-spacing:-.8px}
 body[data-beth-view="chat"] .welcome-symbol{font-size:15px;margin-bottom:18px}
 body[data-beth-view="chat"] .hello-mark{width:40px;height:44px}
 body[data-beth-view="chat"] .intro{font-size:16px;line-height:1.6;margin-top:16px}
 body[data-beth-view="chat"] .welcome-prompts{margin-top:20px}
 body[data-beth-view="chat"] .welcome-prompt{padding:12px 0;min-height:60px}
 body[data-beth-view="chat"] .prompt-title{font-size:16px}
 body[data-beth-view="chat"] .prompt-desc{font-size:13px}
 body[data-beth-view="chat"] .choice{min-height:44px;font-size:15px;white-space:normal;max-width:100%;overflow-wrap:anywhere;text-align:left}
 body[data-beth-view="chat"] .source-chip{font-size:13px;min-height:36px;display:inline-flex;align-items:center;overflow-wrap:anywhere;max-width:100%}
 body[data-beth-view="chat"] .dialog-head{padding:14px 16px;gap:10px;flex-shrink:0}
 body[data-beth-view="chat"] .dialog-head h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere}
 body[data-beth-view="chat"] #dialog{display:none;width:calc(100vw - 24px);max-height:calc(var(--beth-view-height,100dvh) - 24px);overflow:hidden;border-radius:14px}
 body[data-beth-view="chat"] #dialog[open]{display:flex;flex-direction:column}
 body[data-beth-view="chat"] .dialog-content{padding:16px;max-height:none;min-height:0;overflow:auto;font-size:16px;overscroll-behavior:contain}
 body[data-beth-view="chat"] .dialog-content p{overflow-wrap:anywhere}
 body[data-beth-view="chat"] input:not([type="checkbox"]),
 body[data-beth-view="chat"] select,
 body[data-beth-view="chat"] textarea{font-size:16px;min-width:0;max-width:100%}
 body[data-beth-view="chat"] .edit-field{font-size:15px}
 body[data-beth-view="chat"] .edit-field input,
 body[data-beth-view="chat"] .edit-field select{min-height:48px}
 body[data-beth-view="chat"] .appointment-fields,body[data-beth-view="chat"] .summary-facts{grid-template-columns:1fr}
 body[data-beth-view="chat"] .summary-facts dt{font-size:13px}
 body[data-beth-view="chat"] .summary-facts dd{font-size:16px;overflow-wrap:anywhere}
 body[data-beth-view="chat"] .quote-title{font-size:20px}
 body[data-beth-view="chat"] .quote-value{font-size:28px}
 body[data-beth-view="chat"] .quote-row{display:block;font-size:15px}
 body[data-beth-view="chat"] .quote-row span:last-child{display:block;margin-top:5px;white-space:normal}
 body[data-beth-view="chat"] .specialist{padding:14px;gap:10px}
 body[data-beth-view="chat"] .specialist-name{font-size:17px}
 body[data-beth-view="chat"] .specialist .choice{font-size:14px;padding:9px 10px}
 body[data-beth-view="chat"] .document-check input{width:20px;height:20px}
 body[data-beth-view="chat"] .history-row-actions{flex-wrap:wrap}
 body[data-beth-view="chat"] .report-actions{flex-wrap:wrap}
 body[data-beth-view="chat"] .toast{bottom:calc(16px + env(safe-area-inset-bottom));font-size:14px}
}
@media screen and (max-width:899px){
 body[data-beth-view="chat"] .composer-zone{padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 body[data-beth-view="chat"] .context-hints{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:7px;gap:6px;scrollbar-width:none}
 body[data-beth-view="chat"] .mini-chip{flex-shrink:0;min-height:36px;font-size:12px;padding:6px 10px;white-space:nowrap}
 body[data-beth-view="chat"] .composer{padding:10px 12px 8px;border-radius:12px}
 body[data-beth-view="chat"] .composer textarea{font-size:16px;min-height:28px;line-height:1.5;max-height:96px}
 body[data-beth-view="chat"] .composer-controls{margin-top:4px}
 body[data-beth-view="chat"] .composer-note{font-size:11px;max-width:calc(100% - 52px)}
 body[data-beth-view="chat"] .mobile-tools{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:44px}
 body[data-beth-view="chat"] .mobile-tools .chat-memory{display:contents}
 body[data-beth-view="chat"] .memory-status,
 body[data-beth-view="chat"] .memory-history{min-height:44px;max-width:none;padding:5px 2px;font-size:13px;gap:5px;min-width:0}
 body[data-beth-view="chat"] .memory-status{flex:1;line-height:1.4}
 body[data-beth-view="chat"] .memory-status span{overflow-wrap:anywhere}
 body[data-beth-view="chat"] .human-access{padding:0;flex-shrink:0}
 body[data-beth-view="chat"] .human-access button{min-height:44px;font-size:13px;padding:6px 8px}
 body[data-beth-view="chat"] .composer-disclaimer{font-size:11px;line-height:1.4;margin-top:2px}
 body[data-beth-view="chat"] .human-handoff{margin:0 0 8px;padding:10px}
 body[data-beth-view="chat"] .human-handoff small{font-size:13px}
 body[data-beth-view="chat"] .chat-resume{margin-bottom:8px}
 body[data-beth-view="chat"].composer-focus .context-hints,
 body[data-beth-view="chat"].composer-focus .mobile-tools,
 body[data-beth-view="chat"].composer-focus .composer-disclaimer{display:none}
}
@media screen and (max-width:899px) and (max-height:500px){
 body[data-beth-view="chat"] .topbar{height:calc(54px + env(safe-area-inset-top))}
 body[data-beth-view="chat"] .context-hints,
 body[data-beth-view="chat"] .composer-disclaimer{display:none}
 body[data-beth-view="chat"] .composer-zone{padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}
}
@media screen and (max-width:760px){
 body[data-beth-view="interview"],body[data-beth-view="cases"]{font-size:16px}
 body[data-beth-view="interview"] header,body[data-beth-view="cases"] header{padding:16px;gap:12px;max-width:100%}
 body[data-beth-view="interview"] header nav,body[data-beth-view="cases"] header nav{width:100%;min-width:0;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;font-size:14px;align-items:center}
 body[data-beth-view="interview"] header nav>* ,body[data-beth-view="cases"] header nav>*{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}
 body[data-beth-view="interview"] main,body[data-beth-view="cases"] main{padding:22px 14px 32px;max-width:100%;min-width:0}
 body[data-beth-view="interview"] input,body[data-beth-view="interview"] textarea,body[data-beth-view="interview"] select,
 body[data-beth-view="cases"] input,body[data-beth-view="cases"] textarea,body[data-beth-view="cases"] select{font-size:16px;min-width:0;max-width:100%}
 body[data-beth-view="interview"] button,body[data-beth-view="cases"] button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
 body[data-beth-view="interview"] .study-sheet,body[data-beth-view="cases"] .sheet{padding:20px 16px;min-width:0}
 body[data-beth-view="interview"] .study-heading{flex-wrap:wrap;gap:12px}
 body[data-beth-view="interview"] .actions,body[data-beth-view="cases"] .actions{flex-wrap:wrap}
 body[data-beth-view="interview"] .review-topic summary{flex-wrap:wrap;gap:8px}
 body[data-beth-view="interview"] .auth-panel,body[data-beth-view="cases"] .auth-panel{padding:22px 16px}
 body[data-beth-view="interview"] dialog,body[data-beth-view="cases"] dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;overscroll-behavior:contain}
 body[data-beth-view="interview"] .dialog-head,body[data-beth-view="cases"] .dialog-head{gap:12px}
 body[data-beth-view="interview"] .dialog-head h2,body[data-beth-view="cases"] .dialog-head h2{font-size:20px;line-height:1.35}
 body[data-beth-view="interview"] .study-nav li{min-width:140px}
 body[data-beth-view="interview"] .mobile-interview-topics{width:100%;border:1px solid var(--line);border-radius:8px;background:white;margin:0}
 body[data-beth-view="interview"] .mobile-interview-topics>summary{cursor:pointer;min-height:48px;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.5}
 body[data-beth-view="interview"] .mobile-interview-topics .study-nav{padding:12px 14px;border:0}
 body[data-beth-view="cases"] .case-head h1{font-size:26px;line-height:1.3;overflow-wrap:anywhere}
 body[data-beth-view="cases"] .tabs{overflow-x:auto;flex-wrap:nowrap}
 body[data-beth-view="cases"] .tabs button{flex-shrink:0}
 body[data-beth-view="cases"] .case-facts,body[data-beth-view="cases"] .case-layout{min-width:0}
 body[data-beth-view="cases"] .table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
}