.sc-calendar-sync {
  margin: 0 0 14px;
}

.sc-calendar-card {
  --calendar-navy: #071827;
  --calendar-lime: #b9f227;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid #dbe3e8;
  border-radius: 14px;
  background: linear-gradient(120deg, #fff 0%, #f7faf6 100%);
  box-shadow: 0 8px 24px rgba(7, 24, 39, 0.06);
}

.sc-calendar-copy { min-width: 220px; }
.sc-calendar-title { margin: 0; color: var(--calendar-navy); font-size: 16px; font-weight: 800; }
.sc-calendar-detail { margin: 4px 0 0; color: #62717d; font-size: 12px; line-height: 1.45; }
.sc-calendar-badge { display: inline-flex; margin-left: 7px; padding: 3px 7px; border-radius: 999px; background: #e8f8bc; color: #355100; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; vertical-align: 2px; }
.sc-calendar-badge.is-off { background: #edf1f4; color: #687782; }
.sc-calendar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.sc-calendar-action { min-height: 38px; padding: 8px 13px; border: 1px solid #cfd9df; border-radius: 9px; background: #fff; color: var(--calendar-navy); font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.sc-calendar-action:hover { border-color: #97b826; }
.sc-calendar-action.is-primary { border-color: var(--calendar-lime); background: var(--calendar-lime); color: #071827; }
.sc-calendar-action.is-danger { color: #a43131; }
.sc-calendar-action:disabled { cursor: wait; opacity: .55; }
.sc-calendar-message { width: 100%; margin: 2px 0 0; color: #486112; font-size: 11px; text-align: right; }

@media (max-width: 720px) {
  .sc-calendar-card { align-items: stretch; flex-direction: column; gap: 12px; padding: 13px; }
  .sc-calendar-actions { justify-content: stretch; }
  .sc-calendar-action { flex: 1 1 130px; }
  .sc-calendar-message { text-align: left; }
}