.calendar-group {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .calendar-group {
    flex-direction: row;
  }
}

/* Meter-reading photo tiles on the entry/edit screen (WAT-302). */
.meter-reading-photo-tile {
  min-width: 180px;
}
.meter-reading-photo-tile .file-name {
  max-width: 160px;
}

/* District table: clickable rows with inline expand panel (WAT-302 Pass A). */
.district-table .district-row {
  cursor: pointer;
}
.district-table .expand-chevron-col {
  width: 30px;
}
.district-table .district-expand-row > td {
  background-color: var(--bs-tertiary-bg, #f8f9fa);
  border-top: 0;
}
.district-table .district-expand-panel {
  padding: 0;
}

/* Pilot Use notice — in-page warning alert above @RenderBody() on every IDStaff
   surface (WAT-305 follow-up). Uses Bootstrap's .alert-warning as the base and
   adds a left accent strip + brand font so it reads as a deliberate notice rather
   than a generic alert. PM picked this placement after evaluating sticky-top,
   sticky-bottom, title-badge, and floating-corner alternatives. */
.pilot-use-alert {
  border-left: 4px solid var(--severe-warning, #F46434);
  letter-spacing: 0.06em;
  font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
}
.pilot-use-alert .bi {
  color: var(--severe-warning, #F46434);
}