.mmx-dashboard-center {
  container-name: mmx-dashboard-center;
  container-type: inline-size;
}

/* This marketplace acquisition CTA belongs on discovery/selling pages, not
   between the account dashboard and the user's profile content. */
.mmx-account-dashboard-page .mmx-commission-bar.mmx-marketplace-message {
  display: none !important;
}

/* The account page also renders the full profile below the dashboard. Keep one
   authoritative verification card on that combined page; standalone profile
   and profile-edit pages retain their own cards. */
.mmx-account-dashboard-page [data-mmx-verification-card][data-context="profile"],
.mmx-account-dashboard-page [data-mmx-verification-card][data-context="profile-edit"] {
  display: none !important;
}

.mmx-account-dashboard .mmx-verification-card[data-mmx-dashboard-wide="1"] {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 18px 0 0;
}

.mmx-account-dashboard .mmx-dash-verified[data-mmx-verification-icon="1"] {
  display: inline-grid !important;
  place-items: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  border: 2px solid #eca91a !important;
  border-radius: 11px;
  background: #fffaf0 !important;
  color: #9a6b00 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1;
}

.mmx-account-dashboard .mmx-dash-verified[data-mmx-verification-icon="1"] i {
  margin: 0 !important;
  font-size: 18px !important;
}

.mmx-account-dashboard .mmx-dash-profile .mmx-profile-role-status {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 7px;
}

.mmx-account-dashboard .mmx-dash-profile .mmx-profile-role-status .mmx-account-role {
  margin: 0;
}

.mmx-account-dashboard .mmx-dash-verified[data-mmx-verification-icon="1"].is-identity-verified {
  border-color: #f1bd3c !important;
  background: linear-gradient(145deg, #f7c64f, #dfa00f) !important;
  color: #071c37 !important;
}

.mmx-account-dashboard .mmx-dash-verified[data-mmx-verification-icon="1"].is-not-verified {
  border-color: #d5a128 !important;
  background: #fffaf0 !important;
  color: #9a6b00 !important;
}

.mmx-account-dashboard .mmx-verification-card[data-mmx-dashboard-wide="1"] .mmx-verification-mark {
  position: relative;
  overflow: visible;
  border: 1px solid rgba(236, 169, 26, .58);
  background: #0b3158;
  color: #eca91a;
  box-shadow: 0 8px 18px rgba(7, 32, 61, .16);
}

.mmx-account-dashboard .mmx-verification-card[data-mmx-dashboard-wide="1"][data-status="verified"] .mmx-verification-mark {
  border-color: #f1bd3c;
  background: linear-gradient(145deg, #f7c64f, #dfa00f);
  color: #071c37;
  box-shadow: 0 9px 20px rgba(223, 160, 15, .28);
}

.mmx-account-dashboard .mmx-verification-card[data-mmx-dashboard-wide="1"][data-status="verified"] .mmx-verification-mark::after {
  content: "\2713";
  position: absolute;
  inset-inline-end: -6px;
  bottom: -6px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #071c37;
  color: #f7c64f;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

@container mmx-dashboard-center (min-width: 720px) {
  .mmx-account-dashboard .mmx-verification-card[data-mmx-dashboard-wide="1"] {
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
  }

  .mmx-account-dashboard .mmx-verification-card[data-mmx-dashboard-wide="1"] nav {
    grid-column: auto;
    flex-wrap: nowrap;
    margin: 0;
  }
}

@media (max-width: 580px) {
  .mmx-account-dashboard .mmx-verification-card[data-mmx-dashboard-wide="1"] {
    margin-top: 14px;
  }
}