/* Additions on top of the product demo's styles.css, which is kept byte-for-byte
   identical to the reference build. Everything here exists because the surface
   now waits on a real model and a real Trust Layer, which the static demo did
   not have to show. */

/* Mr.Kim is working. A live turn takes a few seconds; the dots say so without
   inventing a fake partial answer. */
.wk-thinking { display: flex; align-items: center; gap: 4px; color: #6b7d95; }
.wk-thinking i {
  width: 5px; height: 5px; border-radius: 50%; background: #9db6dd;
  display: inline-block; animation: wk-pulse 1.25s infinite ease-in-out;
}
.wk-thinking i:nth-child(2) { animation-delay: .18s }
.wk-thinking i:nth-child(3) { animation-delay: .36s }
.wk-thinking i:last-of-type { margin-right: 6px }
@keyframes wk-pulse { 0%,80%,100% { opacity:.25; transform:translateY(0) } 40% { opacity:1; transform:translateY(-2px) } }

/* Which tools the officer actually consulted for a given answer. Kept quiet:
   it is provenance, not content. */
.wk-turn-meta { margin-top: 7px; font-size: 11.5px; opacity: .72 }

@media (prefers-reduced-motion: reduce) {
  .wk-thinking i { animation: none; opacity: .6 }
}