/* Arbah v3 — EngineerToday surface-specific styles.
 *
 * Scoped under `.av3` so nothing leaks onto the legacy / v2 renders.
 * Everything structural reuses the shipped v3 primitives
 * (arbah-v3-primitives.css): .card / .card-head / .check-row / .check-box /
 * .chip / .cdot / .dt-id / .id-chip / .btn-secondary / .empty-state /
 * .needs-data / .cardgrid-2. The classes below are ONLY the bits the
 * mockup (design/arbah-v3/project/engineertoday.jsx) draws that have no
 * primitive: the 4-up quick-action grid + its icon-over-label buttons,
 * and the visit / RFI list rows. No primitive is redefined here.
 */

/* Quick-action 4-button grid (mockup: gridTemplateColumns repeat(4,1fr)). */
.av3 .et-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

/* Icon-over-label .btn-secondary variant (mockup: column flex, ~72px tall). */
.av3 .et-quick-btn {
  flex-direction: column;
  height: auto;
  min-height: 72px;
  padding: 14px 8px;
  gap: 7px;
}
.av3 .et-quick-btn .et-quick-label {
  font-size: 11.5px;
  line-height: 1.2;
  text-align: center;
}

/* A single list row inside the Site-visits / RFI side cards (the mockup uses
 * an 18px-padded flex row with a hairline separator between rows). */
.av3 .et-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 18px;
  min-height: 44px;
  border-bottom: 1px solid var(--arbah-border);
}
.av3 .et-list-row:last-child { border-bottom: none; }

/* RFI row's title line (id + subject) clamps to one line; project chip below. */
.av3 .et-rfi-main { min-width: 0; }
.av3 .et-rfi-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--arbah-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.av3 .et-rfi-sub { margin-top: 2px; }

/* The site-visit time numeral reads mono (matches mockup's dt-mono). */
.av3 .et-visit-time { font-weight: 600; }