/* Brain tab: conversation with the agent plus the context it is using. */
#tab-brain{grid-template-columns:minmax(0,1fr) 320px}

#app .chat{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 150px);height:calc(100dvh - var(--stb-h,61px) - 92px);min-height:520px}
#app .bh{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
#app .bh-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#app .bs{font-size:12.5px;color:var(--mut-d);margin-top:3px}
#app .bm{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding-right:2px;min-height:160px}
#app .msg-u{align-self:flex-end;max-width:80%;background:var(--ink3);border:1px solid var(--line-d);padding:9px 12px;color:var(--white);font-size:14px;line-height:1.45;white-space:pre-wrap}
#app .msg-a{max-width:820px;background:var(--ink);border:1px solid var(--line-d);border-left:3px solid var(--teal);padding:12px 14px;font-size:14px;line-height:1.55;color:var(--tx-d1)}
#app .msg-a.blk{border-left-color:var(--dn)}
#app .msg-a.lim{border-left-color:var(--warn)}
#app .msg-a b{color:var(--white)}
#app .msg-a .num{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--white)}
#app .msg-a .num.u{color:var(--up)}
#app .msg-a .num.d{color:var(--dn)}
#app .msg-a .note{font-size:12px;color:var(--mut-d);margin-top:8px}
#app .msg-a .goto{margin-top:10px}
#app .tools{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
#app .tool{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--tx-d2);background:color-mix(in srgb,var(--white) 6%,transparent);border:1px solid var(--line-d);padding:2px 7px;border-radius:2px}
#app .msg-a .refs{gap:6px;margin-top:10px}
#app .msg-a .ref{font-size:11px;padding:2px 7px}
#app .bc{display:flex;gap:6px;flex-wrap:wrap;flex:none}
#app .bf{display:flex;gap:8px;align-items:flex-end}
#app .bf textarea{flex:1;min-height:42px;max-height:132px;height:42px;overflow-y:hidden;background:var(--ink);border:1.5px solid var(--line-d);color:var(--white);padding:11px 12px;font-size:14px;font-family:inherit;border-radius:2px;resize:none;line-height:1.3}
#app .bf textarea:focus{outline:2px solid var(--teal-l);outline-offset:1px}
#app .bd{font-size:11.5px;color:var(--mut-d);margin:0}
#app .typing{color:var(--mut-d);font-size:13px}

#app .ctx-asset{display:flex;justify-content:space-between;align-items:center;gap:12px}
#app .ctx-asset b{font-size:18px;color:var(--white)}
#app .ctx-asset small{display:block;color:var(--mut-d);font-size:12px}
#app .ctx-asset .num{font-family:'JetBrains Mono',monospace;color:var(--white);font-weight:700;text-align:right}
#app .ctx-actions{margin-top:12px}

@media (max-width:1180px){
  #tab-brain{grid-template-columns:minmax(0,1fr)}
  #app .chat{height:min(520px,calc(100dvh - var(--stb-h,61px) - 92px));min-height:420px}
  #tab-brain>.col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  #tab-brain>.col{grid-template-columns:minmax(0,1fr)}
  #app .chat{height:min(560px,calc(100vh - 90px));height:min(560px,calc(100dvh - 90px));min-height:400px}
  #app .bc{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scroll-snap-type:x proximity}
  #app .bc .chp{flex:none;white-space:nowrap;scroll-snap-align:start}
  #app .msg-u{max-width:92%}
  #app .msg-a{padding:11px 12px}
  #app .bf .btn{padding:0 14px}
}
@media (pointer:coarse){
  #app .bf textarea{font-size:16px}
}
#app .msg-a p{margin:0 0 8px}
#app .msg-a p:last-child{margin-bottom:0}
#app .msg-a ul{margin:0 0 8px;padding-left:18px}
#app .msg-a li{margin:2px 0}
#app .msg-a.is-streaming .stream-body:after{content:"▍";margin-left:2px;color:var(--teal-l);animation:fbCaret 1s steps(2,start) infinite}
@keyframes fbCaret{to{visibility:hidden}}
@media (prefers-reduced-motion:reduce){
  #app .msg-a.is-streaming .stream-body:after{animation:none}
}