/* =========================================================
   EA Lab Topbar Profile Avatar
   Scoped only to #profileMini in ea-lab.html.
========================================================= */
#profileMini.lab-profile-mini .profile-dot{
  overflow:hidden;
  flex:0 0 auto;
  transition:width .18s ease,height .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}

#profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"]{
  border-color:rgba(242,199,106,.32)!important;
  background:linear-gradient(135deg,rgba(242,199,106,.09),rgba(255,255,255,.045))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

#profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"] .profile-dot{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  padding:0!important;
  border:1px solid rgba(242,199,106,.38)!important;
  background:#06111f!important;
  box-shadow:0 0 0 3px rgba(242,199,106,.08),0 10px 22px rgba(0,0,0,.22)!important;
  color:transparent!important;
}

#profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"] .profile-dot img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}

#profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"] #profileName,
#profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"] .auth-text{
  color:#ffb4b4!important;
}

html[data-theme="light"] #profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"]{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.74))!important;
  border-color:rgba(200,149,46,.34)!important;
  box-shadow:0 12px 28px rgba(8,24,42,.08)!important;
}

html[data-theme="light"] #profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"] .profile-dot{
  background:#fff!important;
  border-color:rgba(200,149,46,.34)!important;
  box-shadow:0 0 0 3px rgba(200,149,46,.08),0 8px 18px rgba(8,24,42,.12)!important;
}

@media(max-width:1100px){
  #profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"]{
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
  }

  #profileMini.lab-profile-mini.has-profile-avatar[data-auth-state="logged-in"] .profile-dot{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
}