.calendar-workflows-shell .calendar-workflow-save-status {
  appearance: none;
  position: fixed;
  left: max(16px, env(safe-area-inset-left));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 980;
  min-height: 36px;
  padding: 0.42rem 0.72rem;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.18);
  backdrop-filter: blur(12px);
  cursor: pointer;
  font: inherit;
}

.calendar-workflows-shell .calendar-workflow-save-status:hover,
.calendar-workflows-shell .calendar-workflow-save-status:focus-visible {
  filter: saturate(1.08) brightness(0.98);
  outline: 2px solid color-mix(in srgb, var(--workflow-save-tone) 40%, transparent);
  outline-offset: 2px;
}

.calendar-workflows-shell .calendar-workflow-save-status:disabled {
  cursor: wait;
  opacity: 0.88;
}

.calendar-workflows-shell .calendar-workflow-save-status[data-status="saving"]::before {
  animation: calendar-workflow-save-pulse 0.9s ease-in-out infinite;
}

.landing-workflow-modal.is-open .calendar-workflow-save-status {
  z-index: 1360;
}

body.theme-dark .calendar-workflows-shell .calendar-workflow-save-status {
  background: color-mix(in srgb, var(--workflow-save-tone) 16%, rgba(15, 23, 42, 0.94) 84%);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34);
}

@keyframes calendar-workflow-save-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.82;
  }

  50% {
    transform: scale(1.35);
    opacity: 1;
  }
}

@media (max-width: 680px) {
  .calendar-workflows-shell .calendar-workflow-save-status {
    right: max(12px, env(safe-area-inset-right));
    left: max(12px, env(safe-area-inset-left));
    justify-content: center;
    width: auto;
  }
}