/* Figma 600:21612 — Inventory Matrix */

.inventory-matrix__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--wa-space-l);
}

.inventory-matrix__breadcrumb {
  font-size: var(--wa-font-size-s);
  color: var(--wa-color-text-quiet);
  margin: 0;
}

.inventory-matrix__title {
  font-size: var(--wa-font-size-2xl);
  font-family: var(--wa-font-family-heading);
  font-weight: var(--wa-font-weight-heading);
  margin: var(--wa-space-2xs) 0;
}

.inventory-matrix__event {
  font-size: var(--wa-font-size-s);
  color: var(--wa-color-text-quiet);
  margin: 0;
}

/* Filters — wrapping row, controls aligned to baseline */
.inventory-matrix__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: var(--wa-space-s);
  margin-bottom: var(--wa-space-l);
}

/* Legend — horizontal list of swatches */
.inventory-matrix__legend {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 var(--wa-space-m) 0;
  gap: var(--wa-space-m);
  font-size: var(--wa-font-size-s);
}

.inventory-matrix__swatch {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: var(--wa-border-radius-s);
  vertical-align: middle;
  margin-right: var(--wa-space-2xs);
}

/* Band colours — derived from legend, not the mock */
.inventory-matrix__swatch--available,
.inventory-matrix__cell--available { background: var(--wa-color-success-10); }

.inventory-matrix__swatch--low,
.inventory-matrix__cell--low { background: var(--wa-color-warning-10); }

.inventory-matrix__swatch--sold-out,
.inventory-matrix__cell--sold-out { background: var(--wa-color-danger-10); }

.inventory-matrix__cell--none,
.inventory-matrix__cell--absent { color: var(--wa-color-text-quiet); }

/* Table wrapper — horizontal scroll on narrow viewports */
.inventory-matrix__table-wrap {
  overflow-x: auto;
}

.inventory-matrix__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--wa-font-size-s);
}

.inventory-matrix__table th,
.inventory-matrix__table td {
  text-align: center;
  padding: var(--wa-space-2xs);
  border: 1px solid var(--wa-color-surface-border);
}

/* First two columns are left-aligned for readability */
.inventory-matrix__name {
  text-align: left;
}

/* Total column — bold, never coloured */
.inventory-matrix__total {
  font-weight: var(--wa-font-weight-heading);
}

/* Empty state — centred bordered panel */
.inventory-matrix__empty {
  text-align: center;
  padding: var(--wa-space-xl);
  border: 1px solid var(--wa-color-neutral-border-quiet);
  border-radius: var(--wa-border-radius-l);
  background: var(--wa-color-surface-lowered);
}

.inventory-matrix__empty-title {
  font-size: var(--wa-font-size-m);
  margin: 0 0 var(--wa-space-xs) 0;
}

.inventory-matrix__empty-hint {
  font-size: var(--wa-font-size-s);
  color: var(--wa-color-text-quiet);
  margin: 0;
}