/* BYPAN runtime frontend layer. Served as a static file so UI polish does not require rebuilding Go. */
:root {
  --bypan-runtime-layer: "20260607";
}

html,
body,
button,
input,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

select {
  color: inherit;
}

.brand-image-lockup,
.app-brand .brand-image-lockup,
.auth-brand-image {
  min-width: 0;
}

.brand-logo-stack,
.brand-logo-image {
  object-fit: contain;
}

.table-card,
.cloud-panel,
.home-table-card,
.share-public-list,
.panel {
  min-width: 0;
}

.table-wrap,
.cloud-table-scroll,
.unified-table-scroll {
  min-width: 0;
  max-width: 100%;
}

.custom-filter-menu,
.filter-menu,
.top-popover,
.app-user-menu,
.app-notify-panel {
  z-index: 80;
}

.filter-menu,
.custom-filter-menu {
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
}

body.front-route-list .topbar {
  z-index: 30000 !important;
}

body.front-route-list .public-files-shell {
  position: relative;
  z-index: 1;
}

body.front-route-list .public-file-controls {
  z-index: 40 !important;
}

body.front-route-list .public-filter-panel,
body.front-route-list .public-control-cluster {
  z-index: 50 !important;
}

body.front-route-list .filter-menu {
  z-index: 80 !important;
}

.load-more,
.load-more-wrap {
  margin-left: auto;
  margin-right: auto;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: rgba(214, 226, 242, 0.52);
}

html[data-theme="dark"] .password-form label,
html[data-theme="dark"] .option-row,
html[data-theme="dark"] .upload-settings label {
  color: #dce8f7;
}

@media (max-width: 640px) {
  .brand-logo-stack,
  .brand-logo-image {
    max-width: min(216px, calc(100vw - 128px));
  }

  .load-more {
    display: inline-flex;
    justify-content: center;
    min-width: 156px;
  }
}