/* tutor.css — the tutor AGENT bar's skin. same bar as toto, a different color:
   academic blue, so the tutor reads as its own agent (toto is collar-red). */

.agent-bar.agent-tutor { border-color: var(--tutor-btn); }
.agent-bar.agent-tutor .ab-head { background: var(--tutor-bg); box-shadow: inset 0 -2px 0 var(--tutor); }
.agent-bar.agent-tutor .ab-name { color: var(--tutor-bright); }
.agent-bar.agent-tutor .convo .msg-u { color: var(--tutor-muted); }
.agent-bar.agent-tutor .convo .msg-stream:empty::before { color: var(--tutor-dim); }

/* ── ⚙️ gear button in the agent bar head ── */
.agent-bar .ab-gear {
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--r-sm);
  color: var(--text-dim);
  font-size: var(--fs-chrome);
  cursor: pointer;
  padding: 4px 8px;
  min-height: var(--hit);
  min-width: 44px;
}
.agent-bar .ab-gear:hover { border-color: var(--line); color: var(--text); }

/* ── tutor settings panel — fills remaining bar space, scrolls within it ── */
.tutor-settings {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  background: var(--surface);
  padding: var(--space-md);
}
/* clear the resize handle when docked to a side */
.agent-bar[data-edge="right"] .tutor-settings { padding-left:  36px; }
.agent-bar[data-edge="left"]  .tutor-settings { padding-right: 36px; }

/* extra fields only the tutor has (teach-how + persona-req) — separated from the shared profile */
.ls-tutor-extra {
  border-bottom: 1px solid var(--line);
  margin-bottom: var(--space-md);
  padding-bottom: var(--space-sm);
}