/* ===== V158: clean login logo + clock directly under NEXERA FC name ===== */
/* Remove the old hero image from the login background so its embedded NEXERA logo/text
   cannot overlap the live brand/logo. Keep a premium stadium-like gradient instead. */
#authScreen.n119Auth,
#authScreen.n153Auth{
  background:
    radial-gradient(circle at 50% 8%, rgba(21,121,231,.28), transparent 27%),
    radial-gradient(circle at 15% 55%, rgba(22,116,255,.14), transparent 30%),
    radial-gradient(circle at 88% 45%, rgba(164,46,255,.14), transparent 30%),
    linear-gradient(145deg,#020712 0%,#061a31 48%,#02050d 100%) !important;
}
#authScreen.n119Auth:before,
#authScreen.n153Auth:before{display:none!important}
.n153AuthBackdrop{background:
  radial-gradient(circle at 20% 40%,rgba(0,153,255,.12),transparent 28%),
  radial-gradient(circle at 82% 30%,rgba(181,46,255,.10),transparent 28%),
  linear-gradient(125deg,transparent 0 42%,rgba(32,165,255,.055) 43% 44%,transparent 45% 60%,rgba(192,45,255,.05) 61% 62%,transparent 63%) !important;
}
.n153AuthBrand{position:relative;z-index:3;background:rgba(3,12,25,.55);border:1px solid rgba(37,231,255,.14);border-radius:18px;padding:9px 12px!important;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.n153AuthBrand img{object-fit:cover;background:#050d18}

/* Header clock is now below the site name, never beside/over the name. */
.topbar .brand>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;line-height:1.05!important}
.topbar .brand b{line-height:1.05!important}
.topbar .brand small{line-height:1.1!important;margin-top:3px!important}
.headerClockUnderName{
  display:block!important;
  width:max-content!important;
  margin-top:4px!important;
  padding:2px 7px!important;
  border-radius:7px!important;
  background:rgba(8,27,47,.88)!important;
  border:1px solid rgba(35,153,255,.55)!important;
  color:#dff8ff!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.25px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  box-shadow:0 0 10px rgba(35,153,255,.10)!important;
}
.headerRight{flex:0 0 auto!important}
@media(max-width:760px){
  .topbar{height:76px!important;padding:7px 8px!important}
  .brand{gap:8px!important;align-items:center!important}
  .brand img{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .brand b{font-size:16px!important;letter-spacing:1.4px!important}
  .brand small{font-size:7px!important}
  .headerClockUnderName{font-size:8px!important;margin-top:3px!important;padding:2px 6px!important}
  .headerRight{gap:5px!important}
  .headerIconBtn,.headerProfileBtn,.menuBtn{width:40px!important;height:40px!important}
}
@media(max-width:390px){
  .topbar{padding-left:7px!important;padding-right:7px!important}
  .brand b{font-size:15px!important}
  .brand small{font-size:6.5px!important}
  .headerClockUnderName{font-size:7.5px!important}
}