/* Compact chat chrome. Message typography and content remain unchanged. */
.chat-control-bar{display:contents}.chat-options{position:relative;margin-left:auto;font-size:12px;color:var(--muted);flex-shrink:0}.chat-options summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center}.chat-options summary::-webkit-details-marker{display:none}.chat-options-content{position:absolute;bottom:100%;right:0;width:min(300px,calc(100vw - 32px));max-height:50dvh;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px #0002;z-index:40}html[data-theme=white] .chat-options-content{background:white}.chat-options-content .composer-note{display:flex!important;gap:10px;flex-direction:column;align-items:flex-start}.chat-options-content .voice-switch{margin:0;min-height:44px}.chat-options-content .memory-disclosure{display:block!important}.chat-footnote{font-size:10px;color:var(--muted);text-align:center;margin:8px 0 0;line-height:14px;flex-shrink:0}
body[data-view=chat] .learning-controls{margin:0;padding:0}body[data-view=chat] .learning-row{min-height:44px}body[data-view=chat] .learning-hint:empty{display:none}body[data-view=chat] .composer{padding:4px;gap:6px}body[data-view=chat] .composer textarea{padding:8px 4px;min-height:40px;font-size:16px}body[data-view=chat] .conversation{padding-bottom:12px}.chat-panel>.composer-note:has(#voice-status:empty):not(:has(button:not([hidden]))){display:none}
@media(max-width:700px){
 body[data-view=chat] .topbar{height:50px;min-height:50px;padding-block:3px}
 body[data-view=chat] #chat-view{padding-top:0;padding-bottom:0}
 body[data-view=chat] .chat-utility-row{min-height:34px;margin-bottom:0}
 body[data-view=chat] #chat-use-location{min-height:34px}
 body[data-view=chat] .conversation{padding-top:4px}
 body[data-view=chat] .workspace{padding-bottom:calc(var(--chat-nav-height,64px) + 8px)}
 body[data-view=chat] .chat-panel{padding-bottom:0}
 body[data-view=chat] .chat-control-bar{display:flex;align-items:center;gap:10px;margin-bottom:5px;flex-shrink:0}
 body[data-view=chat] .learning-controls{min-width:0;flex:1}
 body[data-view=chat] .learning-toggle{font-size:12px}
 body[data-view=chat] .learning-row{flex-wrap:wrap}
 body[data-view=chat] .composer{padding:6px}
 body[data-view=chat] .mobile-nav{padding:3px 8px calc(3px + env(safe-area-inset-bottom));min-height:54px}
 body[data-view=chat] .mobile-nav .nav-icon{width:19px;height:19px}
 body.keyboard-open[data-view=chat] .workspace{padding-bottom:8px}
 body.keyboard-open[data-view=chat] .chat-footnote{display:none}
}
@media(min-width:701px){
 body[data-view=chat] .topbar{min-height:52px;height:52px;padding-block:4px}
 body[data-view=chat] .chat-view{padding-top:6px;padding-bottom:2px}
 body[data-view=chat] .chat-view>h1.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 body[data-view=chat] .chat-utility-row{display:flex;align-items:center;justify-content:space-between;min-height:36px}
 body[data-view=chat] #chat-use-location{position:static;min-height:36px;font-size:12px;padding:4px}
 body[data-view=chat] .chat-model-label{padding:0;margin:0;font-size:12px}
 body[data-view=chat] .chat-panel{padding:10px 10px 6px}
 body[data-view=chat] .composer{min-height:48px}
 body[data-view=chat] .chat-size-control{margin:0 0 12px}
 body[data-view=chat] .learning-toggle{font-size:13px}
 body[data-view=chat] .composer-note{justify-content:flex-start;gap:16px;margin-top:3px;align-items:center}
 body[data-view=chat] .composer-note .voice-switch{margin:0;min-height:32px;font-size:12px}
 body[data-view=chat] .memory-disclosure{margin-top:5px;margin-bottom:0;font-size:12px;line-height:1.4}
 body[data-view=chat] .memory-disclosure .text-button{min-height:28px;padding:2px 4px}
}