/* NoImages_style5 owns all established card, grid, filter and pager visuals
   through style_main.css. This adapter styles only the new functional state. */

[data-mmbt3th-module="new-members"][data-mmbt3th-surface="state"][data-new-members-visual-owner="theme"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 12px 0 0;
  padding: 10px 12px;
  color: var(--ink-700, #334155);
  text-align: center;
  background: var(--surface-soft, #f8fafc);
  border: 1px solid var(--line, #cbd5e1);
  border-radius: 10px;
}

[data-mmbt3th-module="new-members"][data-mmbt3th-surface="state"][data-new-members-visual-owner="theme"].is-error {
  color: #7c263d;
  background: #fff6f8;
  border-color: #efc3cf;
}

[data-mmbt3th-module="new-members"][data-mmbt3th-surface="state"][data-new-members-visual-owner="theme"] .new-members-request-state__retry {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 5px 12px;
  color: #0d5c9e;
  font: inherit;
  font-weight: 700;
  background: #fff;
  border: 1px solid #9fc9ea;
  border-radius: 999px;
  cursor: pointer;
}