/* Vera mobile chat: preserve controls while prioritizing conversation space. */
#composer-more > summary, #project-more > summary { display:none; }
#composer-more, #project-more, .composer-extra { display:contents; }
@media (max-width:820px) {
 body:has(.vera-app:not(.hidden)) { overflow:hidden; }
 body:has(.vera-app:not(.hidden)) #bs-campaign-banner,
 body:has(.vera-app:not(.hidden)) #bs-campaign-interview-footer { display:none!important; }
 body:has(.vera-app:not(.hidden)) .site-header { height:52px;min-height:52px;padding:4px 12px; }
 body:has(.vera-app:not(.hidden)) .vera-app { position:fixed;top:calc(var(--vera-view-top,0px) + 52px);left:0;right:0;height:calc(var(--vera-view-height,100dvh) - 52px);min-height:0; }
 .vera-app .conversation-shell { grid-template-rows:auto auto auto minmax(0,1fr) auto auto; }
 .vera-app .conversation-topbar { grid-row:1;min-height:44px;max-height:52px;padding:4px 10px;gap:8px; }
 .vera-app .conversation-context { flex:1;min-width:0;overflow:hidden; }
 .vera-app .conversation-context .mini-label,.vera-app #current-project-name { display:none; }
 .vera-app #conversation-title { font-size:16px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0; }
 .vera-app #project-tabs:not(.hidden) { grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;min-height:44px;padding:0 8px;gap:4px;position:relative; }
 .vera-app #project-tabs > button { min-height:44px;padding:4px;font-size:12px; }
 .vera-app #project-upload-status:empty { display:none; }
 .vera-app #due-outcome { grid-row:3; }
 .vera-app #messages { grid-row:4;min-height:0;padding:14px 10px; }
 .vera-app .message { grid-template-columns:minmax(0,1fr);gap:4px;margin-bottom:18px; }
 .vera-app .message-body { min-width:0;padding:12px; }
 .vera-app #audio-controls { grid-row:5;padding:4px;min-height:36px; }
 .vera-app #composer { grid-row:6;position:relative;padding:6px 8px max(6px,env(safe-area-inset-bottom)); }
 .vera-app #message-input { min-height:44px;height:52px;max-height:100px;padding:10px;font-size:16px;line-height:1.4; }
 .vera-app .composer-actions { display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-top:6px;align-items:center; }
 .vera-app #attach-files,.vera-app #send-message { min-height:44px;padding:8px 12px;margin:0;grid-area:auto;font-size:14px; }
 #composer-more,#project-more { display:block; }
 #composer-more > summary,#project-more > summary { display:flex;min-height:44px;align-items:center;justify-content:center;padding:6px 10px;cursor:pointer;font-size:14px;list-style:none; }
 #composer-more:not([open]) .composer-extra,#project-more:not([open]) .project-tab-actions { display:none; }
 #composer-more[open] .composer-extra,#project-more[open] .project-tab-actions { display:flex;flex-direction:column;gap:8px;position:absolute;z-index:50;left:8px;right:8px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:10px;max-height:40dvh;overflow:auto;box-shadow:0 4px 20px #0003; }
 #composer-more[open] .composer-extra { bottom:100%; }
 #project-more[open] .project-tab-actions { top:100%; }
 #composer-more .source-consent,#composer-more .composer-note { display:block;font-size:12px;margin:0; }
 #composer-more #import-email,#composer-more #current-read { min-height:44px;grid-area:auto;width:100%; }
 body.vera-keyboard-open:has(.vera-app:not(.hidden)) .site-header { visibility:hidden; }
 body.vera-keyboard-open:has(.vera-app:not(.hidden)) .vera-app { top:var(--vera-view-top,0px);height:var(--vera-view-height,100dvh); }
}
@media(max-width:820px){
 body:has(.vera-app:not(.hidden)) .vera-app { grid-template-columns:minmax(0,1fr);width:100%;max-width:100%; }
 .vera-app .conversation-shell { width:100%;max-width:100%;min-width:0; }
 .vera-app .conversation-topbar .topbar-tools { flex-shrink:0; }
 .vera-app #message-input { box-sizing:border-box; }
}
@media(max-width:820px){ .vera-app .conversation-shell { grid-template-columns:minmax(0,1fr); } .vera-app .conversation-shell > * { min-width:0; } }