/* Field area: time, timesheets, today and the crew map. */

/* The base .crew-map rule in tailwind/application.css is a fixed height; the map page fills the stage. */
.map-stage .crew-map {
  height: calc(100vh - 200px);
  min-height: 420px;
  margin: 0;
  border-radius: var(--radius);
}

@media (max-width: 1180px) {
  .map-stage .crew-map {
    height: 60vh;
  }
}

.map-stage .maplibregl-popup-content {
  white-space: pre-line;
  font: 13px var(--font-body-stack);
}

.time-grid td:first-child {
  white-space: nowrap;
}

.check-in .field {
  margin: 0;
}

/* The pin picker on the job site form and the business tab. */
.location-map {
  border: 1px solid var(--line);
  cursor: crosshair;
}

.location-state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 13px;
}

.location-relocate[hidden] {
  display: none;
}