/*
 * Restaurant R20: «تقارير المطعم». Every colour, size and radius is a token of tokens.css; every direction is LOGICAL
 * (inline/block); a wide table scrolls inside its own frame, never the page (390 px wide).
 */
.rr-summary h2 {
  margin-block: var(--s-3) var(--s-2);
  font-size: 1.05rem;
}
.rr-figures {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  gap: var(--s-2);
  margin: 0 0 var(--s-3);
}
.rr-figures div {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface-2);
  padding: var(--s-2) var(--s-3);
}
.rr-figures dt {
  font-size: 0.85rem;
  color: var(--muted);
}
.rr-figures dd {
  margin: 0;
  font-weight: 700;
}
.table-wrap {
  max-inline-size: 100%;
  overflow-x: auto;
  /* browser drive defect 6: a table wider than its frame says so — a scrollbar always drawn, never an overlay */
  scrollbar-width: auto;
  scrollbar-gutter: stable;
}
.rr-table td {
  white-space: nowrap;
}
/* browser drive defect 6: a long heading («الدوران (جلسة لكل طاولة في اليوم)») wraps in its column instead of pushing
   the last columns out of the frame */
.rr-table th {
  white-space: normal;
  min-inline-size: 5rem;
  vertical-align: bottom;
}
.rr-actions .btn {
  min-block-size: 44px;
}