/* ─── Reports Page Styles ─────────────────────────────────────
   Owner: pages/reports/reports.css
   Wave 8 / PR-308-C4 (Reports migration)
   Rule: Shell layout only. Zero hardcoded colors.
   ─────────────────────────────────────────────────────────── */

/* ── Tab bar ────────────────────────────────────────────── */
.rep-tab-bar {
  margin-bottom: var(--mr-space-md);
  /* 7 tabs — force overflow scroll on small screens */
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.rep-tab-bar::-webkit-scrollbar { display: none; }
.rep-tab-bar .mr-tab { flex-shrink: 0; }

/* ── Tab panels ─────────────────────────────────────────── */
.rep-tab-panel {
  padding: var(--mr-space-lg) !important;
  display: flex;
  flex-direction: column;
  gap: var(--mr-space-md);
}

/* ── Panel header row ───────────────────────────────────── */
.rep-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mr-space-sm);
}

.rep-panel-header .mr-page-heading {
  margin: 0;
}

/* ── Filter bar (Daily tab) ─────────────────────────────── */
.rep-filter-bar {
  display: flex;
  gap: var(--mr-space-sm);
  align-items: flex-end;
  flex-wrap: wrap;
}

.rep-date-field {
  flex-shrink: 0;
}

.rep-date-field .mr-input {
  max-width: 150px;
}

/* ── Summary text ───────────────────────────────────────── */
.rep-summary-text {
  display: block;
  padding: var(--mr-space-xs) 0;
}

/* ── Empty state ────────────────────────────────────────── */
.rep-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mr-space-sm);
  padding: var(--mr-space-2xl) var(--mr-space-xl);
  color: var(--mr-text-muted);
  font-size: 13px;
}

.rep-empty span:first-child {
  font-size: 1.5rem;
  opacity: 0.6;
}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 767px) {
  .rep-filter-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .rep-date-field .mr-input {
    max-width: 100%;
  }

  /* Daily: hide Customer + Actions columns */
  #rep-daily .mr-table th:nth-child(3),
  #rep-daily .mr-table th:nth-child(7),
  #rep-daily .mr-table td:nth-child(3),
  #rep-daily .mr-table td:nth-child(7) {
    display: none;
  }
}

@media (max-width: 480px) {
  /* Monthly: hide Avg Bill column */
  #rep-monthly .mr-table th:nth-child(6),
  #rep-monthly .mr-table td:nth-child(6) {
    display: none;
  }

  /* Profit: show only Period + Profit + Margin */
  #rep-profit .mr-table th:nth-child(2),
  #rep-profit .mr-table th:nth-child(3),
  #rep-profit .mr-table th:nth-child(4),
  #rep-profit .mr-table th:nth-child(5),
  #rep-profit .mr-table td:nth-child(2),
  #rep-profit .mr-table td:nth-child(3),
  #rep-profit .mr-table td:nth-child(4),
  #rep-profit .mr-table td:nth-child(5) {
    display: none;
  }
}