/* PulseGrid icon system */

.pg-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--icon-inline, var(--link, #60a5fa));
}

.pg-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius, 10px);
  background: var(--accent-muted, rgba(37, 99, 235, 0.12));
  color: var(--icon-inline, var(--link, #60a5fa));
  margin-bottom: 0.75rem;
}

.pg-icon-wrap svg,
.pg-icon svg {
  width: 1.125rem;
  height: 1.125rem;
}

.pg-icon-wrap.success {
  background: var(--success-muted, rgba(5, 150, 105, 0.12));
  color: var(--success, #059669);
}

.pg-icon-wrap.muted {
  background: var(--bg-subtle, #1a1f2b);
  color: var(--text-secondary, #9aa3b5);
}

.landing-card .pg-icon-wrap {
  margin-bottom: 0.65rem;
}

.step-icon-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

.step-icon-row .pg-icon-wrap {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0;
}

.step-icon-row p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.45;
  padding-top: 0.15rem;
}

.pf-icon-svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.pf-icon-svg.locked {
  color: var(--text-muted);
}

.pg-icon-inline {
  display: inline-flex;
  vertical-align: -0.2em;
  margin-right: 0.3rem;
  color: var(--icon-inline, var(--link));
}

.landing-feature .pg-icon-wrap {
  margin-bottom: 0.5rem;
}