/* sysisphinx.css — Sysisphinx's bar: dawn over the desert, Giza at real layout, pyramids right (nano plate).
   jem.css's pattern verbatim (the head is a drawn image; the ink is painted-stone). */
.agent-bar[data-skin="sysisphinx"] .ab-head { background-image: url('../agents/sysisphinx/sysisphinx-topbar.png'); background-size: cover; background-position: right center; }
.agent-bar[data-orient="vertical"][data-skin="sysisphinx"] .ab-head { background-image: url('../agents/sysisphinx/sysisphinx-topbar.png'); background-size: cover; }
.agent-bar[data-skin="sysisphinx"] { background: #efe6d3; border-color: #3a3f45; }
.agent-bar[data-skin="sysisphinx"] .ab-name { color: #1a1a1a; font-weight: 800; letter-spacing: 1px; }
.agent-bar[data-skin="sysisphinx"] .ab-grip, .agent-bar[data-skin="sysisphinx"] .ab-add { color: #1a1a1a; }
.agent-bar[data-skin="sysisphinx"] .ab-add { background: #f3ecdc; border: 2px solid #3a3f45; border-radius: 4px; }
.convo[data-skin="sysisphinx"] .convo-head { background: url('../agents/sysisphinx/sysisphinx-topbar.png') right center / cover no-repeat; border-bottom: 3px solid #3a3f45; }
/* CONVO INK (Sum 2026-08-16: 'text in conversation with sphinx is white on cream — use darker color').
   desk.css L241 paints `.agent-bar .convo .msg-bot { color: var(--text) }` — the app's LIGHT ink, three parts
   deep. jem.css L136 is the shape that wins it: `.convo[data-skin] .msg-bot`. Same shape, painted-stone ink. */
.agent-bar[data-skin="sysisphinx"] .ab-name { color: #1a1a1a; text-shadow: 0 0 6px #fff, 0 0 2px #fff; }
.convo[data-skin="sysisphinx"] .msg-bot, .agent-bar[data-skin="sysisphinx"] .convo .msg-bot { color: #1a1a1a; }
.convo[data-skin="sysisphinx"] .msg-u,   .agent-bar[data-skin="sysisphinx"] .convo .msg-u   { color: #3a2a6a; }
.convo[data-skin="sysisphinx"] .msg-inj, .agent-bar[data-skin="sysisphinx"] .convo .msg-inj { color: #6a4d8c; }
.convo[data-skin="sysisphinx"] .msg-note, .agent-bar[data-skin="sysisphinx"] .convo .msg-note { color: #4a3d5c; }
.agent-bar[data-skin="sysisphinx"] .convo-screen, .agent-bar[data-skin="sysisphinx"] .msg-stream, .agent-bar[data-skin="sysisphinx"] .msg-stream textarea { color: #1a1a1a; }
