/* Vault document-page controls: presentation only. Security and storage logic remain native. */
#travel-vault-module.jmit-vault-page-controls-v7110 .jmit-vault-page-toolbar-v7110 {
  position: sticky;
  top: 0;
  z-index: 8;
  display: flex !important;
  flex-wrap: wrap;
  gap: .5rem;
  padding: .65rem .75rem;
  background: rgba(2, 6, 23, .96) !important;
  border-bottom: 1px solid #334155;
  backdrop-filter: blur(10px);
}

#travel-vault-module.jmit-vault-page-controls-v7110 .jmit-vault-page-toolbar-v7110 button {
  min-height: 2.5rem;
  padding: .55rem .75rem !important;
  white-space: nowrap;
  touch-action: manipulation;
}

#travel-vault-module.jmit-vault-page-controls-v7110 .jmit-vault-page-toolbar-v7110 button:focus-visible {
  outline: 3px solid #93c5fd;
  outline-offset: 2px;
}

#travel-vault-module.jmit-vault-page-controls-v7110 .jmit-vault-page-viewer-v7110 {
  min-height: min(62vh, 680px);
}

@media (max-width: 720px) {
  #travel-vault-module.jmit-vault-page-controls-v7110 .jmit-vault-page-toolbar-v7110 {
    position: sticky;
    top: 0;
    flex-wrap: nowrap;
    justify-content: flex-start !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  #travel-vault-module.jmit-vault-page-controls-v7110 .jmit-vault-page-toolbar-v7110 button {
    flex: 0 0 auto;
    min-height: 2.75rem;
  }

  #travel-vault-module.jmit-vault-page-controls-v7110 .jmit-vault-page-viewer-v7110 {
    min-height: 56vh;
  }
}