/* agents.css — AI Agents page specific styles only (shared styles in brand.css) */

/* ── Agent card ── */
.agent-card {
  cursor: pointer;
  transition: all .3s;
  border: 1px solid #e2e8f0;
  background: #fff;
}
.agent-card:hover {
  border-color: #a5b4fc;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.agent-card.active {
  border-color: #818cf8;
  background: #eef2ff;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(99,102,241,.12);
}

/* ── Step progress bar ── */
.step-bar { height: 4px; border-radius: 2px; transition: background .3s; }
.step-bar.done    { background: #6366f1; }
.step-bar.pending { background: #334155; }

/* ── FAQ accordion icon ── */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(45deg); }
.faq-icon { transition: transform .25s; }