/*
IC SHIP PASS — generated by icpass.py from the map. edit the CODE; rerun to refresh this.

══════════════════════════════════════════════════════════════════════
 PAGE 0 — TABLE OF CONTENTS  (goldfish pointers)
 jump by SEARCHING the anchor phrase — line numbers drift, names don't.
══════════════════════════════════════════════════════════════════════
  ⚙️ gear button in the agent bar head ......... search: "⚙️ gear button in the"
  tutor settings panel — fills remaining bar ... search: "tutor settings panel"
══════════════════════════════════════════════════════════════════════

 FOR AI
 ───────
   **OWNS** — The visual styling for the tutor agent's bar interface. This file is the single
   **source of truth for the tutor's color scheme (academic blue via `--tutor-*` variables), the
   **gear settings button appearance, the scrollable settings panel layout, and the visual
   **separation of tutor-specific fields.
   
   **TOUCH HERE** —
   - Change tutor's brand color → `var(--tutor-btn)`, `var(--tutor-bg)`, `var(--tutor)`,
   - `var(--tutor-bright)`, `var(--tutor-muted)`, `var(--tutor-dim)` L4–8
   - Adjust gear button size or padding → `.ab-gear` L11–21
   - Change settings panel scroll behavior or spacing → `.tutor-settings` L25–34
   - Adjust the visual divider between tutor-specific fields and shared profile →
   - `.ls-tutor-extra` L37–40
   
   **TRAPS** —
   - The class names `.agent-bar`, `.ab-gear`, `.tutor-settings`, and `.ls-tutor-extra` are
   - load-bearing: they must match the HTML structure that renders them. Renaming any breaks the
   - layout silently.
   - The `data-edge="right"` and `data-edge="left"` attributes (L33–34) are conditional padding
   - rules; if the docking logic changes, these selectors may orphan.
   - All color values reference CSS custom properties (`--tutor-*`, `--text-*`, `--line`,
   - `--surface`); if those variables are not defined in the root stylesheet, the tutor bar will
   - be unstyled.
   
   **DO NOT** —
   - Do not add layout logic here; flexbox and overflow rules are minimal and correct. Layout
   - changes belong in the HTML structure or a parent container stylesheet.
   - Do not add interactivity (hover states beyond L22, focus states, animations); those belong
   - in a separate interaction layer or JavaScript.
   - Do not modify the agent bar's core structure (`.agent-bar.agent-tutor` L4–8); that is owned
   - by the agent bar system, not this file.
   
   
   
   
   
   ---

END IC SHIP PASS
*/

/* 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);
}