.fire-dispatch-list.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  justify-content: stretch;
  width: 100%;
  max-width: 100vw;
}

.fire-incident {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
  margin: 0;
  padding: 12px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  /*max-width: 220px; */
}

.fire-dispatch-list.grid-5 > .fire-incident {
  width: 100%;
  min-width: 0;
}

.incident-type { color: red; font-weight: bold; text-transform: capitalize; }
.incident-datetime { color: lightgray; }
.incident-agency { font-weight: bold; text-transform: capitalize; }
.incident-address a { color: rgb(163, 0, 0); text-transform: capitalize; }
.incident-units { color: black; margin-top: 5px; }
.unitStatusOnscene { color: green; }
.unitStatusEnroute { color: blue; }
.unitStatusDisp { color: orange; }
.unitStatusTrans { color: purple; }

.fire-dispatch-list.fire-dispatch-center {
  justify-content: center;
}

@media (max-width: 1024px) {
  .fire-dispatch-list.grid-5 {
    grid-template-columns: repeat(3, 1fr) !important;
    justify-content: center;
  }
}

@media (max-width: 600px) {
  .fire-dispatch-list.grid-5 {
    grid-template-columns: 1fr !important;
    justify-content: stretch;
  }
  .fire-dispatch-list.grid-5 > .fire-incident {
    max-width: none;
  }
}