/* Sales Performance sub-tabs (Overview / Daily Report / Store Detail).
   The tab pill sits inline with the page title so the active sub-tab is
   visible right next to "Sales Performance". Underline-on-active keeps
   the visual link to the orange brand accent. */

.view-tabs {
  display: flex; gap: 0; margin: 0; padding: 0;
  background: transparent; border: none;
  align-self: stretch;
}

.view-tab {
  padding: 0 14px; border: none; background: transparent; cursor: pointer;
  font-size: var(--fs-body); font-weight: 500; color: #6b7280;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
  transition: color 0.15s, border-color 0.15s;
  display: inline-flex; align-items: center;
}

.view-tab:hover { color: var(--navy); }

.view-tab.active { color: var(--navy); font-weight: 700; border-bottom-color: var(--ashley-orange); }

/* Compact filter strip immediately under the page header. Single tight
   row containing presets / dates / dropdowns / actions. */
.shared-filter-bar {
  display: flex; align-items: center; flex-wrap: nowrap; gap: 8px;
  padding: 8px 16px; background: #fafbfc;
  border-bottom: 1px solid #E5E7EB;
  overflow-x: auto;
}