/* [project]/src/modules/presence/components/screens/employee/employee-home.css [app-client] (css) */
.presence-home-stack {
  gap: 16px;
  display: grid;
}

.presence-home-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.presence-home-week-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-block: 20px 12px;
  display: flex;
}

.presence-home-week-heading h3 {
  margin: 0;
}

.presence-home-week {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.presence-home-day-choice {
  min-width: 0;
  height: 100%;
  display: grid;
  position: relative;
}

.presence-home-day-content {
  align-content: start;
  gap: 8px;
  min-width: 0;
  display: grid;
}

.presence-home-day-details {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.presence-home-day-action-space {
  height: 58px;
}

.presence-home-day-action {
  z-index: 1;
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.presence-home-booking-next-step {
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.presence-home-booking-next-step > :last-child {
  justify-self: start;
}

.presence-home-secondary {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 16px;
  display: grid;
}

.presence-home-leave-content {
  align-content: start;
  gap: 14px;
  display: grid;
}

.presence-home-leave-content p {
  margin: 0;
}

.presence-home-leave-action {
  margin-top: 12px;
}

.presence-home-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.presence-home-metric {
  gap: 8px;
  display: grid;
}

.presence-home-loading {
  gap: 12px;
  display: grid;
}

@media (max-width: 900px) {
  .presence-home-week {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .presence-home-secondary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .presence-home-week, .presence-home-metrics {
    grid-template-columns: 1fr;
  }
}

.presence-home-team-day-cell {
  gap: 4px;
  display: grid;
}