/* ==========================================================
   Final Studio Tools Menu Fix
   Uses higher specificity than the topbar button rules.
   ========================================================== */

#appShell .topbar .studio-tools-menu[open] .studio-tools-popover{
  background:#f4faff!important;
  color:#173b5e!important;
  border:1px solid #8db9d8!important;
  box-shadow:0 20px 48px rgba(7,31,53,.34)!important;
  opacity:1!important;
}

#appShell .topbar .studio-tools-menu .studio-tools-popover button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:48px!important;
  padding:11px 13px!important;
  background:#e5f3fc!important;
  color:#173b5e!important;
  border:1px solid #b1d1e5!important;
  border-radius:10px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:left!important;
  text-shadow:none!important;
  opacity:1!important;
  box-shadow:none!important;
}

#appShell .topbar .studio-tools-menu .studio-tools-popover button:hover,
#appShell .topbar .studio-tools-menu .studio-tools-popover button:focus-visible{
  background:#cdeaff!important;
  color:#0d416b!important;
  border-color:#62a5d1!important;
}

#appShell .topbar .studio-tools-menu .studio-tools-popover button:active{
  background:#b9def5!important;
  color:#092f50!important;
}

#appShell .topbar .studio-tools-menu .studio-tools-popover button::first-letter{
  color:inherit!important;
}

@media(max-width:720px){
  #appShell .topbar .studio-tools-menu .studio-tools-popover{
    background:#f4faff!important;
  }

  #appShell .topbar .studio-tools-menu .studio-tools-popover button{
    min-height:52px!important;
    font-size:14px!important;
  }
}