.calendar-context-menu { position: fixed; z-index: 11000; display: grid; box-sizing: border-box; gap: 2px; width: max-content; min-width: min(200px, calc(100vw - 16px)); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 6px; overflow: auto; overscroll-behavior: contain; border: 1px solid #cdddea; border-radius: 8px; background: #fff; color: #315470; box-shadow: 0 12px 42px #17324f30; font: 13px/1.5 Arial, sans-serif; }
.calendar-context-menu-item { display: block; box-sizing: border-box; width: 100%; min-width: 0; padding: 8px 11px; border: 0; border-radius: 4px; background: transparent; color: inherit; font: inherit; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.calendar-context-menu-item:hover, .calendar-context-menu-item:focus-visible { outline: none; background: #eaf4fd; color: #1665a5; }
.calendar-context-menu-item.is-danger { color: #b24150; }
.calendar-context-menu-item.is-danger:hover, .calendar-context-menu-item.is-danger:focus-visible { background: #fff0f2; color: #a32e3d; }
.calendar-context-menu-item:disabled { color: #94a4b4; background: transparent; cursor: default; }
.calendar-context-menu-separator { height: 1px; margin: 4px 3px; background: #e2eaf2; }
@media (max-width: 600px) { .calendar-context-menu-item { min-height: 42px; padding: 10px 12px; } }