/* Stable application-owned styles for FullCalendar portal overlays. */
.metis-calendar-popover {
  --metis-calendar-popover-bg: #eef0f3;
  --metis-calendar-popover-header: #e2e6eb;
  --metis-calendar-popover-border: #cfd5dd;
  min-width: 240px;
  max-width: min(360px, calc(100vw - 24px));
  overflow: hidden;
  isolation: isolate;
  color: #263244;
  background: var(--metis-calendar-popover-bg) !important;
  border: 1px solid var(--metis-calendar-popover-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(22, 32, 46, .24) !important;
  opacity: 1 !important;
  z-index: 2400 !important;
}

.metis-calendar-popover > .atlas-cal-weekday {
  padding: 10px 12px;
  background: var(--metis-calendar-popover-header) !important;
  border-bottom: 1px solid var(--metis-calendar-popover-border);
}

.metis-calendar-popover > .atlas-cal-day {
  padding: 8px;
  background: var(--metis-calendar-popover-bg) !important;
}

.metis-calendar-popover .atlas-cal-event {
  margin-block: 4px;
}

[data-theme="dark"] .metis-calendar-popover,
.dark .metis-calendar-popover {
  --metis-calendar-popover-bg: #20252d;
  --metis-calendar-popover-header: #292f39;
  --metis-calendar-popover-border: #3d4653;
  color: #eef2f7;
}

@media (max-width: 820px) {
  .metis-calendar-popover {
    min-width: min(280px, calc(100vw - 24px));
    max-height: min(62vh, 520px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}