/* The agent owns its viewport; settings are disclosures, not extra rows of chips. */
#app-screen > #content-agent { box-sizing: border-box; padding: var(--space-400) !important; }
.agent-ai-disclosure {
  position:relative;
  display:flex; align-items:center; gap:var(--space-200); flex:none;
  padding:var(--space-200) var(--space-1200) var(--space-200) var(--space-400); font-size:var(--text-sm); line-height:1.4;
  background:var(--bbr-bg-sunken); color:var(--bbr-fg-secondary);
  border-bottom:1px solid var(--bbr-bd-default);
}
.agent-ai-disclosure[hidden] { display:none !important; }
.agent-disclosure-dismiss { position:absolute; top:var(--space-200); right:var(--space-200); }
.agent-composer-settings { display:flex; gap:var(--space-200); margin-bottom:var(--space-200); }
.agent-disclosure-copy { flex:1; min-width:0; }
.agent-toolbar {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-200);
  padding: var(--space-200) var(--space-400);
  background: var(--bbr-bg-surface);
  border-bottom: 1px solid var(--bbr-bd-default);
  flex: none;
  z-index: 5;
}
.agent-toolbar > .agent-model-settings { min-width: 0; }
.agent-toolbar summary { list-style: none; cursor: pointer; }
.agent-toolbar summary::-webkit-details-marker { display: none; }
.agent-toolbar summary::after { content: '⌄'; margin-left: var(--space-200); }
.agent-toolbar details[open] > summary::after { content: '⌃'; }
.agent-toolbar-panel {
  position: absolute;
  top: calc(100% + var(--space-100));
  left: var(--space-400);
  right: var(--space-400);
  padding: var(--space-400);
  border: 1px solid var(--bbr-bd-default);
  border-radius: var(--radius-lg);
  background: var(--bbr-bg-surface);
  box-shadow: var(--shadow-lg);
  max-height: 60vh;
  overflow: auto;
}
.agent-model-label { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-200); font-size: var(--text-sm); }
#agent-model-quick { min-width: 0; max-width: 100%; flex: 1; font: inherit; }
.agent-workspace { position: relative; }
.agent-conversations-toggle { display: none; }
/* Reserve the global help launcher's tap area beside the composer, so filling
   the viewport does not put it on top of Send. */
.agent-compose-row { padding-right: var(--space-1200); }
#agent-input { min-width: 0; }

@media (max-width: 980px) {
  /* Ordinary pages keep their existing scroller. The chat needs a bounded grid row. */
  #app-screen:has(> #content-agent:not(.hidden)) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--header-h) minmax(0, 1fr);
    grid-template-areas: 'header' 'main';
    height: 100dvh;
    overflow: hidden;
  }
}
@media (max-width: 760px) {
  .agent-toolbar .lzc-bar { display:none; }
  .agent-ai-disclosure { display:block; }
  .agent-ai-disclosure > [aria-hidden] { margin-right:var(--space-150); }
  .agent-ai-disclosure .btn:not(.agent-disclosure-dismiss) { display:inline; min-height:0; padding:0 !important; margin-left:var(--space-150); white-space:normal; }
  .agent-conversations-toggle { display: inline-flex; }
  #agent-conversations-panel { display: none !important; }
  .agent-workspace.show-conversations #agent-conversations-panel {
    display: flex !important;
    position: absolute;
    inset: 0 auto 0 0;
    width: min(300px, 100%) !important;
    z-index: 4;
    box-shadow: var(--shadow-lg);
  }
}