/* =========================================================
   SHIFTLYNX SCHEDULE ACTION TOOLBAR
========================================================= */

.toolbar-actions,
.schedule-navigation-actions,
.schedule-management-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.schedule-toolbar-divider {
  width: 1px;
  height: 34px;
  margin: 0 4px;

  background:
    rgba(128, 170, 216, 0.13);
}

.schedule-management-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.schedule-management-actions button svg {
  width: 15px;
  height: 15px;
}

.generate-draft-btn {
  box-shadow:
    0 10px 28px
    rgba(27, 133, 235, 0.18);
}

.clear-draft-btn {
  min-height: 40px;
  padding: 0 13px;

  border:
    1px solid
    rgba(255, 101, 111, 0.22);

  border-radius: 11px;

  color: #ff9ea6;

  background:
    rgba(200, 52, 62, 0.07);

  font-weight: 750;
}

.clear-draft-btn:hover {
  border-color:
    rgba(255, 101, 111, 0.42);

  color: #ffd5d8;

  background:
    rgba(200, 52, 62, 0.14);
}

.clear-draft-btn:disabled,
.generate-draft-btn:disabled {
  cursor: wait;
  opacity: 0.55;
}

@media (max-width: 1050px) {
  .toolbar-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .schedule-toolbar-divider {
    width: 100%;
    height: 1px;
    margin: 2px 0;
  }
}