/* ==========================================================================
   TwilightRun UN Engine — Header Placeholder Cleanup 1.1.14
   Purpose: remove empty icon/placeholder box before the login control while
   preserving the native login SVG and red/green status dot.
   ========================================================================== */

html body.un-template-twilightrun #sp-header .sp-sign-in::before,
html body.un-template-twilightrun #menu-right .sp-sign-in::before,
html body.un-template-twilightrun #sp-header .sp-user-trigger::before,
html body.un-template-twilightrun #menu-right .sp-user-trigger::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.un-template-twilightrun #menu-right .sp-sign-in > i:empty,
html body.un-template-twilightrun #menu-right .sp-sign-in > span:empty,
html body.un-template-twilightrun #menu-right .sp-sign-in > .sp-user-icon:empty,
html body.un-template-twilightrun #menu-right .sp-sign-in > .icon:empty,
html body.un-template-twilightrun #menu-right .sp-sign-in > .fa:empty,
html body.un-template-twilightrun #menu-right .sp-sign-in > .far:empty,
html body.un-template-twilightrun #menu-right .sp-sign-in > .fas:empty {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Preserve the real login graphic. */
html body.un-template-twilightrun #menu-right .sp-sign-in .sp-user-icon,
html body.un-template-twilightrun #menu-right .sp-sign-in .sp-user-icon svg,
html body.un-template-twilightrun #menu-right .sp-sign-in .tru-user-svg {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep dot after text/icon and do not let it look like a placeholder box. */
html body.un-template-twilightrun #menu-right .sp-sign-in .sp-login-status-dot {
  order: 99 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 999px !important;
  background-clip: padding-box !important;
}