/* Keep mobile map controls on one scrollable row without shrinking touch targets. */
@media (max-width:760px) {
  .app-shell .topbar {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:4px 6px;
  }
  .app-shell .topbar .brand { min-height:36px; margin:0; padding-right:44px; }
  .app-shell .topbar .organization-brand-logo { width:26px; height:26px; flex-basis:26px; }
  .app-shell .topbar .organization-brand-text { min-width:0; gap:0 4px; }
  .app-shell .topbar [data-organization-name] { font-size:13px; line-height:18px; }
  .app-shell .topbar .organization-product { font-size:9px; line-height:12px; margin:0; }
  .app-shell .topbar .toolbar {
    flex:0 0 40px;
    width:100%;
    min-width:0;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:5px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .app-shell .topbar .toolbar::-webkit-scrollbar { display:none; }
  .app-shell .topbar .toolbar .tool-group { display:flex; flex:0 0 auto; flex-wrap:nowrap; gap:4px; margin:0; }
  .app-shell .topbar .toolbar .icon-btn,
  .app-shell .topbar .toolbar .menu-btn { flex:0 0 40px; min-width:40px; width:40px; height:40px; min-height:40px; padding:9px; }
  .app-shell .topbar .toolbar .base-select { flex:0 0 108px; width:108px; min-width:108px; height:40px; min-height:40px; font-size:11px; }
  .app-shell .topbar .toolbar [hidden] { display:none!important; }
  .app-shell .topbar .toolbar .user-badge { display:none; }
  .app-shell .topbar #surveyTeamToggle { top:4px; right:6px; height:36px; min-height:36px; }
}