/* Studio header "My Dashboard" button — make it easy to find.
   Selectors start with #studio-root a… so they outrank desktop.css #studio-root a.btn-dashboard
   (which forces gold text and made the label invisible on the gold pill).
   Solid gold pill + glow that pulses a few times on load, then stays lit. */
#studio-root a.nav-tab.btn-dashboard {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f0d060 0%, #d4af37 100%) !important;
  color: #1a1206 !important;
  border-color: #f0d060 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em;
  box-shadow: 0 0 10px rgba(240, 208, 96, 0.55);
  animation: sbDashPulse 1.6s ease-in-out 0.6s 6;
}
#studio-root a.nav-tab.btn-dashboard .sb-dash-icon {
  display: inline-block;
  margin-right: 5px;
  font-size: 1.05em;
  line-height: 1;
}
/* Light sweep across the button. */
#studio-root a.nav-tab.btn-dashboard::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.75), transparent);
  transform: skewX(-20deg);
  animation: sbDashShine 3.2s ease-in-out 1s 4;
  pointer-events: none;
}
#studio-root a.nav-tab.btn-dashboard:hover,
#studio-root a.nav-tab.btn-dashboard:focus-visible {
  background: linear-gradient(180deg, #fff1b0 0%, #f0d060 100%) !important;
  box-shadow: 0 0 16px rgba(240, 208, 96, 0.9);
  transform: translateY(-1px);
}
@keyframes sbDashPulse {
  0%, 100% { box-shadow: 0 0 10px rgba(240, 208, 96, 0.55); transform: scale(1); }
  50% { box-shadow: 0 0 22px 4px rgba(240, 208, 96, 0.95); transform: scale(1.07); }
}
@keyframes sbDashShine {
  0% { left: -60%; }
  35%, 100% { left: 130%; }
}
@media (prefers-reduced-motion: reduce) {
  #studio-root a.nav-tab.btn-dashboard,
  #studio-root a.nav-tab.btn-dashboard::after { animation: none; }
}