/* Only topbar rules: the sidebar and page content keep their own breakpoints. */
@media (max-width: 1200px) {
  .topbar { grid-template-columns: minmax(140px, 1fr) minmax(0, 440px) auto; }
  .topbar-account-name { display: none; }
}
@media (max-width: 960px) {
  .topbar { grid-template-columns: minmax(100px, 1fr) minmax(0, 1.5fr) auto; }
  .topbar-search-shortcut { display: none; }
}
@media (max-width: 760px) {
  .topbar { height: 64px; padding-inline: var(--space-4); gap: var(--space-2); }
  .topbar-heading { gap: var(--space-2); }
  .topbar-title { font-size: 13px; }
}
@media (max-width: 600px) {
  .topbar { grid-template-columns: minmax(0, 1fr) 40px auto; }
  #topbar-notification-panel {
    position: fixed;
    top: 72px;
    left: 12px;
    right: 12px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 84px);
  }
  .topbar-alert-actions button { min-height: 44px; }
  .topbar .topbar-search-toggle { display: inline-flex; }
  .topbar .topbar-search-field { display: none; }
  .topbar .search-area.search-open .topbar-search-field {
    display: flex;
    position: fixed;
    top: 72px;
    inset-inline: var(--space-4);
    height: 44px;
    box-shadow: 0 8px 24px var(--shadow);
  }
  .topbar .search-results {
    position: fixed;
    top: 124px;
    inset-inline: var(--space-4);
    max-height: calc(100dvh - 140px);
  }
  .topbar-divider { margin-inline: 0; }
  .topbar-profile-trigger { padding-inline: 0; }
}