/* Last-loaded overrides for cross-cutting UI fixes (load after evolution-layout.css). */

/* ---- Mobile header: brand row + one-line horizontally scrollable nav (≤850px). ---- */
@media(max-width:900px){
  header{display:flex;flex-wrap:wrap;align-items:center;height:auto;min-height:0;gap:7px 14px;padding:9px 16px 0}
  .brand{order:1}
  #site-search-toggle{order:2;margin-left:auto}
  .header-methods{order:3;margin-left:0!important;font-size:12px}
  .release-badge{display:none}
  #theme-toggle{order:4;margin-left:0}
  .primary-nav{order:5;flex:1 0 100%!important;width:100%;flex-wrap:nowrap!important;gap:0!important;padding:0 8px;margin:2px -16px 0;border-top:1px solid var(--line);border-bottom:0;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;background:var(--panel)}
  .primary-nav::-webkit-scrollbar{display:none}
  .primary-nav>a{flex:0 0 auto;padding:8px 6px;font-size:11.5px}
}
@media(max-width:520px){
  header{gap:6px 10px;padding:9px 12px 0}
  .brand{font-size:20px;gap:6px}
  .brand svg{width:24px;height:24px}
  #site-search-toggle,#theme-toggle{min-width:54px;padding:7px 8px;margin-left:0}
  .primary-nav{margin:2px -12px 0;padding:0 6px}
  .primary-nav>a{padding:8px 5px}
}

/* 901-1100px: keep the single-line header inside 901px (pairs with sticky thead top:76px). */
@media(min-width:901px) and (max-width:1100px){
  header{gap:14px;padding:0 16px}
  .primary-nav{gap:10px!important}
}

/* ---- Unified action buttons (standard tier: 36px / 13px; compact tier: 30px / 12px).
   Cards, tabs, pills and chart-internal controls keep their own sizing. ---- */
.button,
.toolbar button,
.segmented button,
.find-topbar button,
.block-filter-tools button,
.gb-zoom button,
.gb-seq-tools button,
.block-controls button,
.section-head button,
[data-copy]{
  min-height:36px;
  padding:6px 12px;
  font-size:13px;
  border-radius:4px;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.toolbar select,
.toolbar input,
.find-topbar select,
.find-topbar input,
.block-filter-tools select,
.block-controls select{
  height:36px;
  padding-top:0;
  padding-bottom:0;
  font-size:13px;
  box-sizing:border-box;
}
.pager button{min-height:30px;padding:4px 10px;font-size:12px}

/* Ragged action groups whose parent-context rules outrank the standard tier above. */
.branch-mini-go button,
.rs-controls button,
.rs-export,
.be-controls button,
.le-species-tools button,
.le-species-pagination button,
.le-view-mode button,
.tree-toolbar button,
.download-row button,
.download-row a,
[data-copyurl]{
  min-height:36px;
  padding:6px 12px;
  font-size:13px;
  border-radius:4px;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
/* Demoted inline text links (Related rows) stay compact. */
.evidence-links.inline .button{min-height:0;padding:0}
.le-tracks .rs-controls button,
.experiment-grid .button{font-size:13px}