/* ===============================
Agent Cards
===============================*/

.agent-card{
  padding:22px;
  border-radius:16px;

  background: var(--os-surface-elevated);
  border:1px solid var(--os-border-soft);

  display:flex;
  flex-direction:column;
  gap:10px;

  transition:.25s ease;
}

.agent-icon{
  width:38px;
  height:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:10px;

  background:var(--os-accent-soft);
  color:var(--os-accent);
}

.agent-title{
  font-weight:600;
  color:var(--os-text-primary);
}

.agent-desc{
  font-size:13px;
  color:var(--os-text-muted);
}