/* Chrome is .lc-row; .meeting-row adds its column layout + link affordance. */
.meeting-row {
  grid-template-columns: 1fr auto;
  color: var(--color-ink);
  text-decoration: none;
  transition: background var(--dur-1) var(--ease-out);
}

.meeting-row:hover {
  background: var(--color-surface);
}

.meeting-row__label {
  font-weight: var(--fw-medium);
  color: var(--color-ink);
}

.meeting-row__date {
  font-family: var(--font-mono);
  font-size: var(--fs-13);
  color: var(--color-ink-muted);
}

/* A pickable meeting's row is a <button> (opens its drawer) instead of an
   <a> (navigates). Pico's [type=button]/[type=submit] (0,1,0) ties
   .lc-row/.meeting-row (0,1,0) and wins every tied property on source order
   (Pico loads after molecules/) — not just geometry, background and color
   too, or the row renders as Pico's solid dark button fill. Re-assert every
   property both rules set at a winning (0,2,1)+ compound, same fix as the
   .lc-btn Pico trap (v2 design-system pattern index, #2/#3). */
button.lc-row.meeting-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--sp-3);
  width: 100%;
  padding: var(--sp-3) var(--sp-4);
  background: var(--color-bg);
  border: none;
  border-radius: var(--r-2);
  margin: 0;
  color: var(--color-ink);
  font: inherit;
  text-align: inherit;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: background var(--dur-1) var(--ease-out);
}

button.lc-row.meeting-row:hover {
  background: var(--color-surface);
}