/* Hive AI working state — message-aligned, indeterminate shimmer. */
.ai-thinking{
  position:relative!important;
  display:block!important;
  max-width:780px!important;
  width:100%!important;
  min-height:62px;
  margin:0 auto 25px!important;
  padding:0 0 0 41px!important;
  box-sizing:border-box;
  font-size:0!important;
  color:var(--muted);
}
.ai-thinking::before{
  content:"✦";
  position:absolute;
  left:0;
  top:0;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--bg);
  color:var(--brand);
  font-size:13px;
  line-height:1;
  animation:ai-working-pulse 1.8s ease-in-out infinite;
}
.ai-thinking::after{
  content:"Hive AI is working";
  position:absolute;
  left:41px;
  top:3px;
  color:var(--text);
  font-size:11px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.01em;
}
.ai-thinking>svg{
  position:absolute!important;
  left:41px!important;
  top:29px!important;
  display:block!important;
  width:min(260px,55%)!important;
  height:4px!important;
  margin:0!important;
  border-radius:999px;
  color:transparent!important;
  stroke:transparent!important;
  fill:transparent!important;
  background:
    linear-gradient(90deg,
      color-mix(in srgb,var(--line) 80%,transparent) 0%,
      color-mix(in srgb,var(--line) 80%,transparent) 25%,
      color-mix(in srgb,var(--brand) 42%,transparent) 40%,
      var(--brand) 50%,
      color-mix(in srgb,var(--brand) 42%,transparent) 60%,
      color-mix(in srgb,var(--line) 80%,transparent) 75%,
      color-mix(in srgb,var(--line) 80%,transparent) 100%);
  background-size:220% 100%;
  animation:ai-working-sweep 1.35s cubic-bezier(.4,0,.2,1) infinite!important;
}
.ai-thinking>span{
  position:absolute;
  left:41px;
  top:42px;
  display:block!important;
  margin:0;
  color:var(--muted);
  font-size:9px!important;
  line-height:1.4;
}
@keyframes ai-working-sweep{
  0%{background-position:100% 0;opacity:.42}
  45%{opacity:1}
  100%{background-position:-120% 0;opacity:.42}
}
@keyframes ai-working-pulse{
  0%,100%{opacity:.62;transform:scale(.96)}
  50%{opacity:1;transform:scale(1)}
}
@media(max-width:760px){
  .ai-thinking{min-height:56px;padding-left:37px!important}
  .ai-thinking::after,.ai-thinking>svg,.ai-thinking>span{left:37px!important}
  .ai-thinking>svg{width:min(220px,68%)!important}
  .ai-thinking>span{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .ai-thinking::before,.ai-thinking>svg{animation:none!important}
  .ai-thinking>svg{background-position:50% 0;opacity:.75}
}