/* WiAct intake demo — layout only.
   All components (header, pills, chat bubbles, profile fields, synced card)
   come from the Talos design system. */
@import url('/assets/brand.css');

.wrap{
  max-width:1080px;margin:0 auto;padding:18px 22px 44px;
  position:relative;z-index:1;
}

.head-pills{display:flex;align-items:center;gap:9px}

/* quick-start chips bar that drives the demo without typing */
.chips-bar{display:flex;align-items:center;gap:12px;margin:6px 0 16px;flex-wrap:wrap}
.chips-label{font-size:10px;letter-spacing:2px;color:var(--dim);font-weight:700;white-space:nowrap}

/* two columns on desktop, stacked on mobile */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
@media(max-width:900px){ .grid{grid-template-columns:1fr} }

.hidden{display:none !important}
.composer input::placeholder{color:var(--dim)}
.composer input:disabled,.composer .icon-btn:disabled{opacity:.45;cursor:not-allowed}

/* network-error notice bubble (kept out of the API history) */
.msg.err{background:rgba(255,85,112,.08);border-color:rgba(255,85,112,.4);color:var(--ink)}

/* "Continue to matching →" affordance inside the synced card */
.synced .next{
  margin-top:12px;font-family:inherit;font-size:11.5px;letter-spacing:.6px;font-weight:700;
  color:var(--cyan);background:transparent;border:1px solid rgba(0,229,255,.4);
  border-radius:9px;padding:8px 13px;cursor:pointer;transition:.2s;
}
.synced .next:hover{box-shadow:0 0 14px rgba(0,229,255,.3)}
.synced .next:disabled{color:var(--dim);border-color:var(--line);cursor:default;box-shadow:none}