/* The Ask panel on the bot page. Uses the page's own theme tokens. */
#workspaceAskBtn[hidden],#mobileAskBtn[hidden],#botAskChangeStrategy[hidden]{display:none}
.bot-ask{position:fixed;inset:0;z-index:5600}
.bot-ask[hidden]{display:none}
.bot-ask-backdrop{position:absolute;inset:0;background:rgba(26,24,19,.35)}
.bot-ask-sheet{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);display:flex;flex-direction:column;
  background:var(--surface);color:var(--text);border-left:1px solid var(--border);
  padding-bottom:env(safe-area-inset-bottom,0px)}
.bot-ask-header{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px 4px;padding-top:calc(14px + env(safe-area-inset-top,0px))}
.bot-ask-title{margin:0;font-size:1.02rem;font-weight:600}
.bot-ask-close{background:none;border:0;color:var(--text-secondary);font-size:1.4rem;line-height:1;cursor:pointer;
  padding:4px 8px;border-radius:6px}
.bot-ask-readonly{margin:0;padding:0 16px 12px;color:var(--text-secondary);font-size:.84rem;
  border-bottom:1px solid var(--border)}
.bot-ask-thread{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:18px}
.bot-ask-entry{display:flex;flex-direction:column;gap:8px;min-width:0}
.bot-ask-question{align-self:flex-end;margin:0;padding:6px 11px;border-radius:12px;background:var(--surface2);
  font-size:.88rem;font-weight:500}
.bot-ask-answer{font-size:.92rem;line-height:1.5;min-width:0}
.bot-ask-answer-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.bot-ask-scope{padding:1px 7px;border-radius:999px;border:1px solid var(--border);font-size:.74rem;font-weight:600}
.bot-ask-asof,.bot-ask-note{color:var(--text-secondary);font-size:.78rem}
.bot-ask-line{margin:0 0 6px}
.bot-ask-note{margin:8px 0 0}
.bot-ask-rows{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 12px;margin:8px 0 0;font-size:.85rem}
.bot-ask-rows dt{color:var(--text-secondary);white-space:nowrap}
.bot-ask-rows dd{margin:0;min-width:0;overflow-wrap:anywhere}
.bot-ask-action{display:inline-block;margin-top:8px;color:var(--accent);font-weight:500}
.bot-ask-footer{display:flex;flex-direction:column;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}
.bot-ask-questions{display:flex;flex-wrap:wrap;gap:8px}
.bot-ask-chip{padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);
  color:var(--text);font:inherit;font-size:.85rem;cursor:pointer}
.bot-ask-chip:hover{background:var(--surface2)}
.bot-ask-edit{align-self:flex-start;padding:0;border:0;background:none;color:var(--text-secondary);font:inherit;
  font-size:.82rem;text-decoration:underline;cursor:pointer}
.bot-ask-close:focus-visible,.bot-ask-chip:focus-visible,.bot-ask-edit:focus-visible,.bot-ask-action:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:700px){
 /* The controls row is already full at 375px, so Ask shares the name's row. */
 .mobile-bot-bar:has(#mobileAskBtn:not([hidden])) .mobile-bot-bar-title{grid-column:1/3;align-self:center}
 #mobileAskBtn{grid-row:1;grid-column:3;justify-self:end;padding:5px 12px;background:var(--surface);color:var(--text);border-color:var(--border)}
}
