/* =========================================================
   MAIN FLOATING NOTIFICATION DOCK V3

   Blower / BOX alerts keep their existing data and click
   handlers. Only their visual mount point is detached from
   the current-shift heading so browser zoom cannot move it.
========================================================= */

html body
#mainNotificationRail.main-floating-notification-dock {
  box-sizing: border-box !important;
  position: fixed !important;
  inset: auto
    max(20px, env(safe-area-inset-right))
    max(20px, env(safe-area-inset-bottom))
    auto !important;
  z-index: 300 !important;

  display: flex !important;
  width: clamp(360px, 28vw, 420px) !important;
  min-width: 0 !important;
  max-width: calc(100dvw - 40px) !important;
  max-height: min(55dvh, 480px) !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;

  margin: 0 !important;
  padding: 13px !important;
  overflow: hidden !important;

  border: 1px solid rgba(166, 183, 201, 0.38) !important;
  border-radius: 16px !important;
  background: rgba(248, 250, 253, 0.44) !important;
  color: #24364d !important;
  box-shadow:
    0 12px 32px rgba(25, 43, 66, 0.08),
    0 2px 8px rgba(25, 43, 66, 0.03) !important;

  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;

  -webkit-backdrop-filter: blur(4px) saturate(1.01);
  backdrop-filter: blur(4px) saturate(1.01);

  transition:
    opacity 0.18s ease,
    transform 0.18s ease !important;
}


html body
#mainNotificationRail.main-floating-notification-dock[data-active="false"],

html body
#mainNotificationRail.main-floating-notification-dock.is-floating-closed {
  display: none !important;
}


/* The old Blower layout reserved heading space at zoomed widths. */
html body
#statusView
.shift-status-section
> .section-heading
> .shift-heading-right.has-blower-history-main-alert {
  padding-top: 0 !important;
}


/* Avoid a one-frame flash if the legacy mobile code reparents BOX. */
html body
.top-tabs__inner
> #armRollBoxMainAlert.is-mobile-top-alert {
  display: none !important;
}


.main-floating-notification-dock__header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}


.main-floating-notification-dock__controls {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}


.main-floating-notification-dock__collapse {
  display: none;
}


.main-floating-notification-dock__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}


.main-floating-notification-dock__heading-dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d28a24;
  box-shadow: 0 0 0 4px rgba(210, 138, 36, 0.11);
}


.main-floating-notification-dock.has-critical-alert
.main-floating-notification-dock__heading-dot {
  background: #bc2837;
  box-shadow: 0 0 0 4px rgba(188, 40, 55, 0.11);
}


.main-floating-notification-dock__heading strong {
  overflow: hidden;
  color: #24364d;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.main-floating-notification-dock__total {
  display: inline-flex;
  min-width: 27px;
  height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 999px;
  background: #945d00;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}


.main-floating-notification-dock.has-critical-alert
.main-floating-notification-dock__total {
  background: #bc2837;
}


.main-floating-notification-dock__close {
  display: inline-flex;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid #d3dde7;
  border-radius: 10px;
  background: rgba(247, 249, 252, 0.38);
  color: #5f7187;
  font: inherit;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}


.main-floating-notification-dock__close:hover {
  border-color: #aebdcd;
  background: #eef3f7;
  color: #263b53;
}


.main-floating-notification-dock__summary {
  display: none;
}


.main-floating-notification-dock__list {
  display: grid;
  min-width: 0;
  gap: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}


.main-floating-notification-dock__live {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}


/* =========================================================
   Existing alert buttons as readable dock rows
========================================================= */

html body
#mainNotificationRailList
> .blower-history-main-alert,

html body
#mainNotificationRailList
> .arm-roll-box-main-alert {
  box-sizing: border-box !important;
  position: relative !important;
  inset: auto !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 58px !important;
  align-items: center !important;
  gap: 9px !important;

  margin: 0 !important;
  padding: 10px 11px !important;
  overflow: hidden !important;

  border-radius: 12px !important;
  text-align: left !important;
  white-space: normal !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
}


html body
#mainNotificationRailList
> .blower-history-main-alert:not([hidden]),

html body
#mainNotificationRailList
> .arm-roll-box-main-alert:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}


html body
#mainNotificationRailList
> .blower-history-main-alert[hidden],

