/* Report tab — category cards, quality bars, print */
.report-tab__cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: var(--space-sm);
}

.report-tab__cat-card {
  display: flex;
  flex-direction: column;
  padding: var(--space-sm) var(--space-md);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}

.report-tab__cat-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
}

.report-tab__cat-name {
  font-weight: 600;
  font-size: var(--text-sm);
}

.report-tab__cat-badge {
  font-size: 0.7rem;
  font-weight: 700;
  color: #fff;
  padding: 1px 6px;
  border-radius: var(--radius-sm);
  white-space: nowrap;
}

.report-tab__cat-pct {
  font-size: var(--text-lg);
  font-weight: 800;
}

.report-tab__cat-detail {
  font-size: 0.7rem;
  color: var(--color-text-muted);
}

.report-tab__cat-bar {
  height: 4px;
  background: var(--color-surface-alt);
  border-radius: 2px;
  overflow: hidden;
  margin: var(--space-xs) 0;
}

.report-tab__cat-bar-fill {
  height: 100%;
  border-radius: 2px;
}

.report-tab__quality-bars {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.report-tab__qbar-row {
  display: grid;
  grid-template-columns: 10rem 1fr 2rem;
  align-items: center;
  gap: var(--space-sm);
}

.report-tab__qbar-label {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.report-tab__qbar-track {
  height: 8px;
  background: var(--color-surface-alt);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.report-tab__qbar-fill {
  height: 100%;
  border-radius: var(--radius-sm);
}

.report-tab__qbar-val {
  font-size: var(--text-sm);
  font-weight: 600;
  text-align: right;
}

@media print {
  /* Force light colors for ink saving */
  :root {
    --color-text: #1e293b;
    --color-text-muted: #4b5c73;
    --color-bg: #fff;
    --color-surface: #fff;
    --color-surface-alt: #f1f5f9;
    --color-border: #d4d6e4;
    --color-primary: #4f46e5;
  }

  /* Hide non-report UI */
  .app-header,
  .app-footer,
  floating-bar,
  .beta-view__tabs,
  .individual-switcher,
  .report-tab__header button,
  .no-print {
    display: none !important;
  }

  body {
    background: #fff;
    color: #1e293b;
  }

  /* Tighten spacing */
  .report-tab {
    gap: var(--space-sm);
  }

  .report-tab__section {
    gap: var(--space-xs);
    break-inside: avoid;
  }

  .report-tab__overview {
    gap: var(--space-sm);
  }

  .report-tab__overview-breakdown mini-curve {
    display: none;
  }

  .report-tab__cat-grid {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    gap: var(--space-xs);
  }

  .report-tab__cat-card {
    padding: var(--space-xs) var(--space-sm);
  }

  .report-tab__stat,
  .report-tab__cat-card {
    border: 1px solid #ccc;
    background: #fff;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .report-tab__qbar-fill,
  .report-tab__cat-bar-fill,
  .report-tab__cat-badge {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .report-tab__disclaimer {
    display: none;
  }

  .report-tab__section:has(.report-tab__quality-bars) {
    display: none;
  }
}