/* ============================================================
   pages/ai-agents.css
   AI agent marketplace / configuration
   ============================================================ */

.plx-ai-agents-hero {
  padding-top: var(--plx-space-7);
  padding-bottom: var(--plx-space-5);
}

.plx-ai-agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--plx-space-4);
}

.plx-ai-agent-card {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: linear-gradient(145deg, rgba(15,23,42,.4), rgba(15,23,42,.2));
  border-radius: var(--plx-radius-lg);
  border: 1px solid var(--plx-border-subtle);
  padding: var(--plx-space-4);
  box-shadow: var(--plx-shadow-soft);
}

.plx-ai-agent-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--plx-space-3);
  font-size: var(--plx-font-size-xs);
  color: var(--plx-text-muted);
}