/* ---- Module pages: extra helpers ---- */

.panel-shell {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.panel-shell .panel-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--border-soft);
  background: var(--bg-soft);
}

.panel-shell .panel-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--text-muted);
  margin-left: 8px;
  letter-spacing: 0.02em;
}

.dash-list { display: flex; flex-direction: column; gap: 0; background: #fff; border-radius: var(--r-md); border: 1px solid var(--border-soft); overflow: hidden; }
.dash-list .dl-row { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 10px; align-items: center; padding: 11px 14px; border-bottom: 1px solid var(--border-soft); }
.dash-list .dl-row:last-child { border-bottom: 0; }
.dash-list .dl-name { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: var(--ink-800); }
.dash-list .dl-avatar { width: 24px; height: 24px; border-radius: 50%; background: var(--purple-50); color: var(--purple-600); display: grid; place-items: center; font-size: 10px; font-weight: 800; font-family: "Plus Jakarta Sans", sans-serif; }
.dash-list .dl-meta { font-size: 12px; color: var(--text-muted); }
.dash-list .dl-status { font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--green-50); color: var(--green-700); width: fit-content; }
.dash-list .dl-status.soft { background: var(--purple-50); color: var(--purple-700); }

/* highlight band inside feature block */
.soft-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 18px;
  border-radius: var(--r-md);
  background: var(--bg-lav);
  border: 1px solid var(--purple-100);
  font-size: 14.5px;
  color: var(--text-body);
}

.soft-note .ico { width: 18px; height: 18px; color: var(--purple-500); margin-top: 2px; }
.soft-note strong { color: var(--purple-700); }

/* feature search box */

/* feature directory categories */

/* eyebrow tone modifier for section heads */
.eyebrow-green { color: var(--green-700); }
.eyebrow-green::before { background: var(--grad-green); }

/* small caption under dashboard mockups */

/* mobile feature thumbnail row */

@media (max-width: 560px) {
      .dash-list .dl-row { grid-template-columns: 1fr; gap: 4px; }
  }