/* Existing product geometry retained around React and EDS components. */
.topbar .eds-navigation__link > span:not(.eds-navigation__icon) { display: inline; width: auto; flex: 0 1 auto; font-size: inherit; }
.event-title-button { border: 0; background: transparent; padding: 0; color: inherit; font: inherit; font-weight: inherit; text-align: left; }
.calendar-event-arrow { display: inline-flex; align-items: center; }
.eds-dialog.calendar-modal { width: min(980px,calc(100% - 24px)); max-width: 980px; max-height: 88vh; }
.calendar-modal .calendar-modal-body { padding: 0; }
.calendar-modal .calendar-event-detail { max-width: 100%; }
.calendar-modal .calendar-detail-banner { max-width: 100%; height: auto; }
.counter-value .eds-highlight { font-size: 18px; }
.ranking-metric .eds-highlight { font-size: inherit; letter-spacing: 0; }
.result-number.eds-highlight > span { display: inline; }
.react-busy { opacity: .7; }
@media(max-width:700px) { .eds-dialog.calendar-modal { padding: 16px; } }

.eds-dialog.calendar-modal .eds-dialog__header > button { flex-shrink: 0; white-space: nowrap; }

.day-pending-slot { display: inline-flex; width: 12px; height: 12px; flex: 0 0 12px; align-items: center; }
.day-pending-spinner { width: 12px; height: 12px; box-sizing: border-box; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; visibility: hidden; }
.day-pending-spinner.is-visible { visibility: visible; animation: day-pending-spin .8s linear infinite; }
@keyframes day-pending-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .day-pending-spinner.is-visible { animation: none; } }

/* Sticky day controls share the page surface and one button geometry. */
.raid-day-tabs { background: var(--bg); border-bottom: 0; }
.raid-day-tabs :is(.pill,.btn.small) { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 14px; border-radius: 999px; font-size: 14px; line-height: 1.35; white-space: nowrap; }
@media(max-width:700px) {
 .raid-day-tabs :is(.pill,.btn.small) { min-height: 32px; padding: 7px 10px; font-size: 12px; }
}