/* London Baby crew spotlight: restores map/concierge controls and keeps the group identity visible without replacing functionality. */
.brand-signature-strip{display:none!important;}
.crew-spotlight{
  position:relative;
  display:flex;
  align-items:center;
  gap:clamp(14px,2.4vw,24px);
  margin:clamp(14px,2.4vw,24px) auto clamp(18px,3vw,30px);
  width:min(1120px,calc(100% - clamp(24px,5vw,72px)));
  padding:clamp(12px,2.2vw,18px) clamp(16px,3vw,26px);
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,79,174,.55);
  background:
    radial-gradient(circle at 14% 50%, rgba(255,53,156,.30), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(63,229,255,.22), transparent 32%),
    linear-gradient(135deg, rgba(16,18,54,.92), rgba(12,15,42,.76) 45%, rgba(14,26,57,.86));
  box-shadow:
    0 18px 40px rgba(10,18,48,.20),
    0 0 26px rgba(255,55,170,.22),
    inset 0 1px 0 rgba(255,255,255,.22);
  isolation:isolate;
}
.crew-spotlight::before{
  content:"";
  position:absolute;
  inset:auto -8% 0 -8%;
  height:5px;
  background:linear-gradient(90deg,#ff3aa8,#ffda3f,#2df57c,#32e4ff,#8b4dff,#ff3aa8);
  filter:drop-shadow(0 0 10px rgba(255,58,168,.65));
  opacity:.95;
  z-index:1;
}
.crew-spotlight::after{
  content:"✦";
  position:absolute;
  right:clamp(18px,4vw,42px);
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  font-size:clamp(22px,4vw,42px);
  text-shadow:
    0 0 10px rgba(255,255,255,.92),
    0 0 24px rgba(255,67,177,.75),
    0 0 36px rgba(59,229,255,.55);
  opacity:.95;
  z-index:2;
}
.crew-spotlight-medallion{
  position:relative;
  width:clamp(58px,9vw,96px);
  height:clamp(58px,9vw,96px);
  flex:0 0 auto;
  border-radius:50%;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.12),
    0 0 22px rgba(255,45,166,.70),
    0 0 36px rgba(56,226,255,.35);
  overflow:hidden;
  z-index:2;
}
.crew-spotlight-medallion img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.crew-spotlight-copy{
  position:relative;
  z-index:2;
  min-width:0;
  padding-right:clamp(28px,8vw,90px);
}
.crew-spotlight-copy span{
  display:block;
  margin-bottom:3px;
  font-size:clamp(12px,1.8vw,18px);
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(255,255,255,.72);
}
.crew-spotlight-copy strong{
  display:block;
  font-size:clamp(22px,4vw,46px);
  line-height:1.02;
  color:#fff;
  text-shadow:0 3px 16px rgba(255,73,184,.42);
}
.crew-spotlight-glow{
  position:absolute;
  inset:-40% -20% -50% 35%;
  background:radial-gradient(circle, rgba(255,255,255,.14), transparent 42%);
  z-index:0;
  pointer-events:none;
}
@media (max-width: 700px){
  .crew-spotlight{
    width:calc(100% - 28px);
    margin:14px auto 18px;
    padding:12px 14px;
    border-radius:22px;
  }
  .crew-spotlight-copy span{font-size:11px; letter-spacing:.18em;}
  .crew-spotlight-copy strong{font-size:22px; line-height:1.08;}
  .crew-spotlight::after{right:16px; font-size:25px;}
  .crew-spotlight-copy{padding-right:34px;}
}


/* 2026-05-16: remove crew spotlight card and time-section ghost logo per user request. */
html body #app.app-shell .crew-spotlight {
  display: none !important;
}
html body #app.app-shell .dashboard .panel::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 2026-05-16: hero-card London Baby medallion should match the header logo treatment, not appear ghosted. */
html body #app.app-shell .hero::after {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  width: 112px !important;
  height: 112px !important;
  right: 14px !important;
  bottom: 12px !important;
  background-image: url('/assets/london-baby-2026-neon-logo.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter:
    saturate(1.08)
    contrast(1.04)
    drop-shadow(0 0 10px rgba(255, 79, 216, .58))
    drop-shadow(0 0 14px rgba(0, 216, 255, .26)) !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .hero::after {
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    width: 86px !important;
    height: 86px !important;
    right: 10px !important;
    bottom: 10px !important;
  }
}