html[data-admin-host] .t-Login-logo,
html[data-admin-host] span.t-Login-logo {
  /* Login uses the compact, transparent modern wordmark; the desktop/PWA
     mark is deliberately separate. */
  display: block !important;
  width: min(300px, 80vw) !important;
  height: 125px !important;
  margin: 0 auto 12px !important;
  /* NEXL host only: the owner-supplied wordmark is one light transparent asset. */
  background-image: url("nexl-learning-supplied-light-20260902.png?v=nexl_supplied_login_20260902_1") !important;
}

html[data-admin-host="alkhair"] .t-Login-logo,
html[data-admin-host="alkhair"] span.t-Login-logo {
  width: min(124px, 35vw) !important;
  height: 124px !important;
  /* Owner-supplied Arabic Al-Khair mark. Its alpha channel keeps the login
     card clean without a white background or a second textual logo. */
  background-image: url("alkhair-arabic-emblem-transparent-256-20260902.png?v=alkhair_emblem_login_20260902_1") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* The login wordmark is deliberately different from the rounded application
   icon. If the theme supplies its extra native image node, hide it and retain
   the single lightweight approved PNG background on the login-logo span. */
html[data-admin-host] img.t-Login-logo {
  display: none !important;
}

html[data-admin-host] .t-Login-logo img {
  display: none !important;
}

/* The product name is already present in the logo.  Do not show a second
   plain-text NEXL Learning line underneath it on the Admin sign-in form. */
html[data-admin-host] .t-PageBody--login .t-Login-title,
html[data-admin-host] .t-PageBody--login .t-Login-regionTitle {
  display: none !important;
}

html[data-admin-host="nexl"] .t-Header-logo,
html[data-admin-host="nexl"] .t-Header-logo-link {
  background-image: url("nexl-round-mark.png") !important;
  background-repeat: no-repeat;
  background-position: left center;
  /* The square NEXL-only mark is intentionally large without changing header flow. */
  background-size: auto clamp(42px, 4.5vw, 52px);
  padding-left: clamp(66px, 7vw, 92px);
}

html[data-admin-host="alkhair"] .t-Header-logo,
html[data-admin-host="alkhair"] .t-Header-logo-link {
  background-image: url("alkhair-mark-exact-256-20260902.png") !important;
  background-repeat: no-repeat;
  background-position: left center;
  /* Keep the supplied transparent Al-Khair mark distinct from NEXL. */
  background-size: auto clamp(44px, 4.7vw, 54px);
  padding-left: clamp(66px, 7vw, 92px);
}

/* Preserve the Universal Theme login geometry while showing the complete role mark. */
html[data-admin-host] .t-Login-logo,
html[data-admin-host] span.t-Login-logo {
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}