/* Admin Calendar (Team Calendar) — Signal design language.
   Verbatim translation of docs/design/export/Admin Calendar.dc.html.
   Tokens (light/dark) are applied as inline CSS vars on .acal-root by the module (follows the shell
   theme). This file carries only the fonts, keyframes, scrollbar, box-sizing + the hover rules the
   mockup expressed via style-hover (which don't translate to inline styles). Namespaced .acal-root so
   it never collides with the shipped Agent Calendar's .cal-root stylesheet in the same folder. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

.acal-root * { box-sizing: border-box; }

.acal-root ::-webkit-scrollbar { width: 10px; height: 10px; }
.acal-root ::-webkit-scrollbar-thumb { background: var(--border-strong, #cfd4e4); border-radius: 99px; border: 2px solid transparent; background-clip: content-box; }

@keyframes cal-pop { 0% { transform: translateY(6px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
@keyframes cal-fade { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes cal-sheet { 0% { transform: translateY(24px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
@keyframes cal-spin { 100% { transform: rotate(360deg); } }

/* hover accents that were style-hover attributes in the mockup */
.acal-root .cal-nav:hover { background: var(--brand-50, #EEF1FE) !important; color: var(--brand-700, #3D4FC9) !important; }
.acal-root .cal-daycell:hover { background: var(--surface-2, #FAFBFE); }
.acal-root .cal-chip:hover { filter: brightness(.97); }
.acal-root .cal-weekhead:hover { background: var(--brand-50, #EEF1FE); }
.acal-root .cal-agenda-card:hover { border-color: var(--brand-400, #7B8FF3); }
.acal-root .acal-picker:hover { border-color: var(--brand-400, #7B8FF3); }
.acal-root .acal-opt:hover { background: var(--surface-2, #FAFBFE); }

/* responsive: scope bar wraps on narrow viewports */
@media (max-width: 760px) {
  .acal-root .acal-picker { min-width: 0 !important; }
}