/* Hover previews an action; the existing stronger fill identifies selection. */
.notificationBellPanel .notificationBellHeader {
  flex-wrap: wrap;
  gap: 8px;
}

.notificationBellHeader .notificationReadAllActions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.notificationBellPanel .notificationMarkAllRead {
  min-height: 32px;
  padding: 4px 8px;
  border: 1px solid #b9cdeb;
  border-radius: 999px;
  background: #eff6ff;
  color: #2456a6;
  font-size: 12px;
  line-height: 1.3;
  cursor: pointer;
  white-space: nowrap;
}

.notificationBellPanel .notificationMarkAllRead[hidden] {
  display: none;
}

.notificationBellPanel .notificationMarkAllRead:hover:not(:disabled) {
  background: #d9e8fc;
}

.notificationBellPanel .notificationMarkAllRead:disabled {
  opacity: .55;
  cursor: default;
}

.notificationMarkAllRead:focus-visible {
  outline: 2px solid #2456a6;
  outline-offset: 2px;
}

.notificationBellHeader [data-mark-all-status] {
  width: 100%;
  color: #b91c1c;
  font-size: 12px;
}

.app-shell-header .headerProfileLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.app-shell-header .headerProfileLink:hover {
  box-shadow: 0 0 0 3px rgba(145, 181, 230, .45);
}

.app-shell-header .headerProfileLink:focus-visible {
  outline: 3px solid #91b5e6;
  outline-offset: 3px;
}

.btn[class*="btn-outline-"] {
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-btn-color) 22%, white);
  --bs-btn-hover-color: var(--bs-btn-color);
}

:is(.myShiftModeButton, .myShiftFilter, .staffAvailabilityFilter,
    .notificationFilterButton, .announcementFeedFilter, .adminDashboardTab,
    .hospitalsFilter):hover:not(.active):not(.is-active):not(:active):not(:disabled) {
  background: #d9e8fc;
  border-color: #91b5e6;
  color: #2456a6;
}

:is(.confirmedShiftModeButton, .confirmedShiftFilter, .emailListTab):hover:not(.active):not(:active):not(:disabled) {
  background: #cdebe3;
  border-color: #80c2b5;
  color: #0f655e;
}

:is(.manageStaffFilter, .reportsTab):hover:not(.is-active):not(:active):not(:disabled) {
  background: #d8e0eb;
  border-color: #a5b4c8;
  color: #334155;
}

.myAvailabilityShell .fc .fc-button-primary:hover:not(:disabled):not(.fc-button-active):not(:active),
#confirmedShiftCalendar .fc .fc-button-primary:hover:not(:disabled):not(.fc-button-active):not(:active) {
  background: #d9e8fc;
  border-color: #91b5e6;
  color: #2456a6;
}

.announcementFeedPinBtn:hover:not(.is-pinned):not(:active):not(:disabled) {
  background: #ffe0c2;
  border-color: #fb9b45;
  color: #9a3412;
}

.notificationBellButton:hover:not([aria-expanded="true"]):not(:active):not(:disabled) {
  background: rgba(255, 255, 255, 0.21);
}

.announcementShiftChoices label:hover input:not(:checked):not(:disabled) + span {
  background: #d9e8fc;
  border-color: #91b5e6;
  color: #2456a6;
}