/**
 * Touch-friendly shell navigation — side nav menus, nav drawers, opened dropdown lists.
 * Also scales action menus, VaultDropdown panels, and datatable menus on small screens / PWA.
 * Does not change the top header icon row (burger, back/forward, quick-action tool buttons).
 */

/* Shared touch menu sizing (mobile breakpoint + PWA) */
@media (max-width: 767px) {
  /* —— Main side navigation —— */
  .vault-main-side-nav .vault-header-burger-item {
    font-size: 1rem;
    line-height: 1.25;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  .vault-main-side-nav .vault-header-burger-item__icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .vault-main-side-nav__signout {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  .vault-main-side-nav__signout-icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .vault-main-side-nav__close {
    width: 2.75rem;
    height: 2.75rem;
  }

  .vault-main-side-nav .vault-quick-access-kebab__trigger {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
  }

  .vault-main-nav-share-host .vault-incoming-share__trigger {
    min-height: 2.75rem;
    padding: 0.5rem 0.65rem;
  }

  /* —— Dropdown menu items (in-shell + portaled click menus) —— */
  .vault-main-side-nav .vault-hover-dropdown__item,
  .vault-hover-dropdown__menu--portaled-fixed .vault-hover-dropdown__item {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  .vault-hover-dropdown__menu--portaled-fixed .vault-hover-dropdown__toolbar-row {
    min-height: 2.75rem;
    padding: 0.55rem 0.65rem;
  }

  .vault-hover-dropdown__menu--portaled-fixed .vault-hover-dropdown__toolbar-row-label {
    font-size: 1rem;
  }

  .vault-main-side-nav .vault-actions-dropdown-item {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  /* —— Customize toolbar / menu (portaled) —— */
  .vault-customize-dropdown__row {
    min-height: 2.75rem;
    padding: 0.55rem 0.65rem;
  }

  .vault-customize-dropdown__label {
    font-size: 1rem;
  }

  /* —— Vault panel section strip (Overview / Docs / …) —— */
  .vault-panel-project-nav-strip__track .vault-tab.vault-panel-project-nav-strip__btn {
    font-size: 0.9375rem;
    min-height: 2.5rem;
    padding: 0.5rem 0.75rem;
  }

  .vault-panel-project-nav-strip__track .vault-nav-label {
    font-size: 0.9375rem;
  }

  .vault-panel-project-nav-strip__track .vault-nav-icon,
  .vault-panel-project-nav-strip__track .vault-nav-icon svg {
    width: 18px;
    height: 18px;
  }

  /* —— Superadmin sections drawer —— */
  .vault-superadmin-hub__drawer-item {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  /* —— Legacy floating burger menu (non side-nav host) —— */
  .vault-header-burger-menu:not(.vault-main-side-nav__menu) .vault-header-burger-item {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  /* —— Action menus (docs, checklists, datatable row ⋮, cards, …) —— */
  .vault-actions-dropdown-panel .vault-actions-dropdown-item {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  .vault-actions-dropdown-panel .vault-actions-dropdown-item-icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  /* —— Hover / click dropdown menus (all hosts + portaled) —— */
  .vault-hover-dropdown__item {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  .vault-hover-dropdown__toolbar-row {
    min-height: 2.75rem;
    padding: 0.55rem 0.65rem;
  }

  .vault-hover-dropdown__toolbar-row-label {
    font-size: 1rem;
  }

  .vault-hover-dropdown--xs .vault-hover-dropdown__item,
  .vault-hover-dropdown--sm .vault-hover-dropdown__item,
  .vault-hover-dropdown--md .vault-hover-dropdown__item {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  /* —— VaultDropdown option panels (settings selects, filters, cell editors, …) —— */
  .vault-dropdown-option {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  .vault-dropdown-option-label {
    font-size: 1rem;
  }

  .vault-dropdown-option-subtitle {
    font-size: 0.875rem;
  }

  .vault-dropdown-option-badge {
    font-size: 0.8125rem;
  }

  .vault-dropdown-search {
    font-size: 1rem;
    padding: 0.5rem 0.65rem;
  }

  .vault-dropdown--xs .vault-dropdown-option,
  .vault-dropdown--sm .vault-dropdown-option {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  /* —— Datatable menus (add column, gear/settings, row menus, tags, …) —— */
  .vault-dt-dropdown-item {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  .vault-dt-col-dropdown-section-title {
    font-size: 0.8125rem;
    padding: 0.5rem 0.85rem 0.25rem;
  }

  .vault-dt-col-dropdown-item-icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .vault-dt-actions-menu-item__icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  /* —— View selector (responsive dropdown mode) —— */
  .vault-view-selector-option {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }

  /* —— Customize header dropdown (portaled; row sizing also above in nav block) —— */
  .vault-customize-dropdown__section-title {
    font-size: 0.8125rem;
  }

  /* —— Docs / notes tag filter dropdown chips —— */
  .vault-search-with-tags__tags-dropdown-panel .vault-search-with-tags__chip,
  .vault-search-with-tags__tags-dropdown-panel .vault-search-with-tags__dropdown-chip {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }
}

/* PWA (including tablet widths): same shell nav sizing on touch-first installs */
html.vaultside-pwa .vault-main-side-nav .vault-header-burger-item {
  font-size: 1rem;
  line-height: 1.25;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-main-side-nav .vault-header-burger-item__icon {
  width: 1.25rem;
  height: 1.25rem;
}

html.vaultside-pwa .vault-main-side-nav__signout {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-main-side-nav__signout-icon {
  width: 1.25rem;
  height: 1.25rem;
}

html.vaultside-pwa .vault-main-side-nav__close {
  width: 2.75rem;
  height: 2.75rem;
}

html.vaultside-pwa .vault-main-side-nav .vault-quick-access-kebab__trigger {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
}

html.vaultside-pwa .vault-main-nav-share-host .vault-incoming-share__trigger {
  min-height: 2.75rem;
  padding: 0.5rem 0.65rem;
}

html.vaultside-pwa .vault-main-side-nav .vault-hover-dropdown__item,
html.vaultside-pwa .vault-hover-dropdown__menu--portaled-fixed .vault-hover-dropdown__item {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-hover-dropdown__menu--portaled-fixed .vault-hover-dropdown__toolbar-row {
  min-height: 2.75rem;
  padding: 0.55rem 0.65rem;
}

html.vaultside-pwa .vault-hover-dropdown__menu--portaled-fixed .vault-hover-dropdown__toolbar-row-label {
  font-size: 1rem;
}

html.vaultside-pwa .vault-main-side-nav .vault-actions-dropdown-item {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-customize-dropdown__row {
  min-height: 2.75rem;
  padding: 0.55rem 0.65rem;
}

html.vaultside-pwa .vault-customize-dropdown__label {
  font-size: 1rem;
}

html.vaultside-pwa .vault-panel-project-nav-strip__track .vault-tab.vault-panel-project-nav-strip__btn {
  font-size: 0.9375rem;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
}

html.vaultside-pwa .vault-panel-project-nav-strip__track .vault-nav-label {
  font-size: 0.9375rem;
}

html.vaultside-pwa .vault-panel-project-nav-strip__track .vault-nav-icon,
html.vaultside-pwa .vault-panel-project-nav-strip__track .vault-nav-icon svg {
  width: 18px;
  height: 18px;
}

html.vaultside-pwa .vault-superadmin-hub__drawer-item {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-header-burger-menu:not(.vault-main-side-nav__menu) .vault-header-burger-item {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

/* PWA: action menus, dropdown panels, datatable menus (all viewport widths) */
html.vaultside-pwa .vault-actions-dropdown-panel .vault-actions-dropdown-item {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-actions-dropdown-panel .vault-actions-dropdown-item-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

html.vaultside-pwa .vault-hover-dropdown__item {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-hover-dropdown__toolbar-row {
  min-height: 2.75rem;
  padding: 0.55rem 0.65rem;
}

html.vaultside-pwa .vault-hover-dropdown__toolbar-row-label {
  font-size: 1rem;
}

html.vaultside-pwa .vault-hover-dropdown--xs .vault-hover-dropdown__item,
html.vaultside-pwa .vault-hover-dropdown--sm .vault-hover-dropdown__item,
html.vaultside-pwa .vault-hover-dropdown--md .vault-hover-dropdown__item {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-dropdown-option {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-dropdown-option-label {
  font-size: 1rem;
}

html.vaultside-pwa .vault-dropdown-option-subtitle {
  font-size: 0.875rem;
}

html.vaultside-pwa .vault-dropdown-option-badge {
  font-size: 0.8125rem;
}

html.vaultside-pwa .vault-dropdown-search {
  font-size: 1rem;
  padding: 0.5rem 0.65rem;
}

html.vaultside-pwa .vault-dropdown--xs .vault-dropdown-option,
html.vaultside-pwa .vault-dropdown--sm .vault-dropdown-option {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-dt-dropdown-item {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-dt-col-dropdown-section-title {
  font-size: 0.8125rem;
  padding: 0.5rem 0.85rem 0.25rem;
}

html.vaultside-pwa .vault-dt-col-dropdown-item-icon {
  width: 1.25rem;
  height: 1.25rem;
}

html.vaultside-pwa .vault-dt-actions-menu-item__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

html.vaultside-pwa .vault-view-selector-option {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}

html.vaultside-pwa .vault-customize-dropdown__section-title {
  font-size: 0.8125rem;
}

html.vaultside-pwa .vault-search-with-tags__tags-dropdown-panel .vault-search-with-tags__chip,
html.vaultside-pwa .vault-search-with-tags__tags-dropdown-panel .vault-search-with-tags__dropdown-chip {
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
}