/* Final shell controls and file metadata styles. */
#app .header-search-tools > .desktop-sidebar-toggle {
  display: inline-grid; place-items: center; flex: 0 0 36px;
  width: 36px; height: 36px; padding: 0; color: var(--primary);
  border: 1px solid var(--line); background: var(--surface);
}
#app .desktop-sidebar-toggle .icon { width: 20px; height: 20px; }
#app .desktop-sidebar-toggle:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
@media (min-width: 1101px) {
  #app .layout.os-layout-v10.sidebar-collapsed { --sidebar: 84px !important; background: var(--bg); }
  #app .layout.os-layout-v10.sidebar-collapsed > .sidebar { width: 84px; padding-inline: 0; }
  #app .sidebar-collapsed .sidebar-home-link { justify-content: center; }
  #app .sidebar-collapsed .nav { padding-inline: 2px; scrollbar-gutter: stable both-edges; }
  #app .sidebar-collapsed .nav-group { display: grid; justify-items: center; }
  #app .sidebar-collapsed .nav-item { display: grid; grid-template-columns: 32px; place-items: center; place-content: center; }
  #app .sidebar-collapsed .nav-item::before { position: absolute; left: 0; }
  #app .sidebar-collapsed .module-nav-icon { width: 32px; height: 32px; }
  #app .sidebar-collapsed .module-nav-icon .icon { width: 20px; height: 20px; }
}
@media (max-width: 1100px) { #app .header-search-tools > .desktop-sidebar-toggle { display: none; } }
.file-tags { display: flex; flex-wrap: wrap; gap: 5px; min-width: 140px; max-width: 300px; }
.file-tag { border: 1px solid var(--line); border-radius: 999px; padding: 3px 8px; background: var(--surface-2); color: var(--primary); cursor: pointer; font: inherit; }
.file-metadata-editor { display: grid; gap: 12px; padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--line); }