#primary-navigation .warehouse-home span { display: inline; }
#primary-navigation .navigation-caption { padding-bottom: 5px; }
#primary-navigation .navigation-tools-caption { margin-top: 14px; }
#primary-navigation .top-action { min-height: 40px; height: 40px; }
#sidebar-close, #sidebar-backdrop { display: none; }
#app > .topbar .workspace-tools { margin-left: auto; }
#app > .topbar .workspace-context { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#app > .topbar .brand { cursor: default; }
.main-section-page .change-requests-shell { max-width: 1000px; }
.settings-data, .settings-app-update { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.settings-data h2, .settings-app-update h2, .settings-app-update p { flex-basis: 100%; margin: 0; }
.settings-connection { display: inline-flex; gap: 8px; align-items: center; }
.settings-connection #connection-label { color: var(--muted); }
.settings-connection #photo-sync-count { padding: 0 5px; }
[data-update-available="true"]::after { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); margin-left: auto; }
.scene-toolbar .search-wrap { width: min(320px, 100%); min-width: 180px; }
.scene-toolbar #mobile-inspector-toggle { display: none !important; }
@media (max-width: 760px) {
  #app > .topbar { gap: 8px; }
  #app > .topbar .brand { display: flex; flex: 0 0 auto; }
  #app > .topbar .brand-mark { display: none; }
  #app > .topbar .brand-copy strong { font-size: 12px; }
  #app > .topbar .brand-copy small { font-size: 9px; }
  #app > .topbar .workspace-context { font-size: 12px; }
  #app > .topbar .workspace-tools .icon-button { min-width: 40px; width: 40px; }
  #app > #mobile-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #app > #mobile-nav button[hidden] { display: none !important; }
  #app > #mobile-nav [data-page-route] { min-height: 44px; }
  #app > #primary-navigation { display: none; position: fixed; inset: var(--safe-top) auto var(--safe-bottom) 0; width: min(300px, calc(100vw - 44px)); max-height: 100dvh; z-index: 120; padding: 10px 12px; border-right: 1px solid var(--line); box-shadow: 16px 0 64px #0006; }
  .app-navigation-open #app > #primary-navigation { display: flex; }
  #sidebar-close { display: inline-flex; align-self: flex-end; min-height: 44px; }
  .app-navigation-open #sidebar-backdrop { display: block; position: fixed; inset: 0; z-index: 110; border: 0; border-radius: 0; background: #0007; }
  #sidebar-backdrop[hidden] { display: none !important; }
  .main-section-page .change-requests-shell { padding: 16px; }
  .scene-toolbar { flex-wrap: wrap; }
  .scene-toolbar .search-wrap { display: block; width: 100%; }
  .scene-toolbar #mobile-inspector-toggle { display: inline-flex !important; }
}
.settings-data #connection-button, .settings-data #refresh-button { display: inline-flex; width: auto; min-width: 0; height: auto; min-height: 44px; padding: 8px 12px; gap: 8px; align-items: center; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--text); font-size: 14px; letter-spacing: normal; }
.settings-data #connection-button > span { display: inline; }
.settings-data #connection-button #connection-label:empty { display: none; }
.settings-data #refresh-button svg { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }