/* R9 calm calendar: compact real controls, clear event ink, no changes to time geometry. */
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined {
  --r9-calendar-ink:#1c3157;--r9-calendar-line:rgba(37,69,126,.095);
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-toolbar-card {
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,251,255,.96))!important;
  border-color:rgba(183,199,226,.55)!important;box-shadow:0 5px 22px rgba(29,50,106,.035)!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-board {
  border-color:rgba(183,199,226,.6)!important;box-shadow:0 8px 26px rgba(29,50,106,.035)!important;
  background:#fff!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-time-axis {
  background:#fbfcff!important;border-color:var(--r9-calendar-line)!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event {
  border:1px solid color-mix(in srgb,var(--event-color) 17%,#fff)!important;
  border-left:3px solid color-mix(in srgb,var(--event-color) 78%,#3d5273)!important;
  background:color-mix(in srgb,var(--event-color) 17%,#fff)!important;color:var(--r9-calendar-ink)!important;
  border-radius:7px!important;box-shadow:0 2px 5px rgba(25,48,91,.055)!important;
  text-align:left!important;overflow:hidden!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event:focus-visible {
  outline:2px solid #2445c7!important;outline-offset:1px!important;z-index:20!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event strong {
  font-weight:720!important;letter-spacing:-.015em!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-shift-block {
  border-color:rgba(53,143,161,.25)!important;color:#487381!important;
  background:repeating-linear-gradient(135deg,rgba(62,163,178,.065) 0 5px,rgba(62,163,178,.025) 5px 10px)!important;
  box-shadow:none!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-count {
  border-radius:7px!important;
}
/* R14: native, read-only counts keep their four service colours and equal
   centred cells. Their values and labels remain generated by native LEOS. */
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary > div[role="group"] {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;align-items:stretch!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
  min-width:0!important;min-height:34px!important;height:34px!important;padding:3px 2px!important;box-sizing:border-box!important;border:0!important;border-radius:9px!important;text-align:center!important;
}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count.calendar-count-probe {background:#fff4d4!important;color:#855b04!important}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count.calendar-count-training {background:#fde9e6!important;color:#a33e35!important}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count.calendar-count-prevention {background:#f0e5fa!important;color:#7035a1!important}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count.calendar-count-other {background:#e9eef2!important;color:#405366!important}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count b {display:block!important;color:inherit!important;font:750 13px/1.05 system-ui,sans-serif!important;text-align:center!important}
html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count > span {display:block!important;width:100%!important;color:inherit!important;font:500 10px/1.1 system-ui,sans-serif!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:900px),(pointer:coarse) and (orientation:landscape) and (max-height:600px) {
  /* Native grid alignment must not become cross-axis shrink-to-fit when the
     preview changes this shell into a column flexbox. Keep both wrappers at
     the full available width, including portrait phones and tablets. */
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-shell {
    align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-main {
    align-self:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;gap:5px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-toolbar-card {
    flex:0 0 auto!important;padding:3px 4px!important;margin:0!important;border-radius:15px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-toolbar {
    display:grid!important;grid-template-columns:minmax(128px,auto) minmax(0,1fr) 44px!important;
    grid-template-rows:44px 44px!important;gap:3px 5px!important;align-items:center!important;align-content:start!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-nav-buttons {
    grid-column:1!important;grid-row:1!important;display:flex!important;gap:0!important;margin:0!important;
    border:0!important;border-radius:11px!important;background:rgba(255,255,255,.85)!important;box-shadow:inset 0 0 0 1px #dce5f3!important;overflow:hidden!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-toolbar :is(#calendarPrevBtn,#calendarTodayBtn,#calendarNextBtn,#calendarMobileAddBtn) {
    width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;
    margin:0!important;padding:0!important;line-height:1!important;font:600 12px/1 system-ui,sans-serif!important;border-radius:10px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-nav-buttons :is(#calendarPrevBtn,#calendarTodayBtn,#calendarNextBtn) {
    border:0!important;border-radius:0!important;background:transparent!important;color:var(--r9-calendar-ink)!important;box-shadow:none!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarRangeLabel {
    grid-column:2!important;grid-row:1!important;order:0!important;min-width:0!important;width:auto!important;max-width:100%!important;
    padding:0 2px!important;margin:0!important;white-space:normal!important;overflow-wrap:normal!important;text-align:center!important;
    font:650 11px/1.2 system-ui,sans-serif!important;color:var(--r9-calendar-ink)!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarMobileAddBtn {
    display:grid!important;place-items:center!important;grid-column:3!important;grid-row:1!important;font-size:25px!important;
    color:#fff!important;background:linear-gradient(140deg,#2748ca,#385bdd)!important;border:1px solid rgba(255,255,255,.65)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 9px rgba(37,69,199,.16)!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarViewTabs {
    grid-column:1/3!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:2px!important;width:100%!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:11px!important;
    background:#eef2fa!important;border:0!important;overflow:visible!important;margin:0!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarViewTabs button {
    width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 1px!important;
    border:0!important;border-radius:10px!important;font:600 12px/1.2 system-ui,sans-serif!important;color:#65748e!important;white-space:nowrap!important;
    background:transparent!important;box-shadow:none!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarViewTabs button.active {
    background:#fff!important;color:#2445c7!important;box-shadow:0 2px 7px rgba(37,69,126,.1)!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel {
    flex:0 0 auto!important;margin:0!important;border-radius:12px!important;border-color:#dfe7f3!important;background:rgba(255,255,255,.85)!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel > summary {
    display:flex!important;align-items:center!important;gap:7px!important;min-height:44px!important;height:auto!important;box-sizing:border-box!important;
    margin:0!important;padding:6px 10px!important;font:650 11px/1.25 system-ui,sans-serif!important;color:#3d526f!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel .calendar-filter-panel-hint {
    flex:1!important;min-width:0!important;margin:0!important;color:#7a879b!important;font:450 10px/1.3 system-ui,sans-serif!important;text-align:right!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-filter-body {
    padding:0 9px 9px!important;max-height:min(38dvh,300px)!important;overflow:auto!important;overscroll-behavior:contain!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel:not([open]) .ux-calendar-r9-filter-body {display:none!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-toolbar-filter:not([open]) {
    grid-column:3!important;grid-row:2!important;justify-self:end!important;width:44px!important;height:44px!important;border:0!important;background:transparent!important;overflow:visible!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-toolbar-filter:not([open]) > summary {
    display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:1px solid #dce5f3!important;border-radius:10px!important;background:#fff!important;position:relative!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-toolbar-filter:not([open]) > summary :is(.ux-calendar-r9-filter-title,.calendar-filter-panel-hint) {
    position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-toolbar-filter:not([open]) > summary::after {display:none!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r14-filter-glyph {display:grid!important;place-items:center!important;width:20px!important;height:20px!important;color:#365679!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r14-filter-glyph svg {display:block!important;width:20px!important;height:20px!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-filter-active:not([open]) > summary {background:#e8f7f7!important;border-color:#72bdc5!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-toolbar-filter[open] {
    grid-column:1/-1!important;grid-row:3!important;width:100%!important;height:auto!important;margin-top:3px!important;background:#f8fbff!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel[open] .ux-calendar-r14-filter-glyph {display:none!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #e68CalendarStaffTools {
    display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0 0 7px!important;gap:7px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #e68CalendarStaffTools .calendar-staff-filter {
    flex:1!important;width:auto!important;min-width:0!important;margin:0!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined :is(#calendarStaffFilter,#e68CalendarSearchToggle,#calendarJumpDate) {
    height:44px!important;min-height:44px!important;max-height:44px!important;padding:7px 10px!important;font-size:13px!important;box-sizing:border-box!important;
    border:1px solid #dce5f3!important;border-radius:10px!important;background:#fff!important;color:#2d4669!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #e68CalendarSearchToggle {flex:0 0 44px!important;width:44px!important;padding:0!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-date-jump {
    display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:9px!important;margin-bottom:7px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-date-jump label {
    margin:0!important;font-size:11px!important;color:#64728a!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarJumpDate {width:100%!important;min-width:0!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarQuickFilters {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0!important;gap:5px!important;margin:0!important;border:0!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-quick-filter {
    min-height:44px!important;font-size:10.5px!important;border-radius:9px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary {
    flex:0 0 auto!important;margin:0!important;padding:0 3px!important;border:0!important;box-shadow:none!important;background:transparent!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary > div {
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;min-height:34px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count {
    display:flex!important;align-items:center!important;justify-content:center!important;gap:1px!important;min-width:0!important;padding:3px 2px!important;
    font:450 10px/1.25 system-ui,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarSummary .calendar-count b {font-size:13px!important;color:inherit!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-time-head {
    flex:0 0 40px!important;min-height:40px!important;height:40px!important;grid-template-columns:38px repeat(var(--calendar-days),minmax(0,1fr))!important;
    border-bottom:1px solid var(--r9-calendar-line)!important;background:#fbfcff!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-time-head :is(.calendar-corner,.calendar-day-head) {
    height:40px!important;min-height:0!important;padding:3px 2px!important;box-sizing:border-box!important;background:#fbfcff!important;border-color:var(--r9-calendar-line)!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-day-head {
    display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-day-head > span {
    width:auto!important;font:600 9px/1 system-ui,sans-serif!important;color:#72819b!important;text-transform:none!important;letter-spacing:0!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-day-head > strong {
    width:auto!important;height:auto!important;min-width:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;color:#244066!important;
    border-radius:0!important;font:650 11px/1.15 system-ui,sans-serif!important;white-space:nowrap!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-day-head.today > strong {color:#2445c7!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-single .calendar-time-head {
    flex-basis:40px!important;min-height:40px!important;height:40px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-single .calendar-time-head :is(.calendar-corner,.calendar-day-head) {
    height:40px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-single .calendar-day-head {
    flex-direction:row!important;justify-content:flex-start!important;gap:5px!important;padding-left:9px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-single .calendar-day-head :is(span,strong) {
    font-size:12px!important;color:#244066!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-time-scale-content {
    grid-template-columns:38px repeat(var(--calendar-days),minmax(0,1fr))!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-time-axis span {
    right:5px!important;font:450 9px/1 system-ui,sans-serif!important;color:#8390a5!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event {
    padding:3px 4px!important;gap:1px!important;min-height:0!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event strong {
    display:block!important;font:650 10px/1.15 system-ui,sans-serif!important;overflow:hidden!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event > span {
    display:block!important;font:450 9px/1.15 system-ui,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#51637e!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event > small {
    display:block!important;font:500 8.5px/1.15 system-ui,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#74829a!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-single .calendar-event strong {font-size:11.5px!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-single .calendar-event > span {font-size:10px!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-single .calendar-event > small {font-size:9px!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event.ux-calendar-r9-short-event > :is(span,small) {display:none!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-event.ux-calendar-r9-tiny-event {padding-top:1px!important;padding-bottom:0!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-time-view.ux-calendar-r9-notices .calendar-time-head {
    flex-basis:61px!important;height:61px!important;min-height:61px!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-time-view.ux-calendar-r9-notices .calendar-time-head :is(.calendar-corner,.calendar-day-head) {height:61px!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-day-head > small {
    display:block!important;min-height:0!important;width:auto!important;max-width:100%!important;padding:1px 3px!important;
    border-radius:4px!important;background:#edf2fa!important;font:500 8px/1.15 system-ui,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r9-single.ux-calendar-r9-notices .calendar-day-head {flex-wrap:wrap!important;align-content:center!important;gap:3px 5px!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-gap-pill {color:#a14b37!important;background:#fff3e8!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .calendar-board {border-radius:14px!important}
}
/* Five view targets still get at least 44px on the narrowest phones. The
   native filter uses its readable full row when six targets cannot fit. */
@media(max-width:359px) {
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarViewTabs {grid-column:1/-1!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-toolbar-filter:not([open]) {
    grid-column:1/-1!important;grid-row:3!important;width:100%!important;height:auto!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-toolbar-filter:not([open]) > summary {display:flex!important;align-items:center!important;width:100%!important;padding:6px 9px!important}
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined #calendarFilterPanel.ux-calendar-r14-toolbar-filter:not([open]) > summary :is(.ux-calendar-r9-filter-title,.calendar-filter-panel-hint) {
    position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;clip-path:none!important;white-space:nowrap!important;
  }
  html.leos-ux-preview.ux-calendar-r9-mobile #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined .ux-calendar-r14-filter-glyph {display:none!important}
}
@media(prefers-reduced-motion:reduce) {
  html.leos-ux-preview #leosE83 #appShell #mainContent #page-calendar.ux-calendar-refined * {scroll-behavior:auto!important}
}
