/* src/styles/v45-tier2-admin-style.css — extracted from index.html (id=v45-tier2-admin-style). */

#adminAccessCard,#tier2SystemsPanel{
  margin:12px auto 0!important;width:min(760px,calc(100% - 34px))!important;max-width:760px!important;
  padding:12px 14px!important;border-radius:18px!important;border:1px solid rgba(130,150,210,.22)!important;
  background:rgba(6,10,22,.88)!important;box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.02)!important;
  backdrop-filter:blur(10px)!important;
}
#adminAccessCard h4,#tier2SystemsPanel h4{margin:0 0 10px!important;color:var(--cyan,#5fe3ff)!important;font-weight:900!important}
.admin-row{display:grid!important;grid-template-columns:1fr auto auto!important;gap:10px!important;align-items:center!important}
#adminCodeInput{min-height:44px!important;background:rgba(3,6,14,.92)!important;color:#fff!important;border:1px solid rgba(207,72,255,.34)!important;border-radius:13px!important;padding:0 14px!important;font-weight:800!important}
.admin-btn{min-height:44px!important;border:0!important;border-radius:13px!important;padding:0 14px!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;background:linear-gradient(135deg,var(--magenta,#d941ff),var(--violet,#8f45ff))!important}
.admin-btn.secondary{background:rgba(255,255,255,.08)!important;border:1px solid rgba(130,150,210,.22)!important}
.admin-status{margin-top:8px!important;color:var(--muted,#aeb7cb)!important;font-size:12px!important}.admin-status.unlocked{color:#45f29b!important}
.tier-badge{display:inline-flex!important;margin-left:8px!important;padding:3px 8px!important;border-radius:999px!important;border:1px solid rgba(245,185,106,.28)!important;color:#f5b96a!important;font-size:.72rem!important;font-weight:900!important}
.tier-badge.unlocked{border-color:rgba(69,242,155,.28)!important;color:#45f29b!important}
.tier2-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
.tier2-module{border:1px solid rgba(130,150,210,.18)!important;border-radius:14px!important;padding:12px!important;background:rgba(3,6,14,.52)!important}
.tier2-module strong{display:block!important;color:#fff!important;margin-bottom:8px!important}.tier2-module ul{margin:0!important;padding-left:17px!important;color:var(--muted,#aeb7cb)!important;font-size:12px!important;line-height:1.55!important}
body.admin-unlocked .nav-btn.locked[data-layer="mind"],body.admin-unlocked .nav-btn.locked[data-layer="sleep"],body.admin-unlocked .nav-btn.locked[data-layer="chakra"],body.admin-unlocked .nav-btn.locked[data-layer="organs"],body.admin-unlocked .nav-btn.locked[data-layer="aura"],body.tier2-unlocked .nav-btn.locked[data-layer="mind"],body.tier2-unlocked .nav-btn.locked[data-layer="sleep"],body.tier2-unlocked .nav-btn.locked[data-layer="chakra"],body.tier2-unlocked .nav-btn.locked[data-layer="organs"],body.tier2-unlocked .nav-btn.locked[data-layer="aura"]{opacity:1!important;color:#dce5ff!important;border-color:rgba(69,242,155,.22)!important;background:rgba(69,242,155,.07)!important}
body.admin-unlocked .nav-btn.locked[data-layer="mind"] .lock,body.admin-unlocked .nav-btn.locked[data-layer="sleep"] .lock,body.admin-unlocked .nav-btn.locked[data-layer="chakra"] .lock,body.admin-unlocked .nav-btn.locked[data-layer="organs"] .lock,body.admin-unlocked .nav-btn.locked[data-layer="aura"] .lock{color:#45f29b!important;border-color:rgba(69,242,155,.28)!important}
@media(max-width:760px){#adminAccessCard,#tier2SystemsPanel{width:calc(100% - 16px)!important;margin:10px auto 0!important}.admin-row{grid-template-columns:1fr!important}.tier2-grid{grid-template-columns:1fr!important}}

/* v2.62 — admin entry point + flash highlight when scrolled to */
#adminNavBtn .lock.unlocked{color:#45f29b!important;border-color:rgba(69,242,155,.4)!important}
#adminNavBtn.admin-on{border-color:rgba(69,242,155,.3)!important;background:rgba(69,242,155,.08)!important}
#adminMobileBtn{flex:0 0 auto!important}
#adminAccessCard.admin-flash{
  animation:adminFlash 1.6s ease!important;
}
@keyframes adminFlash{
  0%,100%{box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.02)}
  30%,60%{box-shadow:0 0 0 2px rgba(95,227,255,.7),0 0 34px rgba(95,227,255,.45),0 18px 50px rgba(0,0,0,.34)}
}

/* Admin panel hidden by default; opens only when the Admin menu item is tapped */
#adminAccessCard.admin-hidden{ display:none !important; }