/* Desktop keeps its established sidebar; phones devote the viewport to reading. */
#aiMobileBack,#aiQuickPanel>summary,#aiRetentionDetails>summary{display:none}
#aiQuickPanel{flex-shrink:0}
#aiRetentionDetails{min-width:0}
@media(max-width:1000px) and (max-height:520px){
 .workspaceApp #main #aiQuickPanel{grid-column:1;grid-row:3;overflow:auto}
 .workspaceApp #main #aiRetentionDetails{grid-column:1/-1}
}
@media(max-width:760px),(max-width:1000px) and (max-height:520px){
 .workspaceApp.aiMobileFocus:not(.signedOut)>header,.workspaceApp.aiMobileFocus:not(.signedOut)>.footerbar{display:none}
 .workspaceApp.aiMobileFocus:not(.signedOut) #main{position:fixed;top:var(--ai-mobile-top,0px);left:0;right:0;height:var(--ai-mobile-height,100dvh);padding:0;z-index:7600}
 .workspaceApp.aiMobileFocus #main #aiSidebar{inset:0 0 calc(54px + env(safe-area-inset-bottom,0px));border:0;border-radius:0}
 .workspaceApp.aiMobileFocus #main #aiChatPanel{display:flex!important;flex-direction:column;height:100%;min-height:0}
 .workspaceApp.aiMobileFocus #main .aiHeader{padding:8px 12px;min-height:46px;flex-shrink:0;font-size:14px}
 .workspaceApp.aiMobileFocus #aiMobileBack{display:block;flex-shrink:0;font-size:12px;min-height:34px;padding:6px 10px;background:#f0f5ff;border-color:#d4e2f5;color:#24558e}
 .workspaceApp.aiMobileFocus #main .aiRoomTools{padding:5px 12px;min-height:38px;flex-shrink:0}
 .workspaceApp.aiMobileFocus #aiRoomLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .workspaceApp.aiMobileFocus #aiQuickPanel>summary,.workspaceApp.aiMobileFocus #aiRetentionDetails>summary{display:list-item;cursor:pointer;min-height:32px;padding:7px 12px;font-size:12px;color:#315c95}
 .workspaceApp.aiMobileFocus #aiQuickPanel{border-bottom:1px solid var(--line);max-height:30%;overflow:auto}
 .workspaceApp.aiMobileFocus #main .aiQuickQuestions{padding:4px 12px 10px}
 .workspaceApp.aiMobileFocus #main .aiQuickQuestions button{min-height:38px;font-size:12px}
 .workspaceApp.aiMobileFocus #main #aiMessages{flex:1 1 0;min-height:0;padding:14px 12px;gap:12px;border:0;overscroll-behavior:contain;scrollbar-gutter:stable}
 .workspaceApp.aiMobileFocus #aiMessages>.aiMsg{flex-shrink:0;font-size:15px;line-height:1.6;max-width:100%;width:auto}
 .workspaceApp.aiMobileFocus #main .aiInputBox{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;flex-shrink:0;padding:8px 12px 4px;gap:6px 8px}
 .workspaceApp.aiMobileFocus #main #aiQuestion{grid-column:1;grid-row:1;width:100%;height:48px;min-height:48px;max-height:96px;resize:none;margin:0;font-size:16px;line-height:1.4;padding:11px}
 .workspaceApp.aiMobileFocus #main .aiInputActions{display:contents}
 .workspaceApp.aiMobileFocus #main #aiAskBtn{grid-column:2;grid-row:1;align-self:center;min-height:44px;margin:0;padding:10px;font-size:12px;max-width:120px;white-space:normal}
 .workspaceApp.aiMobileFocus #main #aiStatus{grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.3}
 .workspaceApp.aiMobileFocus #main #aiRetentionDetails{grid-column:1/-1;grid-row:3}
 .workspaceApp.aiMobileFocus #aiRetentionDetails>summary{padding:5px 0;min-height:28px;font-size:11px}
 .workspaceApp.aiMobileFocus #main #aiRetentionDisclosure{font-size:11px!important;line-height:1.45!important;max-height:100px;overflow:auto;padding-bottom:6px}
 .workspaceApp.aiMobileFocus #main #mobileNav{left:0;right:0;bottom:0;height:calc(50px + env(safe-area-inset-bottom,0px));padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));border-radius:0;border-width:1px 0 0}
 .workspaceApp.aiMobileFocus.aiKeyboard #aiQuickPanel,.workspaceApp.aiMobileFocus.aiKeyboard #aiRetentionDetails,.workspaceApp.aiMobileFocus.aiKeyboard .aiRoomTools{display:none}
}
@media(max-width:1000px) and (max-height:520px){
 .workspaceApp.aiMobileFocus #main .aiRoomTools{display:none}
 .workspaceApp.aiMobileFocus #main .aiHeader{min-height:36px;padding:3px 12px}
 .workspaceApp.aiMobileFocus #main #aiQuickPanel>summary{min-height:26px;padding:4px 12px}
}
@media(max-width:520px) and (min-height:521px){
 .workspaceApp.aiMobileFocus #main #aiQuestion{height:64px;min-height:64px}
}
