/* Agenda compacta do painel, alinhada com o calendário da reserva. */
.dashboard.open #calendario .availability-layout {
  grid-template-columns: minmax(0, 39rem) minmax(16rem, 22rem);
  gap: 18px;
  align-items: start;
  justify-content: start;
}

.dashboard.open #calendario .availability-calendar-card {
  width: 100%;
  max-width: 39rem;
  padding: 18px;
}

.dashboard.open #calendario .availability-calendar-head {
  margin-bottom: 13px;
}

.dashboard.open #calendario .availability-calendar-head h3 {
  font-size: 20px;
}

.dashboard.open #calendario .calendar-nav {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  font-size: 19px;
}

.dashboard.open #calendario .availability-weekdays,
.dashboard.open #calendario .availability-calendar-grid {
  gap: 5px;
}

.dashboard.open #calendario .availability-weekdays {
  margin-bottom: 5px;
}

.dashboard.open #calendario .availability-day {
  height: 3.3rem;
  min-height: 3.3rem;
  border-radius: 9px;
  font-size: 13px;
}

.dashboard.open #calendario .availability-detail {
  width: 100%;
  max-width: 22rem;
  padding: 20px;
}

@media (max-width: 1180px) {
  .dashboard.open #calendario .availability-layout {
    grid-template-columns: minmax(0, 39rem);
  }

  .dashboard.open #calendario .availability-calendar-card,
  .dashboard.open #calendario .availability-detail {
    max-width: 39rem;
    margin-inline: auto;
  }
}

@media (max-width: 520px) {
  .dashboard.open #calendario .availability-calendar-card,
  .dashboard.open #calendario .availability-detail {
    padding: 14px;
  }

  .dashboard.open #calendario .availability-day {
    height: 2.85rem;
    min-height: 2.85rem;
  }

  .dashboard.open #calendario .availability-weekdays,
  .dashboard.open #calendario .availability-calendar-grid {
    gap: 4px;
  }
}