/* Deployment-level UI overrides. Kept separate so every new build receives
   these rules through the application shell, independently of cached assets. */
/* The Calendar link sits directly in .house-nav rather than inside a
   .sidebar-group, so it needs its own copy of the nav-section "pill" look
   to avoid looking like a different, unstyled control next to the rest of
   the sidebar buttons. */
@media (min-width: 861px) {
  .house-nav > a[data-page="calendar"] {
    min-height: 0 !important;
    margin: 15px 10px 6px !important;
    padding: 7px 9px !important;
    border-width: 0 !important;
    border-radius: 8px !important;
    background: #edf2f8 !important;
    color: #47617d !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  .house-nav > a[data-page="calendar"]::after { display: block !important; font-size: 22px !important; }

  html[data-theme="dark"] .house-nav > a[data-page="calendar"] {
    background: #303233 !important;
    color: #d5d6d3 !important;
    border: 1px solid #484a4b !important;
    box-shadow: 3px 3px 7px rgba(0,0,0,.48), -2px -2px 5px rgba(255,255,255,.055), inset 1px 1px 0 rgba(255,255,255,.045) !important;
  }
}

.calendar-filter.all.active,
.calendar-filter.all.active:hover,
.calendar-filter.all.active:focus,
.calendar-filter.all.active:focus-visible {
  border: 1px solid transparent !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}