.header-account-icon { display: none; }
#telegram-bind-target { scroll-margin-top: 120px; }
.mobile-workspace-open, .mobile-workspace-backdrop { display: none; }
@media (max-width: 1100px) {
  .content-stack:has(> .workspace-layout) > .workspace-layout.has-mobile-sidebar {
    grid-template-columns: minmax(0, 1fr); gap: 18px;
  }
  .mobile-workspace-open {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 44px; height: 44px; padding: 0; border: 1px solid var(--line);
    border-radius: 14px; background: #007aff; color: #fff; border-color: #007aff;
    font: inherit; font-weight: 650; cursor: pointer;
  }
  .topbar.has-workspace-menu > .brand { display: none; }
  .mobile-workspace-open:focus-visible { outline: 2px solid var(--accent, #007aff); outline-offset: 3px; }
  body > .mobile-workspace-drawer {
    position: fixed; inset: 0 auto 0 0; top: 0; width: min(320px, calc(100vw - 48px));
    height: 100dvh; z-index: 1200; transform: translateX(-105%); visibility: hidden;
    transition: transform .2s ease, visibility .2s;
  }
  body.mobile-workspace-locked > .mobile-workspace-drawer {
    transform: translateX(0); visibility: visible;
  }
  body > .mobile-workspace-drawer .workspace-sidebar-panel {
    height: 100%; max-height: none; min-height: 0; border-radius: 0 22px 22px 0;
    padding-top: max(18px, env(safe-area-inset-top));
    padding-bottom: max(18px, env(safe-area-inset-bottom));
    background: var(--paper, #222); overflow: hidden;
  }
  .mobile-workspace-backdrop {
    position: fixed; inset: 0; z-index: 1199; background: rgba(0,0,0,.55);
    border: 0; padding: 0; cursor: pointer;
  }
  .mobile-workspace-backdrop:not([hidden]) { display: block; }
  body.mobile-workspace-locked { overflow: hidden; }
}
@media (max-width: 700px) {
  .topbar-controls .cabinet-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 44px; min-width: 44px; height: 44px; padding: 0; border-radius: 50%;
  }
  .topbar-controls .header-account-label { display: none; }
  .topbar-controls .header-account-icon { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  body > .mobile-workspace-drawer { transition: none; }
}
