/* One product gets a balanced centered column, in both real and preview pages. */
.nfc-manager-page .cards:has(> .member-device:only-child) {
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 760px);
  margin: 0 auto 28px;
}
.nfc-manager-page main:has(> .cards > .member-device) > h1,
.nfc-manager-page .title-actions:has(+ .cards > .member-device) {
  justify-content: center;
  text-align: center;
}
.nfc-manager-page .title-actions:has(+ .cards > .member-device) .lead {margin: 0;}
.nfc-manager-page .cards + .identity-panel,
.nfc-manager-page .identity-panel + .identity-panel {
  margin-top: 28px;
}
.member-perspective-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 28px;
  padding: 16px max(24px, calc((100% - 1160px) / 2));
  background: #edf4f1;
  border-bottom: 1px solid #c7dcd4;
  text-align: left;
}
.member-perspective-bar > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.member-perspective-label {
  color: #38786d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 4px 8px;
  border-radius: 999px;
  background: #dceae3;
  flex-shrink: 0;
}
.member-perspective-bar strong {font-size: 16px; line-height: 1.5;}
.member-perspective-email {font-size: 13px; color: #59665f; min-width: 0; overflow-wrap: anywhere;}
.member-perspective-bar small {flex-basis: 100%; font-size: 12px; color: #64746c; line-height: 1.6;}
.member-perspective-bar > .secondary {
  flex-shrink: 0;
  font-size: 13px;
  min-height: 42px;
  padding: 10px 18px;
  border-color: #94b8ac;
  color: #356c5d;
  background: #fffdf8;
}
.member-perspective-page input:disabled,
.member-perspective-page textarea:disabled,
.member-perspective-page select:disabled,
.member-perspective-page button:disabled {
  opacity: 1;
  -webkit-text-fill-color: currentColor;
  cursor: not-allowed;
}
.member-perspective-page [aria-disabled=true] {cursor: not-allowed; pointer-events: none;}
.member-perspective-page .primary:disabled:hover {background: var(--orange);}
.member-perspective-page .panel + .panel {margin-top: 28px;}
.member-perspective-page .account-settings-layout > .panel + .panel {margin-top: 0;}
.member-perspective-page .identity-grid > .panel + .panel {margin-top: 0;}
@media(max-width: 680px) {
  .member-perspective-bar {flex-direction: column; align-items: stretch; padding: 16px 20px; gap: 14px;}
  .member-perspective-bar > .secondary {align-self: center; max-width: 100%;}
  .member-perspective-page .panel + .panel {margin-top: 22px;}
  .member-perspective-page .account-settings-layout > .panel + .panel,
  .member-perspective-page .identity-grid > .panel + .panel {margin-top: 0;}
}