/* Customer-facing helpdesk shell */
/* Base class (not nested): sizing must apply even if parent markup changes. !important resists host/theme CSS on shared domains. */
.helpdesk-logo {
  display: block;
  width: auto !important;
  height: 1.75rem !important;
  max-width: min(100%, 14rem) !important;
  object-fit: contain;
  flex-shrink: 0;
}

.helpdesk-staff-link {
  font-size: 0.8125rem;
  opacity: 0.72;
}

.helpdesk-staff-link:hover {
  opacity: 1;
}

.helpdesk-landing-hero {
  max-width: 36rem;
}

.helpdesk-card-signin .card {
  border-radius: 0.5rem;
}

/* SA product card: bundled oojeema_logo_red_black.png */
.helpdesk-sa-card-logo-wrap {
  text-align: center;
}

.helpdesk-sa-card-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  width: auto !important;
  max-width: min(100%, 18rem) !important;
  height: auto !important;
  max-height: 3.75rem !important;
  object-fit: contain;
  object-position: center center;
}

/* Full SA sign-in page (`login_sa.php`): slightly larger wordmark */
.helpdesk-sa-login-logo {
  max-height: 4.25rem !important;
  max-width: min(100%, 20rem) !important;
}

.helpdesk-sa-login-intro {
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
}

/* When Prime sign-in is hidden, SA login is the only entry — show helpdesk context clearly */
.helpdesk-login-site-context {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.helpdesk-login-site-context .helpdesk-login-site-name {
  letter-spacing: 0.06em;
  font-size: 0.8125rem;
}