/**
 * UNIMERCE Marketplace
 * Developer: Morris Robinson <morrisrobinson1688@aol.com>
 * Patch 304: reduced-layout support and two-factor reset screens.
 */
.um-focused-page-support_two_factor_reset .um-focused-window,
.um-focused-page-support_two_factor_submit .um-focused-window {
  width: min(920px, 100%);
}
.um-support-focused-304 {
  width: 100%;
}
.um-support-focused-head-304 {
  margin: 0 0 26px;
  padding: 0 0 22px;
  border-bottom: 1px solid var(--um-focus-line);
}
.um-support-focused-head-304 .um-eyebrow,
.um-support-focused-kicker-304 {
  display: block;
  margin-bottom: 7px;
  color: var(--um-focus-gold-deep) !important;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.um-support-focused-head-304 h1 {
  margin: 0;
  color: var(--um-focus-ink) !important;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2rem, 4.2vw, 3.15rem);
  line-height: 1.08;
}
.um-support-focused-head-304 p {
  max-width: 760px;
  margin: 10px 0 0;
  color: var(--um-focus-copy);
  line-height: 1.68;
}
.um-support-focused-grid-304 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .42fr);
  gap: clamp(20px, 3vw, 34px);
  align-items: start;
}
.um-support-focused-card-304,
.um-support-focused-note-304,
.um-support-focused-304 .um-identity-section,
.um-support-focused-304 .um-identity-guidance,
.um-support-focused-304 .um-identity-account-summary,
.um-support-focused-304 .um-identity-security-note {
  padding: clamp(18px, 2.8vw, 28px);
  border: 1px solid var(--um-focus-line);
  background: transparent;
}
.um-support-focused-card-304 form,
.um-support-focused-304 .um-identity-form {
  display: grid;
  gap: 18px;
}
.um-support-focused-note-304 strong,
.um-support-focused-304 .um-identity-guidance strong,
.um-support-focused-304 .um-identity-security-note strong {
  display: block;
  margin-bottom: 8px;
  color: var(--um-focus-ink);
  font-weight: 820;
}
.um-support-focused-note-304 p,
.um-support-focused-304 .um-identity-guidance li,
.um-support-focused-304 .um-identity-section p,
.um-support-focused-304 .um-identity-security-note p {
  color: var(--um-focus-copy);
  line-height: 1.62;
}
.um-support-focused-note-304 ul,
.um-support-focused-304 .um-identity-guidance ol {
  margin: 0;
  padding-left: 1.2rem;
}
.um-support-focused-304 .notice {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(169, 120, 42, 0.28);
  border-left: 4px solid var(--um-focus-gold);
  border-radius: 4px;
  background: transparent;
  color: var(--um-focus-ink);
}
.um-support-focused-304 .notice.warning,
.um-support-focused-304 .notice.error {
  border-color: rgba(138, 67, 59, 0.28);
  border-left-color: var(--um-focus-error);
}
.um-support-focused-304 .um-identity-field,
.um-support-focused-304 label {
  display: grid;
  gap: 7px;
  text-align: left;
}
.um-support-focused-304 .um-identity-grid {
  display: grid;
  gap: 16px 20px;
}
.um-support-focused-304 .um-identity-grid.two-col,
.um-support-focused-304 .um-identity-upload-group {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.um-support-focused-304 .full { grid-column: 1 / -1; }
.um-support-focused-304 .um-identity-section + .um-identity-section { margin-top: 20px; }
.um-support-focused-304 .um-identity-section h2 {
  margin: 0 0 8px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.35rem, 2.7vw, 2rem);
  line-height: 1.1;
}
.um-support-focused-304 .um-identity-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 22px;
}
.um-support-focused-304 .um-identity-back-link {
  display: inline-flex;
  margin-top: 18px;
  color: var(--um-focus-gold-deep);
  font-weight: 780;
  text-decoration: none;
}
@media (max-width: 820px) {
  .um-support-focused-grid-304,
  .um-support-focused-304 .um-identity-grid.two-col,
  .um-support-focused-304 .um-identity-upload-group {
    grid-template-columns: 1fr;
  }
  .um-support-focused-304 .um-identity-actions .btn,
  .um-support-focused-card-304 .btn { width: 100%; }
}