/* The desktop workbench keeps its existing composer layout. */
.ai-options-toggle,.ai-mobile-disconnect{display:none}
.ai-input-row{display:contents}

@media screen and (max-width:899px){
  #overlay.ai-overlay .overlay-backdrop{
    top:var(--sheet-visible-top,0px);bottom:auto;
    height:var(--sheet-visible-height,100dvh);
    padding:0;align-items:stretch;backdrop-filter:none;
  }
  #overlay .ai-sheet{
    width:100%;height:100%;max-height:100%;max-width:100%;
    padding:0;border-radius:0;animation:none;
  }
  .ai-sheet .sheet-handle,.ai-sheet .sheet-header .eyebrow{display:none}
  .ai-sheet .sheet-header{
    align-items:center;gap:12px;border-bottom:0;
    padding:calc(6px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));
  }
  .ai-sheet .sheet-header h2{font:600 18px/1.4 -apple-system,"PingFang SC",sans-serif;margin:0}
  .ai-sheet .sheet-header .icon-button{width:44px;height:44px;flex:none;border:0;background:var(--bg)}
  .ai-sheet .ai-context{padding:0 16px 9px;border-bottom:0}
  .ai-sheet .ai-context p{font:12px/1.5 -apple-system,"PingFang SC",sans-serif;color:var(--muted)}
  .ai-sheet .ai-toolbar{gap:4px;padding:0 12px;min-height:44px;border-top:1px solid var(--line)}
  .ai-sheet .ai-connection-status{gap:0}
  .ai-sheet .ai-connection-status small{font-size:11px;color:var(--accent)}
  .ai-sheet .ai-connection-status>[data-action=ai-disconnect]{display:none}
  .ai-sheet .ai-toolbar-actions{min-width:0;gap:10px}
  .ai-sheet .ai-toolbar-actions>.quiet-button,.ai-sheet .ai-toolbar summary{
    display:flex;align-items:center;min-height:44px;font-size:12px;padding:0;
  }
  .ai-sheet .ai-history-list,.ai-sheet .ai-help-content{
    max-height:min(360px,calc(var(--sheet-visible-height,100dvh) - 160px));
    left:8px;right:8px;border-radius:12px;
  }
  .ai-sheet .ai-toolbar .ai-history-row{min-height:52px;padding:10px;font-size:14px}
  .ai-sheet .ai-history-row small{font-size:11px}
  .ai-sheet .ai-help-content{font-size:14px;line-height:1.8}
  .ai-sheet .ai-mobile-disconnect{display:inline-flex;min-height:44px;align-items:center;color:var(--accent);font-size:14px}

  .ai-sheet .ai-conversation{padding:12px 16px 20px;overflow-x:hidden;scroll-padding:12px}
  .ai-sheet .ai-conversation .ai-answer:first-child{margin:0;padding:0}
  .ai-sheet .ai-answer>h3{font:600 16px/1.6 -apple-system,"PingFang SC",sans-serif;margin:0 0 16px}
  .ai-sheet .ai-answer .prose{font-size:16px;line-height:1.85;overflow-wrap:anywhere}
  .ai-sheet .ai-answer .prose :is(pre,table,.katex-display){max-width:100%;overflow-x:auto}
  .ai-sheet .ai-answer>p,.ai-sheet .ai-conversation .page-lead{font-size:14px;line-height:1.8}
  .ai-sheet .ai-answer-actions{display:flex;flex-wrap:wrap;gap:8px}
  .ai-sheet .ai-answer-actions .quiet-button,.ai-sheet .ai-sources button{min-height:44px;font-size:13px;padding:8px 10px}
  .ai-sheet .ai-error,.ai-sheet .ai-status{font-size:13px;line-height:1.7;padding:10px;margin:12px 0}

  .ai-sheet .ai-composer{
    position:relative;flex:none;max-height:none;overflow:visible;
    padding:0 max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    background:var(--paper);
  }
  .ai-sheet .ai-options-toggle{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    width:100%;min-height:44px;padding:4px 0;font-size:12px;color:var(--muted);text-align:left;
  }
  .ai-sheet .ai-options-toggle>span:first-child{color:var(--accent);white-space:nowrap}
  .ai-sheet .ai-options-toggle>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
  .ai-sheet .ai-composer-options{
    display:none;position:absolute;bottom:calc(100% - 1px);left:8px;right:8px;z-index:6;
    max-height:calc(var(--sheet-visible-height,100dvh) - 160px);overflow-y:auto;
    padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;
    box-shadow:0 -6px 24px #14231b14;
  }
  .ai-sheet .ai-composer-options.is-expanded{display:flex;gap:10px}
  .ai-sheet .ai-composer .ai-context-modes{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:8px}
  .ai-sheet .ai-composer .ai-context-modes .quiet-button{min-height:44px;font-size:13px;padding:8px}
  .ai-sheet .ai-composer .ai-prompts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;overflow:visible}
  .ai-sheet .ai-composer .ai-prompts .quiet-button{min-height:44px;font-size:13px;padding:8px 4px}
  .ai-sheet .ai-question-label{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;
  }
  .ai-sheet .ai-input-row{display:flex;gap:8px;align-items:flex-end;min-width:0}
  :root .ai-sheet .ai-composer #ai-question{
    flex:1;width:0;height:76px;min-height:76px;max-height:76px;resize:none;
    padding:10px 12px;font-size:16px;line-height:1.5;border-radius:12px;
  }
  .ai-sheet .ai-input-row .ai-controls{display:flex;flex:none;margin:0;gap:0}
  .ai-sheet .ai-input-row .ai-keyboard-hint{display:none}
  .ai-sheet .ai-input-row .primary-button{
    min-width:76px;min-height:48px;margin:0;padding:12px 10px;border-radius:12px;font-size:13px;white-space:nowrap;
  }
  .ai-sheet .ai-composer .ai-selection{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;
    margin:0;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;
  }
  .ai-sheet .ai-composer .ai-selection>div:first-child{gap:8px;font-size:12px}
  .ai-sheet .ai-composer .ai-selection .quiet-button,.ai-sheet .ai-composer .ai-selection summary{
    display:inline-flex;align-items:center;min-height:44px;font-size:12px;padding:0;cursor:pointer;
  }
  .ai-sheet .ai-composer .ai-selection:has(details[open]){display:block}
  .ai-sheet .ai-composer .ai-selection:has(details[open])>div:first-child{float:right;gap:12px}
  .ai-sheet .ai-composer .ai-selection blockquote{clear:both;max-height:72px;margin:0 0 8px;font-size:13px;line-height:1.7}
  .ai-sheet .ai-parent-context{align-items:center;margin:0;padding:0;border:0;border-bottom:1px solid var(--line);font-size:12px}
  .ai-sheet .ai-parent-context>span{-webkit-line-clamp:1}
  .ai-sheet .ai-parent-context .quiet-button{min-height:44px;font-size:12px}

  /* Connection gets the full scrollable area until questions can be sent. */
  .ai-sheet .ai-panel:has(.ai-connect-form) .ai-composer{display:none}
  .ai-sheet .ai-panel:has(.ai-connect-form) .ai-toolbar-actions>[data-action=ai-refresh]{display:none}
  .ai-sheet .ai-connect-form{display:flex;align-items:stretch;flex-direction:column;gap:12px;margin:8px 0}
  .ai-sheet .ai-connect-form>h3{font:600 18px/1.5 -apple-system,"PingFang SC",sans-serif}
  .ai-sheet .ai-connect-form .ai-setup,.ai-sheet .ai-connect-form label,.ai-sheet .ai-connect-form>.settings-note{font-size:13px;line-height:1.8}
  .ai-sheet .ai-connect-form input{flex:none;font-size:16px;min-height:48px}
  .ai-sheet .ai-connect-form>.ai-controls{flex-basis:auto;display:flex;gap:8px 16px;margin:0;align-items:center}
  .ai-sheet .ai-connect-form .primary-button{width:100%;justify-content:center;min-height:48px;font-size:14px}
  .ai-sheet .ai-connect-form .quiet-button{display:inline-flex;align-items:center;min-height:44px;font-size:13px}

  /* Compact mode also applies when only visualViewport shrinks for the keyboard. */
  #overlay.ai-compact .ai-sheet .ai-context{display:none}
  #overlay.ai-compact .ai-sheet .sheet-header{padding-top:env(safe-area-inset-top);padding-bottom:0}
  #overlay.ai-compact .ai-sheet .ai-conversation{padding-top:8px;padding-bottom:8px}
  #overlay.ai-compact .ai-sheet .ai-composer{padding-bottom:calc(6px + env(safe-area-inset-bottom))}
  :root #overlay.ai-compact .ai-sheet .ai-composer #ai-question{height:60px;min-height:60px;max-height:60px}
  #overlay.ai-compact .ai-sheet .ai-composer .ai-selection blockquote{max-height:40px}
  #overlay.ai-compact .ai-sheet .ai-composer .ai-parent-context{display:none}
}