html body
#mainNotificationRailList
> .arm-roll-box-main-alert[hidden] {
  display: none !important;
}


html body
#mainNotificationRailList
> .blower-history-main-alert {
  border: 1px solid rgba(207, 99, 111, 0.48) !important;
  background: rgba(255, 241, 243, 0.20) !important;
  color: #9f2632 !important;
}


html body
#mainNotificationRailList
> .blower-history-main-alert.is-warning {
  border-color: rgba(201, 151, 38, 0.48) !important;
  background: rgba(255, 248, 232, 0.22) !important;
  color: #805d0c !important;
}


html body
#mainNotificationRailList
> .arm-roll-box-main-alert {
  border: 1px solid rgba(205, 132, 27, 0.48) !important;
  background: rgba(255, 248, 232, 0.22) !important;
  color: #80520f !important;
}


html body
#mainNotificationRailList
> .arm-roll-box-main-alert.is-critical {
  border-color: rgba(199, 69, 83, 0.48) !important;
  background: rgba(255, 241, 243, 0.20) !important;
  color: #a52e3a !important;
}


html body
#mainNotificationRailList
.blower-history-main-alert__dot,

html body
#mainNotificationRailList
.arm-roll-box-main-alert__icon {
  display: none !important;
}


html body
#mainNotificationRailList
.blower-history-main-alert__content,

html body
#mainNotificationRailList
.arm-roll-box-main-alert__content {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}


html body
#mainNotificationRailList
.blower-history-main-alert__content small,

