.desktop-nav-toggle { display: none; }
@media (min-width: 901px) {
  /* A compact icon button (see .icon-btn in app.css); its accessible name is aria-label. */
  .desktop-nav-toggle { display: inline-grid; flex-shrink: 0; }
  html[data-navigation="collapsed"] #sidebar { display: none; }
  html[data-navigation="collapsed"] .desktop-nav-toggle { color: var(--accent); }
}

/* Graffic Giraffe sidebar identity and navigation label alignment. */
#shop-initials.gg-sidebar-avatar{background:transparent;width:36px;height:40px;flex:0 0 36px;display:flex;align-items:center;justify-content:center}
#shop-initials.gg-sidebar-avatar img{display:block;width:32px;height:40px;object-fit:contain}
@media(min-width:901px){#desktop-nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:112px;min-height:40px;padding:8px 12px;line-height:1.2;text-align:center;white-space:nowrap}}
@media(min-width:901px){#desktop-nav-toggle::after{content:attr(aria-label);font-size:12px;font-weight:600;line-height:1.2}}