/* ==========================================================================\n   TwilightRun UN Engine — OS Membership Final Lock 1.1.16\n   Purpose: bind the original membership/login/profile styling to the UN shell,\n   restore account-sidebar placement visuals, remove duplicate empty bands, and\n   force the login status dot visible.\n   ========================================================================== */\n\n/* Ensure old stylesheet selectors match Joomla route classes produced by UN. */\nhtml body.un-template-twilightrun.com_users.login,\nhtml body.un-template-twilightrun.com_users.view-login,\nhtml body.un-template-twilightrun.option-com_users.view-login,\nhtml body.un-template-twilightrun.com_osmembership,\nhtml body.un-template-twilightrun.option-com_osmembership {\n  background: #000 !important;\n}\n\n/* Membership / OSM page containment mirrors the original Visualin sheet. */\nhtml body.un-template-twilightrun.com_osmembership #sp-main-body,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-main-body {\n  padding: 40px 4vw 80px !important;\n  background: #000 !important;\n  background-image: none !important;\n}\n\nhtml body.un-template-twilightrun.com_osmembership #sp-main-body > .container,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-main-body > .container {\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n}\n\nhtml body.un-template-twilightrun.com_osmembership #sp-main-body .unx-content-grid,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-main-body .unx-content-grid {\n  display: grid !important;\n  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;\n  gap: 40px !important;\n  align-items: start !important;\n}\n\nhtml body.un-template-twilightrun.com_osmembership #sp-component,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-component {\n  width: 100% !important;\n  max-width: 1100px !important;\n  margin: 0 auto !important;\n  min-width: 0 !important;\n}\n\nhtml body.un-template-twilightrun.com_osmembership #sp-right,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-right {\n  width: 100% !important;\n  max-width: 340px !important;\n  justify-self: end !important;\n  margin: 0 !important;\n}\n\n/* If no sidebar exists, component uses the full row without causing center-bottom menus. */\nhtml body.un-template-twilightrun.com_osmembership #sp-main-body:not(.unx-has-right) .unx-content-grid,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-main-body:not(.unx-has-right) .unx-content-grid {\n  grid-template-columns: minmax(0, 1fr) !important;\n}\n\n/* Broad OSM selector coverage for newer/older OS Membership markup. */\nhtml body.un-template-twilightrun #sp-component [class*="osm"],\nhtml body.un-template-twilightrun #sp-component [id*="osm"],\nhtml body.un-template-twilightrun #sp-component [id*="os_form"] {\n  box-sizing: border-box !important;\n}\n\nhtml body.un-template-twilightrun.com_osmembership #sp-component .osm-container,\nhtml body.un-template-twilightrun.com_osmembership #sp-component .osm-page,\nhtml body.un-template-twilightrun.com_osmembership #sp-component #os_form,\nhtml body.un-template-twilightrun.com_osmembership #sp-component #osm_login_form,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-component .osm-container,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-component .osm-page,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-component #os_form,\nhtml body.un-template-twilightrun.option-com_osmembership #sp-component #osm_login_form {\n  position: relative !important;\n  background: linear-gradient(145deg, rgba(40,42,48,.90), rgba(22,24,30,.88)) !important;\n  border-left: 4px solid rgba(210,176,85,.65) !important;\n  border-radius: 10px !important;\n  color: #e0e0e0 !important;\n  box-shadow: inset 0 0 20px rgba(0,0,0,.6), 0 0 20px rgba(210,176,85,.10) !important;\n  overflow: visible !important;\n}\n\nhtml body.un-template-twilightrun #sp-component #osm-plans-list-pricing-table-flat .osm-pricing-table-flat {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  gap: clamp(16px, 3vw, 28px) !important;\n  margin: 0 !important;\n  align-items: stretch !important;\n}\n\nhtml body.un-template-twilightrun #sp-component #osm-plans-list-pricing-table-flat .osm-pricing-table-flat > [class*="col-"] {\n  float: none !important;\n  width: auto !important;\n  max-width: none !important;\n  padding: 0 !important;\n  display: flex !important;\n  align-items: stretch !important;\n}\n\nhtml body.un-template-twilightrun #sp-component #osm-plans-list-pricing-table-flat .osm-plan {\n  width: 100% !important;\n  height: 100% !important;\n  background: rgba(20,22,28,0.96) !important;\n  color: #e6e6e6 !important;\n  border: 1px solid rgba(0,234,255,0.45) !important;\n  border-radius: 12px !important;\n  box-shadow: 0 0 0 2px rgba(0,234,255,0.15), 0 10px 26px rgba(0,0,0,0.7), inset 0 0 20px rgba(0,0,0,0.55) !important;\n  padding: clamp(24px, 3.2vw, 36px) clamp(18px, 3vw, 28px) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 12px !important;\n}\n\nhtml body.un-template-twilightrun #sp-component #osm-plans-list-pricing-table-flat .osm-plan-title {\n  font-family: "Orbitron", sans-serif !important;\n  color: var(--tru-cyan, #00eaff) !important;\n  text-transform: uppercase !important;\n  text-shadow: 0 0 10px rgba(0,234,255,0.6) !important;\n}\n\nhtml body.un-template-twilightrun #sp-component #osm-plans-list-pricing-table-flat .osm-signup-container a.btn-signup {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  min-height: 42px !important;\n  padding: 10px 22px !important;\n  border-radius: 6px !important;\n  font-family: "Orbitron", sans-serif !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: .6px !important;\n}\n\n/* Account menu belongs to the right rail, not below the membership cards. */\nhtml body.un-template-twilightrun #sp-right .sp-module,\nhtml body.un-template-twilightrun #sp-right .moduletable,\nhtml body.un-template-twilightrun .unx-recovered-account-menu {\n  background: rgba(0,0,0,.56) !important;\n  border: 1px solid rgba(0,234,255,.28) !important;\n  border-radius: 8px !important;\n  padding: 18px !important;\n  box-shadow: 0 0 18px rgba(0,234,255,.10) !important;\n  width: 100% !important;\n  max-width: 340px !important;\n}\n\nhtml body.un-template-twilightrun #sp-right .sp-module-title,\nhtml body.un-template-twilightrun .unx-recovered-account-menu .sp-module-title {\n  font-family: "Orbitron", sans-serif !important;\n  color: #ffd65c !important;\n  text-align: center !important;\n  text-transform: uppercase !important;\n  margin: 0 0 12px !important;\n}\n\nhtml body.un-template-twilightrun #sp-right ul.menu,\nhtml body.un-template-twilightrun #sp-right ul.mod-menu,\nhtml body.un-template-twilightrun .unx-recovered-account-menu ul.menu,\nhtml body.un-template-twilightrun .unx-recovered-account-menu ul.mod-menu {\n  display: block !important;\n  list-style: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\nhtml body.un-template-twilightrun #sp-right ul.menu > li > a,\nhtml body.un-template-twilightrun #sp-right ul.mod-menu > li > a,\nhtml body.un-template-twilightrun .unx-recovered-account-menu ul.menu > li > a,\nhtml body.un-template-twilightrun .unx-recovered-account-menu ul.mod-menu > li > a {\n  display: block !important;\n  padding: 9px 0 !important;\n  border-bottom: 1px solid rgba(255,255,255,.22) !important;\n  color: #00eaff !important;\n  text-align: left !important;\n}\n\n/* Header profile dropdown: never white/system styled. */\nhtml body.un-template-twilightrun #menu-right .sp-profile-wrapper {\n  position: relative !important;\n}\nhtml body.un-template-twilightrun #menu-right .sp-profile-dropdown {\n  position: absolute !important;\n  right: 0 !important;\n  top: calc(100% + 12px) !important;\n  min-width: 165px !important;\n  padding: 8px !important;\n  margin: 0 !important;\n  list-style: none !important;\n  background: rgba(5,8,14,.96) !important;\n  border: 1px solid rgba(0,234,255,.28) !important;\n  border-radius: 8px !important;\n  box-shadow: 0 14px 30px rgba(0,0,0,.75) !important;\n  display: none !important;\n  z-index: 10070 !important;\n}\nhtml body.un-template-twilightrun #menu-right .sp-profile-wrapper:hover .sp-profile-dropdown,\nhtml body.un-template-twilightrun #menu-right .sp-profile-wrapper:focus-within .sp-profile-dropdown {\n  display: block !important;\n}\nhtml body.un-template-twilightrun #menu-right .sp-profile-menu-link,\nhtml body.un-template-twilightrun #menu-right .sp-profile-menu-button {\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  width: 100% !important;\n  padding: 8px 10px !important;\n  background: transparent !important;\n  border: 0 !important;\n  color: #00eaff !important;\n  font-family: "Montserrat", sans-serif !important;\n  text-align: left !important;\n}\nhtml body.un-template-twilightrun #menu-right .sp-profile-menu-link:hover,\nhtml body.un-template-twilightrun #menu-right .sp-profile-menu-button:hover {\n  color: #ffd65c !important;\n  background: rgba(0,234,255,.10) !important;\n}\n\n/* Dot cannot be lost: render a synthetic dot on the trigger itself. */\nhtml body.un-template-twilightrun #menu-right .sp-user-trigger-logged-out::after,\nhtml body.un-template-twilightrun #menu-right .sp-user-trigger-logged-in::after {\n  content: "" !important;\n  display: inline-block !important;\n  width: 7px !important;\n  height: 7px !important;\n  min-width: 7px !important;\n  border-radius: 999px !important;\n  margin-left: 5px !important;\n  vertical-align: middle !important;\n  order: 99 !important;\n}\nhtml body.un-template-twilightrun #menu-right .sp-user-trigger-logged-out::after {\n  background: #ef4444 !important;\n  box-shadow: 0 0 7px rgba(239,68,68,.75) !important;\n}\nhtml body.un-template-twilightrun #menu-right .sp-user-trigger-logged-in::after {\n  background: #22c55e !important;\n  box-shadow: 0 0 7px rgba(34,197,94,.75) !important;\n}\nhtml body.un-template-twilightrun #menu-right .sp-login-status-dot {\n  display: none !important;\n}\n\n/* Avoid duplicate full-page image/band artifacts caused by unused structural rows. */\nhtml body.un-template-twilightrun #sp-feature.unx-empty-row,\nhtml body.un-template-twilightrun #sp-hero.unx-empty-row,\nhtml body.un-template-twilightrun #sp-slide.unx-empty-row,\nhtml body.un-template-twilightrun #sp-search.unx-empty-row,\nhtml body.un-template-twilightrun #sp-mb1.unx-empty-row,\nhtml body.un-template-twilightrun #sp-mb2.unx-empty-row,\nhtml body.un-template-twilightrun #sp-mb3.unx-empty-row,\nhtml body.un-template-twilightrun #sp-mb4.unx-empty-row,\nhtml body.un-template-twilightrun #sp-mb5.unx-empty-row,\nhtml body.un-template-twilightrun #sp-mb6.unx-empty-row,\nhtml body.un-template-twilightrun #sp-mb7.unx-empty-row,\nhtml body.un-template-twilightrun #sp-mb8.unx-empty-row {\n  display: none !important;\n}\n\n@media (max-width: 991.98px) {\n  html body.un-template-twilightrun.com_osmembership #sp-main-body .unx-content-grid,\n  html body.un-template-twilightrun.option-com_osmembership #sp-main-body .unx-content-grid {\n    grid-template-columns: 1fr !important;\n  }\n  html body.un-template-twilightrun.com_osmembership #sp-right,\n  html body.un-template-twilightrun.option-com_osmembership #sp-right {\n    max-width: 100% !important;\n  }\n  html body.un-template-twilightrun #sp-component #osm-plans-list-pricing-table-flat .osm-pricing-table-flat {\n    grid-template-columns: 1fr !important;\n  }\n}\n