/* HARPS Version 2 — compact desktop (productivity) density.
 *
 * Loaded only by pages under /v2/, so Version 1 is unaffected.
 *
 * Real component sizing only: no transform/scale, no page zoom, and no change
 * to the html/body font-size. Values follow the ADS compact variants
 * (Table variant="compact", size="compact" on controls) documented in the ADS
 * component references, which name the variants but publish no pixel values.
 */

/* ── Page shell ───────────────────────────────────────────────────────── */
.page-content {
  padding: 20px 24px 24px 24px;
}

.page-title-row {
  min-height: 32px;
  margin-bottom: 12px;
}

/* Theme-scoped selectors are repeated so this wins over ads-theme.css, which
   sets the title with `html[data-theme="ads"] .page-title { font: ... }`. */
.page-title,
html[data-theme="ads"] .page-title,
html[data-theme="dark"] .page-title,
html[data-theme="wireframe"] .page-title {
  font-size: 20px;
  line-height: 28px;
}

/* ── Tabs / card header ───────────────────────────────────────────────── */
/* Tabs are already 27px; the height sits in the surrounding padding. */
.tab-bar {
  gap: 4px;
}

.top-tab-bar {
  height: 40px;
  padding: 4px 16px;
}

.tab-bar-row-toolbar {
  padding: 0 16px;
}

.tab-item-text {
  font-size: 13px;
  line-height: 18px;
}

/* ── Table: ADS compact ───────────────────────────────────────────────── */
.trow {
  padding: 0 16px;
  gap: 8px;
}

.trow-header {
  height: 36px;
}

.trow-data {
  height: 40px;
}

.th-cell,
.td-cell,
.td-name-cell,
.td-stack-cell {
  padding: 0 6px;
}

.th-label {
  font-size: 12px;
  line-height: 16px;
}

.td-text,
.td-stack-primary,
.td-stack-secondary {
  font-size: 13px;
  line-height: 17px;
}

/* Two-line name stack has to fit the 40px row. */
.td-name-stack {
  gap: 0;
}

/* .order-link is not resized here — table links hold the Figma
   body/semibold/md ramp from v2-table-link.css at every density. */
.order-id {
  font-size: 11px;
  line-height: 14px;
}

.td-stack-inner {
  gap: 0;
}

/* ── Column widths ────────────────────────────────────────────────────── */
/* Narrower text columns reduce how far the table overflows to the right.
   Header and body share these classes, so alignment is preserved. */
.col-name            { flex: 2 0 240px; }
.col-agency          { flex: 0.8 0 150px; }
.col-sales           { flex: 0.9 0 130px; }
.col-billing-period  { width: 100px; }
.col-dates           { width: 128px; }
.col-value           { width: 120px; }
.col-external-po     { width: 96px; }

/* ── Badges ───────────────────────────────────────────────────────────── */
.badge {
  min-height: 20px;
  padding: 1px 6px;
  font-size: 11px;
  line-height: 14px;
}

/* ── Expanded invoice panel keeps the same compact rhythm ─────────────── */
.inv-row {
  min-height: 36px;
}

.inv-name-text,
.inv-cell-text {
  font-size: 12px;
  line-height: 16px;
}

.inv-name-id {
  font-size: 10px;
  line-height: 13px;
}