/* v14 QoL shell cleanup — one clean content flow, no noisy nested scrollbars */
html, body { overflow-x: hidden; }

/* Keep the desktop sidebar usable without showing its own chrome scrollbar. */
@media (min-width: 768px) {
  [data-slot="sidebar-content"] {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    overscroll-behavior: contain;
  }
  [data-slot="sidebar-content"]::-webkit-scrollbar { display: none !important; width: 0 !important; }

  /* The old crest/header consumed too much vertical room on laptop displays. */
  .brand { padding-top: 14px !important; padding-bottom: 14px !important; }
  .brand img { width: 132px !important; height: 132px !important; }
  .brand-rule { width: 150px !important; height: 18px !important; margin-top: 2px !important; }
  .brand-label { margin-top: 4px !important; }
  .nav-content [data-slot="sidebar-menu-button"] { min-height: 40px; }
  [data-slot="sidebar-footer"] { padding-top: 6px !important; padding-bottom: 10px !important; }
}

/* Stockroom section navigation: no horizontal scroller. */
.stockroom-tabs {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}
.stockroom-tabs > [data-slot="tabs"] { width: 100% !important; }
.stockroom-tabs [role="tablist"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  gap: 8px !important;
  padding: 6px !important;
  overflow: visible !important;
  scrollbar-width: none !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  background: #1d1f20 !important;
}
.stockroom-tabs [role="tablist"]::-webkit-scrollbar { display: none !important; }
.stockroom-tabs [role="tab"] {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 44px !important;
  white-space: normal !important;
  justify-content: center !important;
  text-align: center !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  padding: 9px 10px !important;
  line-height: 1.2 !important;
}
.stockroom-tabs [role="tab"][data-state="active"] {
  border-color: #65686b !important;
  background: #343638 !important;
  box-shadow: inset 0 0 0 1px #ffffff0a !important;
}

/* The page header owns refresh now; per-screen duplicate buttons disappear. */
.og-redundant-refresh { display: none !important; }
.heading-actions button[aria-label="Refresh data"] { flex: 0 0 auto; }

/* Prevent narrow panels from inventing horizontal scroll regions. */
.workspace,
.stockroom,
.panel,
.stash-browser,
.categories-screen,
.stock-grid,
.stash-directory,
.task-controls,
.task-group,
.member-discord { min-width: 0 !important; max-width: 100%; }
.panel:not(.stock-dialog):not(.edit-dialog) { overflow-x: clip; }

/* Cleaner page spacing on laptops. */
@media (min-width: 768px) and (max-height: 850px) {
  .workspace { padding-top: 22px !important; padding-bottom: 28px !important; }
  .page-heading { margin-bottom: 18px !important; }
  .metrics { margin-bottom: 14px !important; }
}

@media (max-width: 900px) {
  .stockroom-tabs [role="tablist"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  .stockroom-tabs [role="tablist"] { gap: 6px !important; padding: 5px !important; }
  .stockroom-tabs [role="tab"] { min-height: 46px !important; padding: 8px 6px !important; font-size: 13px !important; }
}