html body
#mainNotificationRailList
.arm-roll-box-main-alert__content small {
  display: block !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


html body
#mainNotificationRailList
.blower-history-main-alert__content strong,

html body
#mainNotificationRailList
.arm-roll-box-main-alert__content strong {
  display: -webkit-box !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 780 !important;
  line-height: 1.38 !important;
  letter-spacing: -0.02em !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}


html body
#mainNotificationRailList
.arm-roll-box-main-alert__content strong::before {
  display: none !important;
  content: none !important;
}


html body
#mainNotificationRailList
.arm-roll-box-main-alert__reference {
  display: none !important;
}


html body
#mainNotificationRailList
.blower-history-main-alert__count,

html body
#mainNotificationRailList
.arm-roll-box-main-alert__count {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  min-width: 31px !important;
  height: 25px !important;
  min-height: 25px !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #bd2938 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}


html body
#mainNotificationRailList
> .blower-history-main-alert.is-warning
.blower-history-main-alert__count,

html body
#mainNotificationRailList
> .arm-roll-box-main-alert.is-recommend
.arm-roll-box-main-alert__count {
  background: #945d00 !important;
}


html body
#mainNotificationRailList
> button:hover {
  filter: brightness(0.985);
}


html body
#mainNotificationRailList
> button:focus-visible,

.main-floating-notification-dock__close:focus-visible,
.main-floating-notification-dock__collapse:focus-visible,
.main-floating-notification-dock__detail-action:focus-visible,
.main-floating-notification-dock__summary:focus-visible,
.main-floating-notification-launcher:focus-visible {
  outline: 2px solid #2c6fbd !important;
  outline-offset: 2px !important;
}


/* =========================================================
   Closed launcher
========================================================= */

html body
.main-floating-notification-launcher {
  box-sizing: border-box;
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 300;

  display: inline-flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 0;
  border: 1px solid rgba(200, 63, 76, 0.72);
  border-radius: 50%;
  background: rgba(255, 247, 248, 0.48);
  color: #b42331;
  box-shadow: 0 10px 25px rgba(45, 58, 77, 0.15);

  font: inherit;
  cursor: pointer;

  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}


html body
.main-floating-notification-launcher[hidden] {
  display: none !important;
}


.main-floating-notification-launcher__mark {
  font-size: 25px;
  font-weight: 950;
  line-height: 1;
}


.main-floating-notification-launcher__count {
  position: absolute;
  top: -5px;
  right: -5px;
  display: inline-flex;
  min-width: 23px;
  height: 23px;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #b42331;
  color: #ffffff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}


/* =========================================================
   Mobile and high browser zoom
========================================================= */

@media screen and (max-width: 768px) {
  html body
  #mainNotificationRail.main-floating-notification-dock {
    inset: auto
      max(12px, env(safe-area-inset-right))
      max(12px, env(safe-area-inset-bottom))
      max(12px, env(safe-area-inset-left)) !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: min(60dvh, 440px) !important;
    gap: 7px !important;
    padding: 10px !important;
    border-radius: 15px !important;
    background: rgba(248, 250, 253, 0.52) !important;
    box-shadow:
      0 12px 32px rgba(24, 42, 64, 0.12),
      0 2px 8px rgba(24, 42, 64, 0.05) !important;
    -webkit-backdrop-filter: blur(5px) saturate(1.01);
    backdrop-filter: blur(5px) saturate(1.01);
  }


  .main-floating-notification-dock__header {
    gap: 8px;
  }


  .main-floating-notification-dock__heading {
    gap: 7px;
  }


  .main-floating-notification-dock__heading-dot {
    width: 8px;
    height: 8px;
  }


  .main-floating-notification-dock__heading strong {
    font-size: 14px;
  }


  .main-floating-notification-dock__total {
    min-width: 25px;
    height: 22px;
    padding: 0 7px;
    font-size: 10px;
  }


  .main-floating-notification-dock__close {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    font-size: 19px;
  }


  .main-floating-notification-dock__summary {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 31px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    padding: 3px 2px 1px;
    border: 0;
    background: transparent;
    color: #52647a;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }


  .main-floating-notification-dock__summary span {
    min-width: 0;
    overflow: hidden;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }


  .main-floating-notification-dock__summary strong {
    flex: 0 0 auto;
    color: #2a65a8;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
  }


  #mainNotificationRail.main-floating-notification-dock
  .main-floating-notification-dock__list {
    display: none !important;
  }


  #mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
  .main-floating-notification-dock__list {
    display: grid !important;
    max-height: calc(min(60dvh, 440px) - 102px);
  }


  html body
  #mainNotificationRailList
  > .blower-history-main-alert,

  html body
  #mainNotificationRailList
  > .arm-roll-box-main-alert {
    min-height: 52px !important;
    gap: 7px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
  }


  html body
  #mainNotificationRailList
  .blower-history-main-alert__content small,

  html body
  #mainNotificationRailList
  .arm-roll-box-main-alert__content small {
    margin-bottom: 2px !important;
    font-size: 10.5px !important;
  }


  html body
  #mainNotificationRailList
  .blower-history-main-alert__content strong,

  html body
  #mainNotificationRailList
  .arm-roll-box-main-alert__content strong {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }


  html body
  #mainNotificationRailList
  .blower-history-main-alert__count,

  html body
  #mainNotificationRailList
  .arm-roll-box-main-alert__count {
    min-width: 29px !important;
    height: 23px !important;
    min-height: 23px !important;
    padding: 0 6px !important;
    font-size: 9px !important;
  }


  html body
  .main-floating-notification-launcher {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    width: 50px;
    height: 50px;
  }


  .main-floating-notification-launcher__mark {
    font-size: 23px;
  }


  .main-floating-notification-launcher__count {
    top: -4px;
    right: -4px;
    min-width: 22px;
    height: 22px;
    font-size: 8.5px;
  }
}


/* The dedicated mobile client can be wider than 768px in landscape. */
html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock {
  inset: auto
    max(12px, env(safe-area-inset-right))
    max(12px, env(safe-area-inset-bottom))
    max(12px, env(safe-area-inset-left)) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  max-height: min(60dvh, 440px) !important;
  gap: 7px !important;
  padding: 10px !important;
  border-radius: 15px !important;
  background: rgba(248, 250, 253, 0.52) !important;
  box-shadow:
    0 12px 32px rgba(24, 42, 64, 0.12),
    0 2px 8px rgba(24, 42, 64, 0.05) !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.01);
  backdrop-filter: blur(5px) saturate(1.01);
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__header {
  gap: 8px;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading {
  gap: 7px;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading-dot {
  width: 8px;
  height: 8px;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading strong {
  font-size: 14px;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__total {
  min-width: 25px;
  height: 22px;
  padding: 0 7px;
  font-size: 10px;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__close {
  flex-basis: 40px;
  width: 40px;
  height: 40px;
  border-radius: 9px;
  font-size: 19px;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 31px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 3px 2px 1px;
  border: 0;
  background: transparent;
  color: #52647a;
  font: inherit;
  text-align: left;
  cursor: pointer;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary span {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary strong {
  flex: 0 0 auto;
  color: #2a65a8;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}


html.main-floating-notification-mobile-client
#mainNotificationRail.main-floating-notification-dock
.main-floating-notification-dock__list {
  display: none !important;
}


html.main-floating-notification-mobile-client
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
.main-floating-notification-dock__list {
  display: grid !important;
  max-height: calc(min(60dvh, 440px) - 102px);
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> .blower-history-main-alert,

html.main-floating-notification-mobile-client body
#mainNotificationRailList
> .arm-roll-box-main-alert {
  min-height: 52px !important;
  gap: 7px !important;
  padding: 8px 9px !important;
  border-radius: 10px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
.blower-history-main-alert__content small,

html.main-floating-notification-mobile-client body
#mainNotificationRailList
.arm-roll-box-main-alert__content small {
  margin-bottom: 2px !important;
  font-size: 10.5px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
.blower-history-main-alert__content strong,

html.main-floating-notification-mobile-client body
#mainNotificationRailList
.arm-roll-box-main-alert__content strong {
  font-size: 12px !important;
  line-height: 1.35 !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
.blower-history-main-alert__count,

html.main-floating-notification-mobile-client body
#mainNotificationRailList
.arm-roll-box-main-alert__count {
  min-width: 29px !important;
  height: 23px !important;
  min-height: 23px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
}


html.main-floating-notification-mobile-client body
.main-floating-notification-launcher {
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  width: 50px;
  height: 50px;
}


html.main-floating-notification-mobile-client
.main-floating-notification-launcher__mark {
  font-size: 23px;
}


html.main-floating-notification-mobile-client
.main-floating-notification-launcher__count {
  top: -4px;
  right: -4px;
  min-width: 22px;
  height: 22px;
  font-size: 8.5px;
}


@media print {
  html body
  #mainNotificationRail.main-floating-notification-dock,

  html body
  .main-floating-notification-launcher {
    display: none !important;
  }
}


@media (prefers-reduced-motion: reduce) {
  html body
  #mainNotificationRail.main-floating-notification-dock {
    transition: none !important;
  }
}


/* =========================================================
   MOBILE BLOWER NOTIFICATION PREVIEW V1

   - Mobile shows Blower only.
   - The collapsed card stays compact at the lower-right.
   - Tapping the card reveals a preview; its detail action opens
     the existing Blower history route.
========================================================= */

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock {
  inset: auto
    max(10px, env(safe-area-inset-right))
    max(10px, calc(env(safe-area-inset-bottom) + 8px))
    auto !important;
  width: min(190px, calc(100dvw - 24px)) !important;
  max-width: calc(100dvw - 24px) !important;
  max-height: min(46dvh, 300px) !important;
  gap: 5px !important;
  padding: 8px !important;
  border-color: rgba(157, 175, 195, 0.34) !important;
  border-radius: 14px !important;
  background: rgba(248, 250, 253, 0.34) !important;
  box-shadow:
    0 9px 24px rgba(24, 42, 64, 0.09),
    0 2px 6px rgba(24, 42, 64, 0.035) !important;
  cursor: pointer !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.01) !important;
  backdrop-filter: blur(5px) saturate(1.01) !important;
  transition:
    width 0.18s ease,
    background 0.18s ease,
    opacity 0.18s ease,
    transform 0.18s ease !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"] {
  width: min(310px, calc(100dvw - 24px)) !important;
  background: rgba(248, 250, 253, 0.42) !important;
  cursor: default !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock
> #armRollBoxMainAlert,

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock
> #bedAshDischargeMainAlert,

html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #armRollBoxMainAlert {
  display: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"] {
  gap: 0 !important;
  padding: 7px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
.main-floating-notification-dock__header {
  position: absolute !important;
  top: 7px !important;
  right: 7px !important;
  z-index: 2 !important;
  width: 30px !important;
  min-height: 30px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
.main-floating-notification-dock__heading {
  display: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
.main-floating-notification-dock__summary {
  min-height: 32px !important;
  padding: 0 35px 0 2px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
.main-floating-notification-dock__header {
  position: static !important;
  width: auto !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__header {
  min-height: 30px !important;
  gap: 6px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading {
  gap: 6px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading-dot {
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 0 3px rgba(188, 40, 55, 0.08) !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading strong {
  font-size: 13px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__total {
  min-width: 23px !important;
  height: 21px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__close {
  flex-basis: 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-color: rgba(171, 188, 206, 0.36) !important;
  border-radius: 8px !important;
  background: rgba(247, 249, 252, 0.28) !important;
  font-size: 17px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary {
  min-height: 27px !important;
  gap: 7px !important;
  padding: 2px 1px 0 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary span {
  font-size: 11.5px !important;
  font-weight: 780 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary strong {
  font-size: 10.5px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
.main-floating-notification-dock__list {
  max-height: 178px !important;
  gap: 5px !important;
  padding-top: 2px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #blowerHistoryMainAlert:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  gap: 5px 7px !important;
  padding: 8px 9px 7px !important;
  border-color: rgba(199, 70, 83, 0.43) !important;
  border-radius: 10px !important;
  background: rgba(255, 241, 243, 0.20) !important;
  cursor: default !important;
  pointer-events: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #blowerHistoryMainAlert.is-warning:not([hidden]) {
  border-color: rgba(193, 146, 36, 0.43) !important;
  background: rgba(255, 248, 232, 0.20) !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
#blowerHistoryMainAlert
.blower-history-main-alert__content small {
  margin-bottom: 2px !important;
  font-size: 10px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
#blowerHistoryMainAlert
.blower-history-main-alert__content strong {
  font-size: 11.5px !important;
  line-height: 1.32 !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
#blowerHistoryMainAlert
.blower-history-main-alert__count {
  min-width: 27px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 6px !important;
  font-size: 8.5px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__detail-action {
  box-sizing: border-box !important;
  display: inline-flex !important;
  width: 100% !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid rgba(71, 116, 169, 0.28) !important;
  border-radius: 9px !important;
  background: rgba(242, 247, 252, 0.28) !important;
  color: #2c659f !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}


html.main-floating-notification-mobile-client body
.main-floating-notification-launcher {
  right: max(10px, env(safe-area-inset-right)) !important;
  bottom: max(10px, calc(env(safe-area-inset-bottom) + 8px)) !important;
  width: 44px !important;
  height: 44px !important;
  border-color: rgba(198, 63, 76, 0.50) !important;
  background: rgba(255, 247, 248, 0.34) !important;
  box-shadow: 0 8px 20px rgba(45, 58, 77, 0.10) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-launcher__mark {
  font-size: 20px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-launcher__count {
  min-width: 20px !important;
  height: 20px !important;
  font-size: 8px !important;
}


@media (prefers-reduced-motion: reduce) {
  html.main-floating-notification-mobile-client body
  #mainNotificationRail.main-floating-notification-dock,

  html.main-floating-notification-mobile-client body
  .main-floating-notification-launcher {
    transition: none !important;
  }
}


/* =========================================================
   MOBILE NOTIFICATION CENTER V1.1

   - Starts as a compact total-count preview button.
   - Blower and ARM ROLL BOX share one scrollable preview.
   - Bed Ash remains outside this mobile notification center.
========================================================= */

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock {
  width: min(148px, calc(100dvw - 24px)) !important;
  max-height: 56px !important;
  gap: 0 !important;
  padding: 5px !important;
  overflow: hidden !important;
  border-color: rgba(157, 175, 195, 0.28) !important;
  border-radius: 14px !important;
  background: rgba(248, 250, 253, 0.24) !important;
  cursor: default !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"] {
  width: min(330px, calc(100dvw - 24px)) !important;
  max-height: min(62dvh, 480px) !important;
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(248, 250, 253, 0.34) !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
> .main-floating-notification-dock__header,

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
> .main-floating-notification-dock__list {
  display: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
> .main-floating-notification-dock__summary {
  box-sizing: border-box !important;
  display: grid !important;
  width: 100% !important;
  min-height: 44px !important;
  grid-template-columns: 27px 27px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 7px 0 4px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(247, 249, 252, 0.12) !important;
  color: #40546e !important;
  cursor: pointer !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary-mark {
  display: inline-flex !important;
  width: 25px !important;
  height: 25px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(190, 42, 57, 0.12) !important;
  color: #b82735 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary-count {
  display: inline-flex !important;
  min-width: 25px !important;
  height: 23px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #b82735 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary-text {
  display: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary
#mainNotificationRailSummaryAction {
  justify-self: end !important;
  color: #2f659f !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
> .main-floating-notification-dock__summary {
  display: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
> .main-floating-notification-dock__header {
  display: flex !important;
  min-height: 44px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading strong {
  font-size: 13.5px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__controls {
  gap: 5px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__collapse {
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-width: 46px !important;
  height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid rgba(171, 188, 206, 0.42) !important;
  border-radius: 10px !important;
  background: rgba(247, 249, 252, 0.24) !important;
  color: #3f638d !important;
  font: inherit !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__close {
  flex-basis: 44px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
> .main-floating-notification-dock__list {
  display: grid !important;
  max-height: min(45dvh, 330px) !important;
  gap: 6px !important;
  padding: 1px 3px 5px 1px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  -webkit-overflow-scrolling: touch !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #bedAshDischargeMainAlert {
  display: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #armRollBoxMainAlert:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #armRollBoxMainAlert[hidden],

html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #blowerHistoryMainAlert[hidden],

html.main-floating-notification-mobile-client body
.main-floating-notification-dock__detail-action[hidden] {
  display: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #blowerHistoryMainAlert:not([hidden]),

html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #armRollBoxMainAlert:not([hidden]) {
  min-height: 0 !important;
  gap: 6px 8px !important;
  padding: 9px !important;
  border-radius: 11px !important;
  cursor: default !important;
  pointer-events: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #armRollBoxMainAlert:not([hidden]) {
  border-color: rgba(205, 132, 27, 0.43) !important;
  background: rgba(255, 248, 232, 0.20) !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
> #armRollBoxMainAlert.is-critical:not([hidden]) {
  border-color: rgba(199, 69, 83, 0.43) !important;
  background: rgba(255, 241, 243, 0.20) !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
#armRollBoxMainAlert
.arm-roll-box-main-alert__content strong {
  display: block !important;
  overflow: visible !important;
  font-size: 11.5px !important;
  line-height: 1.42 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-line-clamp: initial !important;
  line-clamp: initial !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRailList
#blowerHistoryMainAlert.has-main-floating-preview-items
.blower-history-main-alert__content strong {
  display: none !important;
}


html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-list {
  display: grid !important;
  grid-column: 1 / -1 !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 1px 0 0 !important;
}


html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-list[hidden] {
  display: none !important;
}


html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-item {
  box-sizing: border-box !important;
  display: grid !important;
  min-width: 0 !important;
  gap: 2px !important;
  padding: 6px 7px !important;
  border: 1px solid rgba(198, 84, 97, 0.19) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.16) !important;
}


html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-item.is-warning {
  border-color: rgba(193, 146, 36, 0.22) !important;
}


html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-item strong,

html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-item small {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-item strong {
  color: inherit !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}


html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-item small {
  color: rgba(63, 78, 98, 0.78) !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}


html.main-floating-notification-mobile-client
.blower-history-main-alert__preview-remainder {
  display: block !important;
  padding: 4px 2px 1px !important;
  color: #63758a !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-align: center !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__detail-action {
  min-height: 44px !important;
  border-radius: 9px !important;
  background: rgba(242, 247, 252, 0.24) !important;
}


/* =========================================================
   MOBILE NOTIFICATION CENTER V1.2

   - Replaces nested alert cards with flat source groups.
   - Keeps one compact detail link in each source header.
   - The original alert buttons remain mobile data sources only.
========================================================= */

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock {
  width: min(132px, calc(100dvw - 24px)) !important;
  max-height: 52px !important;
  padding: 4px !important;
  border-color: rgba(157, 175, 195, 0.28) !important;
  border-radius: 13px !important;
  background: rgba(248, 250, 253, 0.24) !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"] {
  width: min(304px, calc(100dvw - 24px)) !important;
  max-height: min(52dvh, 360px) !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-color: rgba(157, 175, 195, 0.28) !important;
  border-radius: 14px !important;
  background: rgba(248, 250, 253, 0.34) !important;
  box-shadow: 0 10px 28px rgba(48, 68, 91, 0.08) !important;
  backdrop-filter: blur(5px) saturate(101%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(101%) !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
> .main-floating-notification-dock__header,

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
> .main-floating-notification-dock__list {
  display: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="false"]
> .main-floating-notification-dock__summary {
  display: grid !important;
  min-height: 44px !important;
  grid-template-columns: 24px 24px minmax(0, 1fr) !important;
  gap: 4px !important;
  padding: 0 7px 0 3px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary-mark {
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary-count {
  display: inline-flex !important;
  min-width: 22px !important;
  height: 20px !important;
  padding: 0 4px !important;
  font-size: 9px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__summary
#mainNotificationRailSummaryAction {
  font-size: 10px !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
> .main-floating-notification-dock__header {
  box-sizing: border-box !important;
  display: flex !important;
  min-height: 44px !important;
  padding: 2px 4px 2px 10px !important;
  border-bottom: 1px solid rgba(169, 184, 201, 0.34) !important;
  outline: 0 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading {
  gap: 6px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading-dot {
  width: 7px !important;
  height: 7px !important;
  box-shadow: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__heading strong {
  font-size: 12.5px !important;
  line-height: 1 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__total {
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 5px !important;
  font-size: 9px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__controls {
  gap: 0 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__collapse,

html.main-floating-notification-mobile-client
.main-floating-notification-dock__close {
  box-sizing: border-box !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__collapse {
  color: #43658b !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__close {
  color: #5e6f84 !important;
  font-size: 21px !important;
  font-weight: 400 !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-expanded="true"]
> .main-floating-notification-dock__list {
  box-sizing: border-box !important;
  display: block !important;
  max-height: min(43dvh, 318px) !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: auto !important;
  -webkit-overflow-scrolling: touch !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-notification-center="true"]
#mainNotificationRailList
> #blowerHistoryMainAlert,

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-notification-center="true"]
#mainNotificationRailList
> #armRollBoxMainAlert,

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-notification-center="true"]
#mainNotificationRailList
> #bedAshDischargeMainAlert {
  display: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-group {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(169, 184, 201, 0.3) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-group[hidden] {
  display: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-group:first-of-type {
  border-top: 0 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-header {
  box-sizing: border-box !important;
  display: grid !important;
  min-height: 36px !important;
  grid-template-columns: minmax(0, auto) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 8px 2px 10px !important;
  background: rgba(255, 255, 255, 0.16) !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-header::before {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #bd2f3b !important;
  content: "" !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-header {
  grid-template-columns: 6px minmax(0, auto) auto minmax(0, 1fr) !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-title {
  overflow: hidden !important;
  color: #263b53 !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-count {
  display: inline-flex !important;
  min-width: 19px !important;
  height: 18px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: rgba(184, 39, 53, 0.1) !important;
  color: #af2633 !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-header
.main-floating-notification-dock__detail-action {
  justify-self: end !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #2f659f !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-rows {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 10px !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row {
  position: relative !important;
  box-sizing: border-box !important;
  display: grid !important;
  min-height: 42px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 1px !important;
  border: 0 !important;
  border-top: 1px solid rgba(174, 188, 204, 0.24) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row:first-child {
  border-top: 0 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row-title,

html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row-meta {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  color: #31475f !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row-meta {
  color: #718094 !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row.is-overdue
.main-floating-notification-dock__source-row-meta,

html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row.is-critical
.main-floating-notification-dock__source-row-meta {
  color: #b12b38 !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row.is-remainder {
  display: block !important;
  min-height: 30px !important;
  padding: 8px 1px !important;
  text-align: center !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__source-row.is-remainder
.main-floating-notification-dock__source-row-title {
  color: #748398 !important;
  font-size: 9px !important;
  font-weight: 750 !important;
}


/* =========================================================
   MOBILE NOTIFICATION CENTER V1.3

   - Uses the circular ! launcher as the only closed state.
   - Removes the intermediate summary pill and collapse action.
========================================================= */

html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-notification-center="true"][data-mobile-expanded="false"] {
  display: none !important;
}


html.main-floating-notification-mobile-client body
#mainNotificationRail.main-floating-notification-dock[data-mobile-notification-center="true"][data-mobile-expanded]
> .main-floating-notification-dock__summary {
  display: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__collapse {
  display: none !important;
}


html.main-floating-notification-mobile-client
.main-floating-notification-dock__close {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
}


html.main-floating-notification-mobile-client body
.main-floating-notification-launcher {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
}