/* The pending reply line and its "Thought for" toggle (thinking.js). */
.thinking {margin:0 0 8px;min-width:0}
.thinking-line {display:flex;align-items:center;gap:9px;min-height:28px;max-width:100%;color:var(--quiet);font-size:14px;line-height:24px}
.thinking.can-open .thinking-line {cursor:pointer}
.thinking-dots {display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:24px}
.thinking-dots i {width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6;animation:thinking-dot 1.2s ease-in-out infinite}
.thinking-dots i:nth-child(2) {animation-delay:.16s}
.thinking-dots i:nth-child(3) {animation-delay:.32s}
@keyframes thinking-dot {0%,70%,100% {opacity:.3;transform:translateY(0) scale(.82)}35% {opacity:1;transform:translateY(-2px) scale(1)}}
.thinking-phrase {min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* A soft highlight sweeps left to right across the muted phrase while Atlas works. */
.thinking[data-state=pending] .thinking-phrase {
  background:linear-gradient(90deg,var(--quiet) 0 38%,#f3f3ee 50%,var(--quiet) 62% 100%) 100% 0/250% 100% no-repeat;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:thinking-shimmer 2.4s linear infinite}
@keyframes thinking-shimmer {to {background-position:0 0}}
.thinking-time {flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums}
.thinking-caret {flex-shrink:0;width:22px;height:22px;display:inline-grid;place-items:center;margin-left:-4px;border-radius:6px;
  color:var(--quiet);font-size:13px;line-height:1;transition:transform var(--motion-fast) var(--ease),color var(--motion-fast)}
.thinking-caret[aria-expanded=true] {transform:rotate(90deg)}
.thinking-line:hover .thinking-caret,.thinking-caret:focus-visible {color:var(--ink)}
.thinking[data-state=done] .thinking-dots {display:none}
.thinking[data-state=done].can-open .thinking-line:hover {color:var(--muted)}
.thinking-panel {margin:4px 0 6px 5px;padding:2px 0 2px 14px;border-left:2px solid #ffffff17;max-height:min(46vh,360px);overflow-y:auto;
  color:var(--quiet);font-size:13.5px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
/* One line while Atlas works: the per-reply usage details wait for the answer. */
.message-body.is-pending .usage-panel {display:none}