/*
 * Module B (AI Experience) — extra CSS beyond css/components.css utilities.
 * Loaded at runtime via a <link> tag injected by js/screens/moduleB.js
 * (index.html is owned by another workstream and is intentionally not touched).
 *
 * Classes added here:
 *   .chip-full        wrapper — makes nested .chip buttons full-width, left-aligned
 *                      (used for the vertical quick-question / sensitive-question lists)
 *   .ai-typing         subtle opacity pulse for the "AI đang trả lời..." indicator
 *   .icon.spin         continuous 1s rotation (AI Loading "in progress" icon)
 *   .icon.spin-slow    continuous 2.2s rotation (Sale Waiting search icon)
 *   .sale-online-dot   small green presence dot overlaid on an avatar
 *   .locked-bar        muted, non-interactive footer bar (Human Handoff "chat locked")
 */

.chip-full{width:100%;}
.chip-full .chip{display:flex;width:100%;justify-content:flex-start;text-align:left;}

.ai-typing{opacity:0.6;animation:fuwa-pulse 1.1s ease-in-out infinite;}
@keyframes fuwa-pulse{0%,100%{opacity:0.4;}50%{opacity:0.85;}}

.icon.spin{animation:fuwa-spin 1s linear infinite;}
.icon.spin-slow{animation:fuwa-spin 2.2s linear infinite;}
@keyframes fuwa-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

.sale-online-dot{
  position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;
  background:var(--color-success);border:2px solid var(--bg-surface);
}

.locked-bar{
  flex-shrink:0;text-align:center;padding:14px var(--space-4);
  background:var(--neutral-100);color:var(--text-tertiary);
  font-size:var(--text-body-sm);font-weight:var(--weight-medium);
}