/* R10 refined: extend the workspace, not its visual language.
   Shared chat, header, tabs, composer and forms use notion-refinement.css. */
.ai-tabs{overflow-x:auto;flex-shrink:0;scrollbar-width:thin}
.ai-tabs .ai-btn{white-space:nowrap;flex-shrink:0}
.ai-savebar{display:flex;align-items:center;gap:12px;padding:6px 18px;border-bottom:1px solid var(--line);font-size:11px;color:var(--sub);flex-shrink:0}
.ai-savebar #ai-save-status{flex:1;min-width:0;overflow-wrap:anywhere}
.ai-savebar #ai-save-status.has-error{color:var(--danger,#b44b42)}
.ai-savebar .ai-btn{font-size:11px;padding:3px 0;min-height:28px}
.ai-savebar .ai-btn[aria-pressed=true]{color:var(--text);text-decoration:underline;text-underline-offset:4px}
#ai-storage-warning[hidden]{display:none!important}
.ai-panel .ai-scroll h2{font-size:16px;line-height:1.4;letter-spacing:-.2px}
.ai-saved-history{padding:20px}
.ai-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.ai-history-heading h2{margin:0}
.ai-history-heading .ai-btn{font-size:12px;white-space:nowrap}
#ai-history-search{margin:16px 0 12px;background:var(--bg)}
.ai-history-list{border-top:1px solid var(--line)}
.ai-history-card{border-bottom:1px solid var(--line);padding:4px 0}
.ai-history-card.is-current{background:var(--sidebar)}
.ai-history-open{display:block;width:100%;padding:10px 8px 4px;text-align:left;border-radius:4px}
.ai-history-open:hover{background:var(--hover)}
.ai-history-open strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.ai-history-open span{display:block;font-size:11px;color:var(--sub);margin:4px 0}
.ai-history-open p{font-size:12px;line-height:1.6;color:var(--sub);margin:0;overflow-wrap:anywhere}
.ai-history-card>.ai-row{padding:0 8px;margin:4px 0;gap:8px}
.ai-history-card .ai-row .ai-btn{font-size:11px;padding:3px 6px;min-height:28px;color:var(--sub)}
.ai-history-empty{padding:24px 8px;color:var(--sub)}
.ai-history-empty b{font-size:13px;font-weight:500;color:var(--text)}
.ai-history-empty p{font-size:12px;margin:6px 0 0}
.ai-backup-card{margin-top:24px;border-top:1px solid var(--line)}
.ai-backup-card>summary{padding:12px 0;font-size:12px;color:var(--sub);cursor:pointer}
.ai-backup-card[open]>summary{color:var(--text)}
.ai-backup-card .ai-btn{font-size:11px;padding:6px 8px;white-space:normal}
.ai-backup-card p{font-size:12px;line-height:1.6}
.ai-key-warning{margin:8px 0 16px}
.ai-archive-note{padding:6px 0 6px 10px;border-left:2px solid var(--line);margin:0 0 18px}
.ai-memory-item textarea{flex:1;min-width:0}
.ai-memory-section{background:none;border-radius:0}
/* One user-message surface, no nested padded bubble. */
.ai-welcome h2{font-size:21px;letter-spacing:-.4px}
.ai-turn.user .ai-prose{background:none;border-radius:0;padding:0}
.ai-panel .ai-history-open:focus-visible,
.ai-panel .ai-backup-card>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media(max-width:760px){
  .ai-savebar{padding-inline:14px;gap:10px}
  .ai-saved-history{padding:18px 14px}
  .ai-tabs{gap:14px}
  .ai-panel input:not([type=checkbox]),.ai-panel textarea,.ai-panel select{font-size:16px}
  .ai-panel #ai-edit-mode{font-size:12px;max-width:115px}
  .ai-compose{margin-bottom:max(10px,env(safe-area-inset-bottom))}
  .ai-compose-actions{flex-wrap:wrap}
  .ai-compose-actions .ux-scope-label{max-width:none;flex:1;font-size:10px}
  .ai-compose-actions .ai-btn.primary{margin-left:auto}
  .ai-thread{min-height:60px}
}
@media(max-height:600px){
  .ai-welcome{padding-top:12px}
  .ai-compose{max-height:48dvh;overflow:auto}
  .ai-thread{min-height:40px}
}