/* agent-lumberjack.css — bub: the woodshop builder. the bar wears the wood + SWITCHES by orientation: the
   left/right RAIL (vertical) = a standing cedar PLANK (woodshop.png); a top/bottom strip or the expanded head
   = the JENGA BLOCKS (jenga.png — they stack right sideways). a soft bottom scrim keeps the amber name legible. */
.agent-bar.agent-lumberjack { background: var(--wood-bg); border-color: var(--wood-ring); }
.agent-bar.agent-lumberjack .ab-head {
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.4) 100%),
    var(--wood-plank) url('jenga.png') center / cover no-repeat;
  border-bottom: 2px solid var(--wood-plank);
  box-shadow: inset 3px 3px 0 rgba(255,200,140,.16), inset -4px -4px 0 rgba(0,0,0,.28), inset 0 -2px 0 var(--wood-shadow);
}
.agent-bar[data-orient="vertical"].agent-lumberjack .ab-head {
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.35) 100%),
    var(--wood-plank) url('woodshop.png') center / cover no-repeat;
}
.agent-bar.agent-lumberjack .ab-name { color: var(--wood-pale); text-shadow: 0 1px 4px rgba(0,0,0,.9), 0 0 8px rgba(200,120,40,.25); letter-spacing: 0.5px; }
.agent-bar.agent-lumberjack .ab-grip,
.agent-bar.agent-lumberjack .ab-add { color: var(--wood-ctrl); text-shadow: 0 1px 3px rgba(0,0,0,.9); }
.agent-bar.agent-lumberjack .ab-add { background: rgba(26,8,0,.7); border-color: rgba(140,80,20,.45); }
.agent-bar.agent-lumberjack .ab-add:hover { border-color: rgba(200,120,40,.8); color: var(--wood-pale); background: rgba(26,8,0,.9); }
.agent-bar.agent-lumberjack .convo,
.agent-bar.agent-lumberjack .convo-screen { background: var(--wood-dark); }
.agent-bar.agent-lumberjack .convo .msg-bot { color: var(--wood-text); }
.agent-bar.agent-lumberjack .convo .msg-u { color: var(--wood-user); }
.agent-bar.agent-lumberjack .convo .msg-stream { color: var(--wood-text); }
.agent-bar.agent-lumberjack .convo .msg-stream:empty::before { color: var(--wood-dim); }