.integration-agents-dashboard { display:grid; gap:10px; min-width:0; min-height:100vh; padding:12px; color:var(--ink); }
.agents-workspace { position:relative; display:grid; grid-template-columns:minmax(230px, 285px) minmax(0, 1fr); min-height:min(760px, calc(100vh - 118px)); max-height:calc(100vh - 112px); overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--panel); }
.agents-directory { display:flex; flex-direction:column; gap:9px; min-height:0; padding:12px; border-inline-end:1px solid var(--line); background:var(--panel-strong); }
.agents-directory-title, .agent-detail-heading, .agent-controls, .agent-run-row { display:flex; align-items:center; justify-content:space-between; gap:9px; }
.agents-directory-title h3, .agent-detail h2, .agent-builder h2 { margin:0; }
.agents-directory input, .agents-directory select, .agent-owner-select select, .agent-mode-choice select { min-width:0; padding:8px; color:var(--ink); background:var(--bg-deep); border:1px solid var(--line); border-radius:5px; }
.agents-filters { display:flex; gap:5px; }
.agents-filters button, .agent-list-item, .agent-run-row > button:first-child { color:var(--ink); border:1px solid transparent; border-radius:5px; background:transparent; text-align:start; cursor:pointer; }
.agents-filters button { padding:6px 9px; font-size:.78rem; }
.agents-filters button.selected, .agent-list-item.selected { border-color:var(--line-strong); background:var(--panel-soft); }
.agents-list { display:grid; align-content:start; gap:4px; min-height:0; overflow:auto; }
.agent-private-sessions { display:grid; gap:5px; padding-top:8px; border-top:1px solid var(--line); }
.agent-private-sessions small { color:var(--muted); }
.agent-private-sessions button { padding:5px 2px; color:var(--ink); border:0; background:transparent; text-align:start; font-size:.76rem; }
.agent-list-item { display:grid; grid-template-columns:9px minmax(0,1fr); gap:9px; width:100%; padding:9px 7px; }
.agent-list-copy { display:grid; gap:3px; min-width:0; }
.agent-list-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.agent-list-copy small { overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; }
.agent-state-dot { width:8px; height:8px; margin-top:5px; border-radius:50%; background:#a0a29d; }
.agent-state-dot.active { background:#7bd8a1; }
.agent-detail, .agent-builder, .agents-empty { display:flex; flex-direction:column; gap:13px; min-width:0; min-height:0; overflow:auto; padding:18px; }
.agent-detail-heading { align-items:flex-start; }
.agent-detail-heading h2 { margin:3px 0; font-size:1.45rem; }
.agent-detail-heading p:last-child, .agent-builder header p:last-child { margin:4px 0 0; color:var(--muted); }
.agent-owner-line { margin:0; color:var(--muted); }
.agent-status-pill { flex:0 0 auto; padding:5px 9px; border:1px solid var(--line); border-radius:99px; font-size:.76rem; }
.agent-status-pill.active { color:#a8edc3; border-color:rgba(123,216,161,.55); }
.agent-controls { justify-content:flex-start; flex-wrap:wrap; }
.agent-mode-choice, .agent-owner-select { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:.8rem; }
.agent-owner-select { align-self:flex-start; }
.agent-config-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.agent-config-grid section, .agent-history, .agent-candidate-card { min-width:0; padding:12px; border:1px solid var(--line); border-radius:6px; background:var(--subpanel); }
.agent-config-grid h3, .agent-history h3 { margin:0 0 8px; font-size:.95rem; }
.agent-preserve-lines { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--muted); }
.agent-config-chip, .agent-tool-list span { display:inline-block; margin:3px; padding:5px 8px; border:1px solid var(--line); border-radius:99px; color:var(--muted); font-size:.78rem; }
.agent-run-row { padding:8px 0; border-top:1px solid var(--line); }
.agent-run-row > button:first-child { display:grid; gap:3px; padding:5px; }
.agent-run-row small, .agent-candidate-card small { color:var(--muted); }
.agent-run-result { position:relative; margin-top:8px; padding:12px; border:1px solid var(--line); border-radius:6px; background:var(--panel-strong); overflow-wrap:anywhere; }
.agent-run-result p { white-space:pre-wrap; }
.agent-run-result .text-button { position:absolute; inset-inline-end:8px; top:7px; }
.agents-empty { justify-content:center; align-items:flex-start; min-height:280px; }
.agents-empty p { max-width:460px; color:var(--muted); }
.agents-empty-mark { font-size:1.6rem; }
.agent-builder { background:var(--panel); }
.agent-builder header { flex:0 0 auto; }
.agent-conversation { display:grid; align-content:start; gap:14px; min-height:0; flex:1; overflow:auto; padding:6px; }
.agent-turn { display:grid; gap:8px; justify-items:start; }
.agent-bubble { max-width:min(720px, 90%); padding:10px 13px; border:1px solid var(--line); border-radius:10px; overflow-wrap:anywhere; }
.agent-bubble.user { justify-self:end; background:var(--panel-soft); white-space:pre-wrap; }
.agent-bubble.assistant { background:var(--panel-strong); }
.agent-composer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; padding:10px; border:1px solid var(--line); border-radius:7px; background:var(--panel-strong); }
.agent-composer textarea { width:100%; min-height:58px; resize:vertical; padding:9px; color:var(--ink); border:1px solid var(--line); border-radius:5px; background:var(--bg-deep); }
.agent-candidate-card { display:grid; gap:7px; width:min(680px,100%); margin-top:4px; }
.agent-candidate-card h3, .agent-candidate-card p { margin:0; }
.agent-candidate-card dl { display:grid; grid-template-columns:100px minmax(0,1fr); gap:5px 10px; margin:4px 0; }
.agent-candidate-card dt { color:var(--muted); }
.agent-candidate-card dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.agents-mobile-back { display:none; align-self:flex-start; }
.agents-error { position:absolute; z-index:2; inset-inline-end:14px; bottom:10px; max-width:70%; }
@media (max-width: 760px) {
  .integration-agents-dashboard { padding:7px; }
  .agents-workspace { grid-template-columns:minmax(0,1fr); min-height:calc(100dvh - 154px); max-height:calc(100dvh - 145px); }
  .agents-directory, .agent-detail, .agent-builder { grid-column:1; grid-row:1; }
  .agents-directory.mobile-hidden, .agent-detail.mobile-hidden, .agent-builder.mobile-hidden { display:none; }
  .agents-directory.mobile-visible, .agent-detail.mobile-visible, .agent-builder.mobile-visible { display:flex; }
  .agent-detail { padding:12px; }
  .agent-detail .agents-mobile-back, .agent-builder .agents-mobile-back { display:block; }
  .agent-config-grid { grid-template-columns:minmax(0,1fr); }
  .agent-composer { grid-template-columns:minmax(0,1fr); }
  .agent-composer button { justify-self:end; }
  .agent-detail-heading { flex-wrap:wrap; }
  .agent-candidate-card dl { grid-template-columns:minmax(75px, auto) minmax(0,1fr); }
}