/*
 * Helprite Desk UI patch v241
 * Critical styles for the recipient-scoped notification drawer and the
 * role-aware dashboard Today panel. Kept in a separate file so an older
 * cached style.css cannot leave new markup unstyled.
 */

/* ---------- Header notification drawer ---------- */
html body .drawer.notification-drawer-v240 {
  position: fixed !important;
  inset: 0 0 0 auto !important;
  width: min(430px, 100vw) !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  transform: translateX(104%) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  overflow: hidden !important;
  background: #f5f6f8 !important;
  border: 0 !important;
  border-left: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 0 !important;
  box-shadow: -22px 0 64px rgba(15, 23, 42, .16) !important;
  z-index: 2147481200 !important;
  transition: transform .24s cubic-bezier(.2,.75,.25,1), opacity .18s ease, visibility .24s ease !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html body .drawer.notification-drawer-v240.open {
  right: 0 !important;
  transform: translateX(0) !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body.notification-drawer-open::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147481100;
  background: rgba(17, 24, 39, .18);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  pointer-events: none;
}

html body .notification-drawer-head-v240 {
  flex: 0 0 auto !important;
  min-height: 84px !important;
  padding: 17px 17px 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(15, 23, 42, .07) !important;
}
html body .notification-drawer-title-v240 {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
}
html body .notification-drawer-title-icon-v240 {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 13px !important;
  background: #eaf3ff !important;
  color: #087cff !important;
}
html body .notification-drawer-title-v240 strong {
  display: block !important;
  margin: 0 !important;
  color: #1d1d1f !important;
  font-size: 19px !important;
  line-height: 1.12 !important;
  font-weight: 750 !important;
  letter-spacing: -.35px !important;
}
html body .notification-drawer-title-v240 .panel-subtitle {
  margin: 3px 0 0 !important;
  color: #72767e !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}
html body .notification-drawer-head-actions-v240 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex: 0 0 auto !important;
}
html body .notification-mark-all-v240,
html body .notification-close-v240 {
  appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(15, 23, 42, .09) !important;
  background: #fff !important;
  color: #42454b !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
html body .notification-mark-all-v240 {
  height: 36px !important;
  padding: 0 11px !important;
  gap: 6px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  white-space: nowrap !important;
}
html body .notification-close-v240 {
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 11px !important;
}
html body .notification-mark-all-v240:hover,
html body .notification-close-v240:hover {
  background: #f3f5f8 !important;
  color: #087cff !important;
  border-color: rgba(8, 124, 255, .18) !important;
}

html body .notification-drawer-body-v240 {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  padding: 13px 13px 22px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  background: #f5f6f8 !important;
}
html body .notification-drawer-body-v240::-webkit-scrollbar { width: 7px !important; }
html body .notification-drawer-body-v240::-webkit-scrollbar-track { background: transparent !important; }
html body .notification-drawer-body-v240::-webkit-scrollbar-thumb {
  background: rgba(99, 107, 119, .28) !important;
  border-radius: 999px !important;
}
html body .notification-drawer-list-v240 {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 9px !important;
}
html body .notification-row-v240 {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 13px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 11px !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 23, 42, .075) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(15, 23, 42, .035) !important;
  text-align: left !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
html body .notification-row-v240:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(8, 124, 255, .20) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .065) !important;
}
html body .notification-row-v240.is-unread {
  border-color: rgba(8, 124, 255, .22) !important;
  box-shadow: 0 7px 21px rgba(8, 124, 255, .065) !important;
}
html body .notification-row-v240.is-waiting {
  border-color: rgba(255, 149, 0, .26) !important;
}
html body .notification-row-icon-v240 {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 13px !important;
  background: #edf4ff !important;
  color: #087cff !important;
}
html body .notification-row-v240.tone-red .notification-row-icon-v240 { background: #fff0ef !important; color: #ff3b30 !important; }
html body .notification-row-v240.tone-yellow .notification-row-icon-v240 { background: #fff7e5 !important; color: #a86e00 !important; }
html body .notification-row-v240.tone-green .notification-row-icon-v240 { background: #eaf8ee !important; color: #248a3d !important; }
html body .notification-row-v240.tone-purple .notification-row-icon-v240 { background: #f2edff !important; color: #7350d6 !important; }
html body .notification-row-v240.tone-cyan .notification-row-icon-v240 { background: #e8f8fb !important; color: #0a7f94 !important; }
html body .notification-row-content-v240 { min-width: 0 !important; }
html body .notification-row-meta-v240 {
  min-width: 0 !important;
  margin: 0 0 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 9px !important;
  color: #858991 !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
}
html body .notification-row-meta-v240 span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 720 !important;
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
}
html body .notification-row-meta-v240 time { flex: 0 0 auto !important; white-space: nowrap !important; }
html body .notification-row-link-v240 {
  min-width: 0 !important;
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
}
html body .notification-row-link-v240 strong {
  display: block !important;
  margin: 0 !important;
  color: #1d1d1f !important;
  font-size: 13.5px !important;
  line-height: 1.3 !important;
  font-weight: 710 !important;
  letter-spacing: -.12px !important;
}
html body .notification-row-link-v240 p {
  margin: 4px 0 0 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  color: #686c74 !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  font-weight: 430 !important;
}
html body .notification-row-actions-v240 {
  margin-top: 9px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
html body .notification-row-actions-v240 a,
html body .notification-row-actions-v240 button {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #087cff !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  font-weight: 680 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
html body .notification-row-actions-v240 button { color: #737780 !important; }
html body .notification-row-actions-v240 a:hover,
html body .notification-row-actions-v240 button:hover { color: #005fc7 !important; text-decoration: underline !important; }
html body .notification-unread-dot-v240 {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #087cff !important;
  box-shadow: 0 0 0 3px #eaf3ff !important;
}
html body .notification-row-v240.is-removing { opacity: 0 !important; transform: translateX(16px) !important; }

html body .notification-drawer-footer-v240 {
  flex: 0 0 auto !important;
  padding: 11px 13px calc(11px + env(safe-area-inset-bottom)) !important;
  background: #fff !important;
  border-top: 1px solid rgba(15, 23, 42, .07) !important;
}
html body .notification-centre-link-v240 {
  width: 100% !important;
  height: 43px !important;
  padding: 0 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 1px solid rgba(15, 23, 42, .09) !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #1d1d1f !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
html body .notification-centre-link-v240:hover { background: #f8fbff !important; color: #087cff !important; border-color: rgba(8, 124, 255, .22) !important; }
html body .drawer-empty-state-v240 {
  min-height: 300px !important;
  padding: 32px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: #74777f !important;
  text-align: center !important;
}

/* ---------- Dashboard Today card and right-side focus panel ---------- */
html body.dashboard-home-deep-apple .dashboard-today-card.dashboard-today-priority {
  min-height: 280px !important;
  padding: 22px !important;
  display: block !important;
  overflow: hidden !important;
}
html body.dashboard-home-deep-apple .dashboard-today-layout-v240 {
  width: 100% !important;
  min-height: 236px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
  align-items: stretch !important;
  gap: 22px !important;
}
html body.dashboard-home-deep-apple .dashboard-today-primary-v240 {
  min-width: 0 !important;
  padding: 4px 4px 2px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
html body.dashboard-home-deep-apple .dashboard-today-primary-v240 .dashboard-today-content { max-width: 920px !important; }
html body.dashboard-home-deep-apple .dashboard-focus-card-v240 {
  position: relative !important;
  min-width: 0 !important;
  min-height: 236px !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 19px !important;
  background: #fff !important;
  color: #1d1d1f !important;
  box-shadow: 0 16px 38px rgba(121, 28, 23, .15) !important;
  overflow: hidden !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-card-v240::after {
  content: "" !important;
  position: absolute !important;
  right: -34px !important;
  top: -34px !important;
  width: 105px !important;
  height: 105px !important;
  border: 17px solid rgba(8,124,255,.06) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-top-v240 {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #74777f !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
  font-weight: 740 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-icon-v240 {
  width: 33px !important;
  height: 33px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: #eaf3ff !important;
  color: #087cff !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-card-v240.is-management .dashboard-focus-icon-v240 { background: #f1edff !important; color: #6e4bd8 !important; }
html body.dashboard-home-deep-apple .dashboard-focus-card-v240 h3 {
  position: relative !important;
  z-index: 1 !important;
  margin: 14px 0 5px !important;
  color: #1d1d1f !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  letter-spacing: -.55px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-card-v240 > p {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: #6d7077 !important;
  font-size: 11.5px !important;
  line-height: 1.48 !important;
  font-weight: 440 !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 15px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > div {
  min-width: 0 !important;
  padding: 10px 8px !important;
  border: 1px solid rgba(15, 23, 42, .055) !important;
  border-radius: 12px !important;
  background: #f5f6f8 !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 span {
  display: block !important;
  overflow: hidden !important;
  color: #858890 !important;
  font-size: 8.5px !important;
  line-height: 1.2 !important;
  font-weight: 720 !important;
  letter-spacing: .045em !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 strong {
  display: block !important;
  margin-top: 5px !important;
  color: #1d1d1f !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-next-v240 {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 9px !important;
  padding: 9px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border: 1px solid rgba(15, 23, 42, .055) !important;
  border-radius: 11px !important;
  background: #f8f9fb !important;
  color: #7b7e86 !important;
  font-size: 9.5px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-next-v240 strong { color: #1d1d1f !important; font-size: 10.5px !important; }
html body.dashboard-home-deep-apple .dashboard-focus-actions-v240 {
  position: relative !important;
  z-index: 1 !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-actions-v240 a {
  min-height: 36px !important;
  padding: 0 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #087cff !important;
  border-radius: 11px !important;
  background: #087cff !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(8, 124, 255, .18) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  text-decoration: none !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-actions-v240 a.secondary {
  border-color: rgba(15, 23, 42, .10) !important;
  background: #fff !important;
  color: #3e4147 !important;
  box-shadow: none !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-actions-v240 a:hover { background: #006edb !important; border-color: #006edb !important; color: #fff !important; }
html body.dashboard-home-deep-apple .dashboard-focus-actions-v240 a.secondary:hover { background: #f3f5f8 !important; border-color: rgba(8,124,255,.20) !important; color: #087cff !important; }

/* ---------- Dark mode ---------- */
html[data-theme="dark"] body .drawer.notification-drawer-v240,
body[data-active-theme="dark"] .drawer.notification-drawer-v240,
html[data-theme="dark"] body .notification-drawer-body-v240,
body[data-active-theme="dark"] .notification-drawer-body-v240 { background: #11141a !important; border-color: rgba(255,255,255,.08) !important; }
html[data-theme="dark"] body .notification-drawer-head-v240,
body[data-active-theme="dark"] .notification-drawer-head-v240,
html[data-theme="dark"] body .notification-drawer-footer-v240,
body[data-active-theme="dark"] .notification-drawer-footer-v240 { background: #171b22 !important; border-color: rgba(255,255,255,.08) !important; }
html[data-theme="dark"] body .notification-row-v240,
body[data-active-theme="dark"] .notification-row-v240,
html[data-theme="dark"] body .notification-centre-link-v240,
body[data-active-theme="dark"] .notification-centre-link-v240,
html[data-theme="dark"] body .notification-mark-all-v240,
body[data-active-theme="dark"] .notification-mark-all-v240,
html[data-theme="dark"] body .notification-close-v240,
body[data-active-theme="dark"] .notification-close-v240 { background: #1c212a !important; border-color: rgba(255,255,255,.09) !important; color: #f5f7fb !important; }
html[data-theme="dark"] body .notification-drawer-title-v240 strong,
body[data-active-theme="dark"] .notification-drawer-title-v240 strong,
html[data-theme="dark"] body .notification-row-link-v240 strong,
body[data-active-theme="dark"] .notification-row-link-v240 strong { color: #f5f7fb !important; }
html[data-theme="dark"] body .notification-row-link-v240 p,
body[data-active-theme="dark"] .notification-row-link-v240 p { color: #aeb4c0 !important; }
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-card-v240,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-card-v240 { background: #1b1f27 !important; border-color: rgba(255,255,255,.09) !important; box-shadow: none !important; }
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-card-v240 h3,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-card-v240 h3,
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 strong,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-metrics-v240 strong,
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-next-v240 strong,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-next-v240 strong { color: #f5f7fb !important; }
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-card-v240 > p,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-card-v240 > p { color: #aeb4c0 !important; }
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > div,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-metrics-v240 > div,
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-next-v240,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-next-v240 { background: #232832 !important; border-color: rgba(255,255,255,.07) !important; }
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-actions-v240 a.secondary,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-actions-v240 a.secondary { background: #232832 !important; border-color: rgba(255,255,255,.09) !important; color: #f5f7fb !important; }

/* ---------- Responsive ---------- */
@media (max-width: 1050px) {
  html body.dashboard-home-deep-apple .dashboard-today-layout-v240 { grid-template-columns: minmax(0,1fr) minmax(310px,360px) !important; gap: 16px !important; }
}
@media (max-width: 900px) {
  html body.dashboard-home-deep-apple .dashboard-today-layout-v240 { grid-template-columns: 1fr !important; }
  html body.dashboard-home-deep-apple .dashboard-focus-card-v240 { min-height: 205px !important; }
}
@media (max-width: 640px) {
  html body .drawer.notification-drawer-v240 { width: 100vw !important; border-left: 0 !important; }
  html body .notification-drawer-head-v240 { min-height: 76px !important; padding: 13px !important; }
  html body .notification-drawer-title-icon-v240 { width: 36px !important; height: 36px !important; flex-basis: 36px !important; border-radius: 11px !important; }
  html body .notification-drawer-title-v240 strong { font-size: 17px !important; }
  html body .notification-mark-all-v240 { width: 36px !important; padding: 0 !important; }
  html body .notification-mark-all-v240 span { display: none !important; }
  html body .notification-drawer-body-v240 { padding: 10px 10px 17px !important; }
  html body .notification-row-v240 { grid-template-columns: 37px minmax(0,1fr) !important; gap: 10px !important; padding: 11px !important; border-radius: 14px !important; }
  html body .notification-row-icon-v240 { width: 37px !important; height: 37px !important; border-radius: 12px !important; }
  html body.dashboard-home-deep-apple .dashboard-today-card.dashboard-today-priority { padding: 15px !important; }
  html body.dashboard-home-deep-apple .dashboard-today-layout-v240 { gap: 14px !important; }
  html body.dashboard-home-deep-apple .dashboard-focus-card-v240 { min-height: 0 !important; padding: 15px !important; border-radius: 16px !important; }
  html body.dashboard-home-deep-apple .dashboard-focus-card-v240 h3 { font-size: 19px !important; }
  html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 { gap: 6px !important; }
  html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > div { padding: 9px 7px !important; }
  html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 strong { font-size: 18px !important; }
  html body.dashboard-home-deep-apple .dashboard-focus-actions-v240 a { flex: 1 1 auto !important; }
}

/* ---------- v242: compact drawer (latest ten) and balanced Today dashboard ---------- */
html body .drawer.notification-drawer-v240 {
  width: min(410px, 100vw) !important;
}
html body .notification-drawer-head-v240 {
  min-height: 72px !important;
  padding: 12px 13px !important;
  gap: 9px !important;
}
html body .notification-drawer-title-v240 { gap: 9px !important; }
html body .notification-drawer-title-icon-v240 {
  width: 36px !important;
  height: 36px !important;
  flex-basis: 36px !important;
  border-radius: 12px !important;
}
html body .notification-drawer-title-v240 strong {
  font-size: 17px !important;
  letter-spacing: -.22px !important;
}
html body .notification-drawer-title-v240 .panel-subtitle {
  margin-top: 2px !important;
  font-size: 10.5px !important;
}
html body .notification-drawer-head-actions-v240 { gap: 6px !important; }
html body .notification-mark-all-v240 {
  height: 34px !important;
  padding: 0 9px !important;
  border-radius: 10px !important;
  font-size: 10px !important;
}
html body .notification-close-v240 {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}
html body .notification-drawer-body-v240 {
  padding: 9px 10px 12px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-behavior: smooth !important;
  scrollbar-gutter: stable !important;
}
html body .notification-drawer-list-v240 {
  gap: 7px !important;
}
html body .notification-row-v240 {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 9px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, .03) !important;
}
html body .notification-row-icon-v240 {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
}
html body .notification-row-icon-v240 svg {
  width: 16px !important;
  height: 16px !important;
}
html body .notification-row-meta-v240 {
  margin-bottom: 3px !important;
  gap: 7px !important;
  font-size: 8.5px !important;
}
html body .notification-row-link-v240 strong {
  font-size: 12.5px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
}
html body .notification-row-link-v240 p {
  margin-top: 3px !important;
  font-size: 10.5px !important;
  line-height: 1.36 !important;
  -webkit-line-clamp: 2 !important;
}
html body .notification-row-actions-v240 {
  margin-top: 6px !important;
  gap: 9px !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}
html body .notification-row-actions-v240 a,
html body .notification-row-actions-v240 button {
  font-size: 9.5px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
html body .notification-row-actions-v240 a:first-child {
  max-width: 132px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body .notification-unread-dot-v240 {
  width: 7px !important;
  height: 7px !important;
  top: 10px !important;
  right: 10px !important;
}
html body .notification-drawer-footer-v240 {
  padding: 9px 10px calc(9px + env(safe-area-inset-bottom)) !important;
}
html body .notification-centre-link-v240 {
  min-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  font-size: 10.5px !important;
}

html body.dashboard-home-deep-apple .dashboard-today-card.dashboard-today-priority {
  min-height: 238px !important;
  padding: 16px !important;
}
html body.dashboard-home-deep-apple .dashboard-today-layout-v240 {
  min-height: 206px !important;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 390px) !important;
  gap: 16px !important;
}
html body.dashboard-home-deep-apple .dashboard-today-primary-v240 {
  padding: 2px !important;
}
html body.dashboard-home-deep-apple .dashboard-today-date {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}
html body.dashboard-home-deep-apple .dashboard-today-content h2 {
  margin: 8px 0 5px !important;
  font-size: clamp(30px, 2.7vw, 41px) !important;
  line-height: .99 !important;
  letter-spacing: -1.5px !important;
}
html body.dashboard-home-deep-apple .dashboard-today-content > p {
  margin: 0 0 6px !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
html body.dashboard-home-deep-apple .dashboard-today-list {
  margin: 0 !important;
  padding-left: 17px !important;
  font-size: 10.5px !important;
  line-height: 1.42 !important;
}
html body.dashboard-home-deep-apple .dashboard-today-card-actions {
  margin-top: 10px !important;
  padding-bottom: 0 !important;
  gap: 7px !important;
}
html body.dashboard-home-deep-apple .dashboard-today-card-actions .dashboard-today-more-link {
  min-height: 33px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 10px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-card-v240 {
  min-height: 206px !important;
  padding: 13px 14px !important;
  border-radius: 17px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-card-v240::after {
  right: -38px !important;
  top: -40px !important;
  width: 96px !important;
  height: 96px !important;
  border-width: 14px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-top-v240 {
  gap: 7px !important;
  font-size: 8.5px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-icon-v240 {
  width: 29px !important;
  height: 29px !important;
  border-radius: 10px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-icon-v240 svg {
  width: 17px !important;
  height: 17px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-card-v240 h3 {
  margin: 9px 0 3px !important;
  font-size: 18px !important;
  line-height: 1.08 !important;
  letter-spacing: -.35px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-card-v240 > p {
  font-size: 10px !important;
  line-height: 1.32 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 {
  margin-top: 9px !important;
  gap: 6px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > div {
  padding: 7px !important;
  border-radius: 10px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 span {
  font-size: 7.5px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 strong {
  margin-top: 3px !important;
  font-size: 17px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-next-v240 {
  margin-top: 7px !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  font-size: 8.5px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-next-v240 strong {
  font-size: 9.5px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-actions-v240 {
  padding-top: 8px !important;
  gap: 6px !important;
}
html body.dashboard-home-deep-apple .dashboard-focus-actions-v240 a {
  min-height: 31px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  font-size: 9.5px !important;
  box-shadow: 0 6px 14px rgba(8, 124, 255, .15) !important;
}

@media (max-width: 980px) {
  html body.dashboard-home-deep-apple .dashboard-today-card.dashboard-today-priority {
    min-height: 0 !important;
  }
  html body.dashboard-home-deep-apple .dashboard-today-layout-v240 {
    min-height: 0 !important;
  }
  html body.dashboard-home-deep-apple .dashboard-focus-card-v240 {
    min-height: 0 !important;
  }
}
@media (max-width: 640px) {
  html body .notification-drawer-head-v240 { min-height: 68px !important; padding: 10px 11px !important; }
  html body .notification-drawer-body-v240 { padding: 8px 8px 10px !important; }
  html body .notification-row-v240 { grid-template-columns: 32px minmax(0,1fr) !important; padding: 9px !important; gap: 8px !important; }
  html body .notification-row-icon-v240 { width: 32px !important; height: 32px !important; }
  html body .notification-row-actions-v240 { gap: 8px !important; }
  html body.dashboard-home-deep-apple .dashboard-today-content h2 { font-size: 31px !important; }
}

/* ---------- v244: live drawer, mobile clarity and expandable task copy ---------- */
html body .drawer-empty-state-v240,
html body .notification-empty-state.drawer-empty-state-v240 {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 28px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .notification-drawer-body-v240:has(> .drawer-empty-state-v240) {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

/* New notification toast: top-centre, compact and animated. */
html body .notification-live-toast-v244 {
  position: fixed !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  left: 50% !important;
  z-index: 2147483000 !important;
  width: min(520px, calc(100vw - 28px)) !important;
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) auto 28px !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 11px 11px 11px 12px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.98) !important;
  color: #1d1d1f !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.20) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
  opacity: 0 !important;
  transform: translate(-50%,-22px) scale(.96) !important;
  pointer-events: none !important;
  transition: opacity .22s ease, transform .28s cubic-bezier(.2,.8,.2,1) !important;
}
html body .notification-live-toast-v244.is-visible {
  opacity: 1 !important;
  transform: translate(-50%,0) scale(1) !important;
  pointer-events: auto !important;
}
html body .notification-live-toast-v244.is-leaving {
  opacity: 0 !important;
  transform: translate(-50%,-14px) scale(.98) !important;
}
html body .notification-live-toast-icon-v244 {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: #eaf3ff !important;
  color: #087cff !important;
}
html body .notification-live-toast-v244.tone-red .notification-live-toast-icon-v244 { background:#fff0ef !important; color:#ff3b30 !important; }
html body .notification-live-toast-v244.tone-yellow .notification-live-toast-icon-v244 { background:#fff7e5 !important; color:#a96800 !important; }
html body .notification-live-toast-v244.tone-green .notification-live-toast-icon-v244 { background:#eaf8ee !important; color:#248a3d !important; }
html body .notification-live-toast-v244.tone-purple .notification-live-toast-icon-v244 { background:#f3edff !important; color:#6e4bd8 !important; }
html body .notification-live-toast-copy-v244 { min-width:0 !important; display:grid !important; gap:2px !important; }
html body .notification-live-toast-copy-v244 small { color:#7b7e86 !important; font-size:9px !important; font-weight:760 !important; letter-spacing:.065em !important; text-transform:uppercase !important; }
html body .notification-live-toast-copy-v244 strong { overflow:hidden !important; color:#1d1d1f !important; font-size:13.5px !important; line-height:1.24 !important; font-weight:760 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body .notification-live-toast-copy-v244 span { display:-webkit-box !important; overflow:hidden !important; color:#666b74 !important; font-size:11px !important; line-height:1.35 !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:1 !important; }
html body .notification-live-toast-open-v244 {
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background:#087cff !important;
  color:#fff !important;
  font-size:10.5px !important;
  font-weight:740 !important;
  cursor:pointer !important;
}
html body .notification-live-toast-close-v244 {
  width:28px !important;height:28px !important;padding:0 !important;border:0 !important;border-radius:9px !important;background:transparent !important;color:#777b83 !important;font-size:20px !important;line-height:1 !important;cursor:pointer !important;
}
html body .notification-live-toast-close-v244:hover { background:#f1f3f6 !important; color:#1d1d1f !important; }

/* Long task/target values: two lines by default, expandable in place. */
html body.tasks-targets-module-page .tt-expandable-wrap-v244 {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.tasks-targets-module-page .tt-expandable-copy-v244 {
  display: -webkit-box !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  max-height: calc(2.9em) !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
html body.tasks-targets-module-page .tt-expandable-wrap-v244.is-expanded .tt-expandable-copy-v244 {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: initial !important;
  text-overflow: clip !important;
}
html body.tasks-targets-module-page .tt-expandable-toggle-v244 {
  min-height: 22px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  border: 0 !important;
  background: transparent !important;
  color: #087cff !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
html body.tasks-targets-module-page .tt-expandable-toggle-v244[hidden] { display:none !important; }
html body.tasks-targets-module-page .tt-expandable-wrap-v244.is-expanded .tt-expandable-toggle-v244 svg { transform:rotate(180deg) !important; }
html body.tasks-targets-module-page .tt-expandable-toggle-v244 svg { transition:transform .16s ease !important; }
html body.tasks-targets-module-page .tt-record-copy > .tt-expandable-wrap-v244 { min-width:0 !important; }
html body.tasks-targets-module-page td > .tt-expandable-wrap-v244 { max-width:100% !important; }
html body.tasks-targets-module-page .tt-table-plain-copy { display:block !important; }

@media (max-width: 640px) {
  html body .drawer.notification-drawer-v240 {
    width: 100vw !important;
    max-width: none !important;
    border-left: 0 !important;
  }
  html body.notification-drawer-open::after {
    background: rgba(17,24,39,.10) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body .notification-drawer-head-v240 { padding-top: calc(12px + env(safe-area-inset-top)) !important; }
  html body .notification-live-toast-v244 {
    top: max(9px, env(safe-area-inset-top)) !important;
    width: calc(100vw - 18px) !important;
    grid-template-columns: 36px minmax(0,1fr) auto !important;
    gap: 9px !important;
    min-height: 68px !important;
    padding: 9px !important;
    border-radius: 15px !important;
  }
  html body .notification-live-toast-icon-v244 { width:36px !important;height:36px !important;border-radius:12px !important; }
  html body .notification-live-toast-open-v244 { min-height:32px !important;padding:0 10px !important; }
  html body .notification-live-toast-close-v244 { position:absolute !important;right:4px !important;top:3px !important;width:24px !important;height:24px !important; }
  html body .notification-live-toast-copy-v244 { padding-right:18px !important; }
  html body.tasks-targets-module-page .tt-expandable-copy-v244 { -webkit-line-clamp:2 !important;max-height:2.9em !important; }
  html body.tasks-targets-module-page .tt-expandable-wrap-v244.is-expanded .tt-expandable-copy-v244 { max-height:none !important; }
}

html[data-theme="dark"] body .notification-live-toast-v244,
body[data-active-theme="dark"] .notification-live-toast-v244 { background:rgba(25,28,35,.98) !important;border-color:rgba(255,255,255,.10) !important;color:#f5f7fb !important; }
html[data-theme="dark"] body .notification-live-toast-copy-v244 strong,
body[data-active-theme="dark"] .notification-live-toast-copy-v244 strong { color:#f5f7fb !important; }
html[data-theme="dark"] body .notification-live-toast-copy-v244 span,
body[data-active-theme="dark"] .notification-live-toast-copy-v244 span { color:#aeb4c0 !important; }

/* ---------- v261: Personal Apple Notification Centre ---------- */
html body.notification-centre-body-v261 {
  background:#f5f5f7 !important;
}
html body.notification-centre-body-v261 .main-content {
  overflow-x:hidden !important;
}
html body .notification-centre-v261 {
  width:100% !important;
  max-width:none !important;
  padding-bottom:34px !important;
}
html body .notification-centre-v261 .page-heading {
  margin-bottom:18px !important;
}
html body .notification-centre-v261 .page-heading-side,
html body .notification-centre-v261 .page-actions {
  min-width:0 !important;
}
html body .notification-centre-v261 .notification-summary-bar-v260 {
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  margin:0 0 18px !important;
  border:1px solid rgba(15,23,42,.09) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(15,23,42,.055) !important;
}
html body .notification-centre-v261 .notification-summary-card-v260 {
  position:relative !important;
  min-width:0 !important;
  min-height:116px !important;
  padding:16px 18px 15px !important;
  border:0 !important;
  border-right:1px solid rgba(15,23,42,.075) !important;
  border-radius:0 !important;
  background:#fff !important;
  text-align:left !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:background .18s ease, transform .18s ease !important;
}
html body .notification-centre-v261 .notification-summary-card-v260:last-child { border-right:0 !important; }
html body .notification-centre-v261 .notification-summary-card-v260:hover { background:#f9fbfd !important; }
html body .notification-centre-v261 .notification-summary-card-v260.is-active {
  background:#f1f7ff !important;
}
html body .notification-centre-v261 .notification-summary-card-v260.is-active::after {
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:0 !important;
  height:3px !important;
  border-radius:999px 999px 0 0 !important;
  background:#0a84ff !important;
}
html body .notification-centre-v261 .notification-summary-label-v260 {
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:760 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
html body .notification-centre-v261 .notification-summary-card-v260 strong {
  display:block !important;
  margin:10px 0 5px !important;
  color:#1d1d1f !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:690 !important;
  letter-spacing:-.035em !important;
}
html body .notification-centre-v261 .notification-summary-card-v260 small {
  display:-webkit-box !important;
  overflow:hidden !important;
  color:#6e737c !important;
  font-size:10.5px !important;
  line-height:1.38 !important;
  font-weight:450 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}
html body .notification-centre-v261 .tone-attention .notification-summary-label-v260 { background:#fff2df !important;color:#a85b00 !important; }
html body .notification-centre-v261 .tone-unread .notification-summary-label-v260 { background:#eaf3ff !important;color:#0668cd !important; }
html body .notification-centre-v261 .tone-assigned .notification-summary-label-v260 { background:#eaf8ee !important;color:#237b3b !important; }
html body .notification-centre-v261 .tone-system .notification-summary-label-v260 { background:#f2efff !important;color:#6747d7 !important; }
html body .notification-centre-v261 .tone-sent .notification-summary-label-v260 { background:#e9f8fb !important;color:#08748a !important; }
html body .notification-centre-v261 .tone-done .notification-summary-label-v260 { background:#eaf8ee !important;color:#237b3b !important; }

html body .notification-centre-v261 .notification-workspace-v260 { display:block !important; }
html body .notification-centre-v261 .notification-inbox-card-v260 {
  position:relative !important;
  overflow:visible !important;
  border:1px solid rgba(15,23,42,.09) !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 14px 40px rgba(15,23,42,.06) !important;
}
html body .notification-centre-v261 .notification-inbox-head-v260 {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:82px !important;
  padding:16px 18px !important;
  border-bottom:1px solid rgba(15,23,42,.075) !important;
  background:#fff !important;
  border-radius:24px 24px 0 0 !important;
}
html body .notification-centre-v261 .notification-inbox-title-v260 {
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
html body .notification-centre-v261 .notification-inbox-title-v260 h2 {
  margin:0 !important;
  color:#1d1d1f !important;
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:720 !important;
  letter-spacing:-.025em !important;
}
html body .notification-centre-v261 .notification-inbox-title-v260 p {
  margin:4px 0 0 !important;
  color:#777c85 !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
  font-weight:470 !important;
}
html body .notification-centre-v261 .notification-scope-v260 {
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#f3f4f6 !important;
  color:#666b74 !important;
  font-size:9.5px !important;
  font-weight:650 !important;
}
html body .notification-centre-v261 .notification-inbox-tools-v260 {
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:9px !important;
}
html body .notification-centre-v261 .notification-search-box-v260 {
  width:min(300px,32vw) !important;
  min-width:220px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 13px !important;
  border:1px solid rgba(15,23,42,.09) !important;
  border-radius:14px !important;
  background:#f8f9fb !important;
  color:#7a8089 !important;
}
html body .notification-centre-v261 .notification-search-box-v260 input {
  width:100% !important;
  min-width:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#1d1d1f !important;
  font-size:11px !important;
  box-shadow:none !important;
}
html body .notification-centre-v261 .notification-inbox-tools-v260 .btn {
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:10.5px !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}
html body .notification-centre-v261 .notification-filter-strip-v260 {
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:54px !important;
  padding:9px 14px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border-bottom:1px solid rgba(15,23,42,.07) !important;
  background:#fbfcfd !important;
  scrollbar-width:none !important;
}
html body .notification-centre-v261 .notification-filter-strip-v260::-webkit-scrollbar { display:none !important; }
html body .notification-centre-v261 .notification-filter-strip-v260 button {
  flex:0 0 auto !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:0 10px !important;
  border:1px solid transparent !important;
  border-radius:11px !important;
  background:transparent !important;
  color:#686e78 !important;
  font-size:9.8px !important;
  font-weight:620 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}
html body .notification-centre-v261 .notification-filter-strip-v260 button b {
  min-width:20px !important;
  height:20px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 5px !important;
  border-radius:999px !important;
  background:#eceef1 !important;
  color:#717680 !important;
  font-size:8.5px !important;
  font-weight:700 !important;
}
html body .notification-centre-v261 .notification-filter-strip-v260 button:hover { background:#f1f4f8 !important; }
html body .notification-centre-v261 .notification-filter-strip-v260 button.active {
  border-color:#bcdcff !important;
  background:#edf6ff !important;
  color:#087cff !important;
  box-shadow:0 5px 14px rgba(10,132,255,.08) !important;
}
html body .notification-centre-v261 .notification-filter-strip-v260 button.active b { background:#dceeff !important;color:#087cff !important; }

html body .notification-centre-v261 .notification-inbox-list-v260 {
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  padding:0 !important;
  overflow:visible !important;
  background:#fff !important;
}
html body .notification-centre-v261 .notification-centre-row.notification-row-v260 {
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  min-height:98px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-bottom:1px solid rgba(15,23,42,.07) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:background .16s ease !important;
}
html body .notification-centre-v261 .notification-centre-row.notification-row-v260:last-child { border-bottom:0 !important; }
html body .notification-centre-v261 .notification-centre-row.notification-row-v260:hover { background:#f9fbfd !important; }
html body .notification-centre-v261 .notification-centre-row.notification-row-v260.is-unread { background:#f7fbff !important; }
html body .notification-centre-v261 .notification-centre-row.notification-row-v260.needs-action::before,
html body .notification-centre-v261 .notification-centre-row.notification-row-v260.is-unread::before {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:18px !important;
  bottom:18px !important;
  width:3px !important;
  border-radius:0 999px 999px 0 !important;
  background:#0a84ff !important;
}
html body .notification-centre-v261 .notification-centre-row.notification-row-v260.needs-action:not(.is-unread)::before { background:#ff9f0a !important; }
html body .notification-centre-v261 .notification-row-open-v183 {
  width:100% !important;
  min-width:0 !important;
  min-height:98px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  align-items:center !important;
  gap:13px !important;
  padding:14px 72px 14px 20px !important;
  border:0 !important;
  background:transparent !important;
  text-align:left !important;
  cursor:pointer !important;
}
html body .notification-centre-v261 .notification-work-icon-v178,
html body .notification-centre-v261 .notification-work-icon-v178 .app-icon {
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
}
html body .notification-centre-v261 .notification-row-head-v183 {
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}
html body .notification-centre-v261 .notification-row-title-v183 {
  min-width:0 !important;
  overflow:hidden !important;
  color:#1d1d1f !important;
  font-size:12.5px !important;
  line-height:1.3 !important;
  font-weight:690 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html body .notification-centre-v261 .notification-row-head-v183 time {
  flex:0 0 auto !important;
  color:#8a8f97 !important;
  font-size:9px !important;
  font-weight:560 !important;
  white-space:nowrap !important;
}
html body .notification-centre-v261 .notification-row-preview-v183 {
  display:-webkit-box !important;
  margin-top:4px !important;
  overflow:hidden !important;
  color:#656b75 !important;
  font-size:10.5px !important;
  line-height:1.42 !important;
  font-weight:430 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:1 !important;
}
html body .notification-centre-v261 .notification-row-meta-v183 {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin-top:7px !important;
}
html body .notification-centre-v261 .notification-meta-chip-v238 {
  min-height:21px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 8px !important;
  border:1px solid rgba(15,23,42,.075) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#667085 !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}
html body .notification-centre-v261 .notification-meta-chip-v238.is-unread-chip { border-color:#b8dcff !important;background:#edf6ff !important;color:#0877e6 !important; }
html body .notification-centre-v261 .notification-meta-chip-v238.is-read-chip { border-color:#bdebd0 !important;background:#effbf4 !important;color:#198a48 !important; }
html body .notification-centre-v261 .notification-meta-chip-v238.is-action-chip { border-color:#ffd7a0 !important;background:#fff7e9 !important;color:#a55c00 !important; }

html body .notification-centre-v261 .notification-row-menu-v261 {
  position:absolute !important;
  right:16px !important;
  top:16px !important;
  z-index:45 !important;
}
html body .notification-centre-v261 .notification-row-menu-trigger-v261 {
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid rgba(15,23,42,.09) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#656b75 !important;
  opacity:0 !important;
  transform:translateY(2px) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.08) !important;
  cursor:pointer !important;
  transition:opacity .16s ease, transform .16s ease, background .16s ease !important;
}
html body .notification-centre-v261 .notification-centre-row:hover .notification-row-menu-trigger-v261,
html body .notification-centre-v261 .notification-row-menu-trigger-v261[aria-expanded="true"],
html body .notification-centre-v261 .notification-centre-row:focus-within .notification-row-menu-trigger-v261 {
  opacity:1 !important;
  transform:translateY(0) !important;
}
html body .notification-centre-v261 .notification-row-menu-trigger-v261:hover { background:#f4f6f8 !important; }
html body .notification-centre-v261 .notification-row-menu-popover-v261 {
  position:absolute !important;
  right:0 !important;
  top:43px !important;
  width:208px !important;
  display:grid !important;
  gap:3px !important;
  padding:7px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.99) !important;
  box-shadow:0 20px 55px rgba(15,23,42,.18) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
}
html body .notification-centre-v261 .notification-row-menu-popover-v261[hidden] { display:none !important; }
html body .notification-centre-v261 .notification-row-menu-popover-v261 button {
  width:100% !important;
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#30343b !important;
  font-size:10.5px !important;
  font-weight:570 !important;
  text-align:left !important;
  cursor:pointer !important;
}
html body .notification-centre-v261 .notification-row-menu-popover-v261 button:hover { background:#f1f4f7 !important; }
html body .notification-centre-v261 .notification-row-menu-popover-v261 button.is-danger { color:#d72b24 !important; }
html body .notification-centre-v261 .notification-row-menu-popover-v261 button.is-danger:hover { background:#fff0ef !important; }

html body .notification-centre-v261 .notification-pagination-v180 {
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  padding:12px 16px !important;
  border-top:1px solid rgba(15,23,42,.07) !important;
  background:#fbfcfd !important;
  border-radius:0 0 24px 24px !important;
}
html body .notification-centre-v261 .notification-pagination-v180[hidden] { display:none !important; }
html body .notification-centre-v261 .notification-page-btn {
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid rgba(15,23,42,.09) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#1d1d1f !important;
  font-size:21px !important;
  line-height:1 !important;
  box-shadow:0 5px 14px rgba(15,23,42,.045) !important;
  cursor:pointer !important;
}
html body .notification-centre-v261 .notification-page-btn:hover:not(:disabled) { background:#edf6ff !important;color:#087cff !important;border-color:#bcdcff !important; }
html body .notification-centre-v261 .notification-page-btn:disabled { opacity:.35 !important;cursor:not-allowed !important;box-shadow:none !important; }
html body .notification-centre-v261 .notification-search-empty-v180,
html body .notification-centre-v261 .notification-centre-empty-v178 {
  min-height:320px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* New Notification opens as an Apple right-side drawer. */
html body .notification-compose-modal {
  position:fixed !important;
  inset:0 !important;
  z-index:2147482500 !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  padding:0 !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  background:rgba(17,24,39,.24) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:opacity .22s ease, visibility .22s ease !important;
}
html body .notification-compose-modal.open {
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
html body .notification-compose-modal .notification-compose-box {
  width:min(560px,100vw) !important;
  height:100dvh !important;
  max-height:100dvh !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:0 !important;
  border-left:1px solid rgba(15,23,42,.09) !important;
  border-radius:24px 0 0 24px !important;
  background:#fff !important;
  box-shadow:-26px 0 70px rgba(15,23,42,.18) !important;
  transform:translateX(104%) !important;
  transition:transform .34s cubic-bezier(.22,.8,.24,1) !important;
}
html body .notification-compose-modal.open .notification-compose-box { transform:translateX(0) !important; }
html body .notification-compose-modal .notification-compose-form {
  min-height:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
html body .notification-compose-modal .task-ui-modal-head,
html body .notification-compose-modal .task-ui-modal-foot { flex:0 0 auto !important; }
html body .notification-compose-modal .notification-compose-body {
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding:18px !important;
}
html body.notification-compose-open-v261 { overflow:hidden !important; }

/* Live toast: calm Apple surface, no progress/loader line underneath. */
html body .notification-live-toast-v244 {
  width:min(470px,calc(100vw - 28px)) !important;
  min-height:68px !important;
  grid-template-columns:38px minmax(0,1fr) auto 26px !important;
  gap:10px !important;
  padding:10px 10px 10px 11px !important;
  border-radius:17px !important;
  box-shadow:0 20px 55px rgba(15,23,42,.16) !important;
}
html body .notification-live-toast-v244::after { content:none !important;display:none !important;animation:none !important; }
html body .notification-live-toast-icon-v244 { width:38px !important;height:38px !important;border-radius:12px !important; }
html body .notification-live-toast-copy-v244 strong { font-size:12.5px !important;font-weight:700 !important; }
html body .notification-live-toast-copy-v244 span { font-size:10.5px !important; }
html body .notification-live-toast-open-v244 { min-height:32px !important;padding:0 11px !important;border-radius:10px !important;font-size:10px !important; }

@media (max-width:1100px) {
  html body .notification-centre-v261 .notification-summary-bar-v260 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  html body .notification-centre-v261 .notification-summary-card-v260:nth-child(3) { border-right:0 !important; }
  html body .notification-centre-v261 .notification-summary-card-v260:nth-child(-n+3) { border-bottom:1px solid rgba(15,23,42,.075) !important; }
  html body .notification-centre-v261 .notification-inbox-head-v260 { align-items:flex-start !important; }
  html body .notification-centre-v261 .notification-inbox-tools-v260 { flex-wrap:wrap !important; }
}
@media (max-width:760px) {
  html body.notification-centre-body-v261 .main-content { padding-left:0 !important;padding-right:0 !important; }
  html body .notification-centre-v261 { padding:14px 12px 28px !important; }
  html body .notification-centre-v261 .page-heading { align-items:flex-start !important;gap:14px !important;margin-bottom:14px !important; }
  html body .notification-centre-v261 .page-heading-copy { width:100% !important; }
  html body .notification-centre-v261 .page-title { font-size:34px !important;line-height:1.02 !important; }
  html body .notification-centre-v261 .page-subtitle { font-size:12px !important;line-height:1.45 !important; }
  html body .notification-centre-v261 .page-heading-side,
  html body .notification-centre-v261 .page-actions { width:100% !important; }
  html body .notification-centre-v261 .page-actions { display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important; }
  html body .notification-centre-v261 .page-actions > * { width:100% !important;justify-content:center !important; }
  html body .notification-centre-v261 .page-actions > a:first-of-type { display:none !important; }
  html body .notification-centre-v261 .notification-summary-bar-v260 {
    display:flex !important;
    grid-template-columns:none !important;
    gap:0 !important;
    margin-left:-12px !important;
    margin-right:-12px !important;
    padding:0 12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    scrollbar-width:none !important;
    scroll-snap-type:x proximity !important;
  }
  html body .notification-centre-v261 .notification-summary-bar-v260::-webkit-scrollbar { display:none !important; }
  html body .notification-centre-v261 .notification-summary-card-v260 {
    flex:0 0 155px !important;
    min-height:102px !important;
    padding:13px !important;
    border:1px solid rgba(15,23,42,.085) !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(15,23,42,.085) !important;
    scroll-snap-align:start !important;
  }
  html body .notification-centre-v261 .notification-summary-card-v260:first-child { border-radius:17px 0 0 17px !important; }
  html body .notification-centre-v261 .notification-summary-card-v260:last-child { border-right:1px solid rgba(15,23,42,.085) !important;border-radius:0 17px 17px 0 !important; }
  html body .notification-centre-v261 .notification-summary-card-v260 strong { font-size:22px !important;margin-top:8px !important; }
  html body .notification-centre-v261 .notification-summary-card-v260 small { font-size:9.5px !important; }
  html body .notification-centre-v261 .notification-inbox-card-v260 { border-radius:20px !important; }
  html body .notification-centre-v261 .notification-inbox-head-v260 {
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px !important;
    border-radius:20px 20px 0 0 !important;
  }
  html body .notification-centre-v261 .notification-inbox-title-v260 { justify-content:space-between !important; }
  html body .notification-centre-v261 .notification-inbox-title-v260 h2 { font-size:18px !important; }
  html body .notification-centre-v261 .notification-inbox-tools-v260 { width:100% !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important; }
  html body .notification-centre-v261 .notification-search-box-v260 { width:100% !important;min-width:0 !important;grid-column:1/-1 !important; }
  html body .notification-centre-v261 .notification-inbox-tools-v260 .btn { width:100% !important;padding:0 8px !important; }
  html body .notification-centre-v261 .notification-filter-strip-v260 { margin:0 !important;padding:8px 10px !important; }
  html body .notification-centre-v261 .notification-centre-row.notification-row-v260 { min-height:106px !important; }
  html body .notification-centre-v261 .notification-row-open-v183 {
    min-height:106px !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:10px !important;
    padding:13px 50px 13px 13px !important;
  }
  html body .notification-centre-v261 .notification-work-icon-v178,
  html body .notification-centre-v261 .notification-work-icon-v178 .app-icon { width:38px !important;height:38px !important;border-radius:12px !important; }
  html body .notification-centre-v261 .notification-row-head-v183 { display:block !important; }
  html body .notification-centre-v261 .notification-row-head-v183 time { display:block !important;margin-top:3px !important; }
  html body .notification-centre-v261 .notification-row-preview-v183 { -webkit-line-clamp:2 !important; }
  html body .notification-centre-v261 .notification-meta-chip-v238.is-recipient-chip { max-width:150px !important;overflow:hidden !important;text-overflow:ellipsis !important; }
  html body .notification-centre-v261 .notification-row-menu-v261 { right:9px !important;top:12px !important; }
  html body .notification-centre-v261 .notification-row-menu-trigger-v261 { width:34px !important;height:34px !important;opacity:1 !important;box-shadow:none !important; }
  html body .notification-centre-v261 .notification-row-menu-popover-v261 { width:min(210px,calc(100vw - 42px)) !important;right:0 !important; }
  html body .notification-centre-v261 .notification-pagination-v180 { min-height:56px !important;padding:9px 12px !important;border-radius:0 0 20px 20px !important; }
  html body .notification-compose-modal .notification-compose-box {
    width:100vw !important;
    border-left:0 !important;
    border-radius:0 !important;
  }
  html body .notification-compose-modal .notification-compose-body { padding:14px !important; }
  html body .notification-live-toast-v244 { width:calc(100vw - 18px) !important; }
}

html[data-theme="dark"] body.notification-centre-body-v261,
body[data-active-theme="dark"].notification-centre-body-v261 { background:#0f1115 !important; }
html[data-theme="dark"] body .notification-centre-v261 .notification-summary-bar-v260,
html[data-theme="dark"] body .notification-centre-v261 .notification-summary-card-v260,
html[data-theme="dark"] body .notification-centre-v261 .notification-inbox-card-v260,
html[data-theme="dark"] body .notification-centre-v261 .notification-inbox-head-v260,
html[data-theme="dark"] body .notification-centre-v261 .notification-inbox-list-v260,
html[data-theme="dark"] body .notification-centre-v261 .notification-centre-row.notification-row-v260,
body[data-active-theme="dark"] .notification-centre-v261 .notification-summary-bar-v260,
body[data-active-theme="dark"] .notification-centre-v261 .notification-summary-card-v260,
body[data-active-theme="dark"] .notification-centre-v261 .notification-inbox-card-v260,
body[data-active-theme="dark"] .notification-centre-v261 .notification-inbox-head-v260,
body[data-active-theme="dark"] .notification-centre-v261 .notification-inbox-list-v260,
body[data-active-theme="dark"] .notification-centre-v261 .notification-centre-row.notification-row-v260 { background:#171a20 !important;border-color:rgba(255,255,255,.09) !important; }
html[data-theme="dark"] body .notification-centre-v261 .notification-filter-strip-v260,
html[data-theme="dark"] body .notification-centre-v261 .notification-pagination-v180,
body[data-active-theme="dark"] .notification-centre-v261 .notification-filter-strip-v260,
body[data-active-theme="dark"] .notification-centre-v261 .notification-pagination-v180 { background:#14171c !important;border-color:rgba(255,255,255,.08) !important; }
html[data-theme="dark"] body .notification-centre-v261 .notification-row-title-v183,
html[data-theme="dark"] body .notification-centre-v261 .notification-inbox-title-v260 h2,
html[data-theme="dark"] body .notification-centre-v261 .notification-summary-card-v260 strong,
body[data-active-theme="dark"] .notification-centre-v261 .notification-row-title-v183,
body[data-active-theme="dark"] .notification-centre-v261 .notification-inbox-title-v260 h2,
body[data-active-theme="dark"] .notification-centre-v261 .notification-summary-card-v260 strong { color:#f5f7fb !important; }
html[data-theme="dark"] body .notification-centre-v261 .notification-row-preview-v183,
html[data-theme="dark"] body .notification-centre-v261 .notification-summary-card-v260 small,
body[data-active-theme="dark"] .notification-centre-v261 .notification-row-preview-v183,
body[data-active-theme="dark"] .notification-centre-v261 .notification-summary-card-v260 small { color:#aeb4c0 !important; }
html[data-theme="dark"] body .notification-centre-v261 .notification-row-menu-trigger-v261,
html[data-theme="dark"] body .notification-centre-v261 .notification-row-menu-popover-v261,
html[data-theme="dark"] body .notification-centre-v261 .notification-page-btn,
body[data-active-theme="dark"] .notification-centre-v261 .notification-row-menu-trigger-v261,
body[data-active-theme="dark"] .notification-centre-v261 .notification-row-menu-popover-v261,
body[data-active-theme="dark"] .notification-centre-v261 .notification-page-btn { background:#20242b !important;border-color:rgba(255,255,255,.10) !important;color:#f5f7fb !important; }
html[data-theme="dark"] body .notification-compose-modal .notification-compose-box,
body[data-active-theme="dark"] .notification-compose-modal .notification-compose-box { background:#171a20 !important;border-color:rgba(255,255,255,.08) !important; }
html body.notification-compose-open-v261 .select2-container--open,
html body.notification-compose-open-v261 .select2-dropdown { z-index:2147482900 !important; }

/* ========================================================================== 
   HELPRITE DESK v262 — HOME DASHBOARD FLUID RESPONSIVE LAYOUT
   Prevents the Today panel and module cards from overlapping on smaller
   desktop/laptop screens while preserving the approved Apple interface.
   ========================================================================== */

/* Medium desktops and laptops use natural document flow instead of the older
   fixed-viewport dashboard. This keeps every card inside its own row. */
@media (max-width:1799px), (max-height:899px) {
  html:has(body.dashboard-home-deep-apple[data-page-route="/home"]),
  body.dashboard-home-deep-apple[data-page-route="/home"] {
    height:auto !important;
    min-height:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .app-shell {
    height:auto !important;
    min-height:100dvh !important;
    overflow:visible !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .main-content {
    height:auto !important;
    min-height:100dvh !important;
    overflow:visible !important;
    padding-bottom:28px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .page {
    height:auto !important;
    min-height:0 !important;
    display:block !important;
    overflow:visible !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .page-heading {
    margin-bottom:16px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-handoff-layout {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto auto !important;
    gap:18px !important;
    overflow:visible !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    width:100% !important;
    height:auto !important;
    min-height:310px !important;
    max-height:none !important;
    padding:22px !important;
    overflow:hidden !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-layout-v240 {
    width:100% !important;
    height:auto !important;
    min-height:266px !important;
    grid-template-columns:minmax(0,1fr) minmax(330px,390px) !important;
    gap:20px !important;
    align-items:stretch !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-primary-v240 {
    min-height:266px !important;
    padding:4px 2px 0 !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-content h2 {
    margin:10px 0 8px !important;
    font-size:clamp(42px,4vw,62px) !important;
    line-height:.94 !important;
    letter-spacing:-2.6px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-content p {
    margin-bottom:8px !important;
    max-width:780px !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-list {
    margin-bottom:4px !important;
    font-size:12.5px !important;
    line-height:1.4 !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-card-actions {
    margin-top:10px !important;
    gap:8px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-more-link {
    min-height:36px !important;
    padding:0 14px !important;
    font-size:11.5px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-card-v240 {
    height:auto !important;
    min-height:266px !important;
    padding:17px !important;
    border-radius:19px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-card-v240 h3 {
    margin:12px 0 4px !important;
    font-size:20px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-card-v240 > p {
    font-size:11.5px !important;
    line-height:1.4 !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-metrics-v240 {
    margin-top:13px !important;
    gap:7px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-metrics-v240 > div {
    padding:9px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-metrics-v240 strong {
    font-size:19px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-actions-v240 {
    padding-top:12px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-actions-v240 a {
    min-height:34px !important;
    padding:0 12px !important;
    font-size:10.5px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-group-row {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr) !important;
    gap:18px !important;
    align-items:start !important;
    overflow:visible !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-section {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-section-grid {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    align-items:stretch !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .brands-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(205px,auto) !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-3,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-4 {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-template-rows:auto !important;
    grid-auto-rows:minmax(178px,auto) !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid .dashboard-menu-tile,
  body.dashboard-home-deep-apple[data-page-route="/home"] .brands-grid .dashboard-menu-tile {
    width:100% !important;
    height:auto !important;
    min-height:178px !important;
    padding:16px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .brands-grid .dashboard-menu-tile {
    min-height:205px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-wide,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-3 .dashboard-menu-wide,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-4 .dashboard-menu-wide {
    grid-column:1 / -1 !important;
    min-height:126px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size:clamp(17px,1.25vw,22px) !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-copy p {
    font-size:11px !important;
    line-height:1.32 !important;
  }
}

/* Compact desktop / landscape tablet. Stack the two module groups so neither
   is squeezed into narrow columns. */
@media (max-width:1450px) {
  body.dashboard-home-deep-apple[data-page-route="/home"] .main-content {
    padding-inline:20px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .page-title {
    font-size:clamp(34px,4vw,48px) !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-layout-v240 {
    grid-template-columns:minmax(0,1fr) minmax(310px,360px) !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-group-row {
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .brands-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(170px,auto) !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .brands-grid .dashboard-menu-tile {
    min-height:170px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-3,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-4 {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(165px,auto) !important;
  }
}

/* Tablet and narrow laptop. Today overview becomes a vertical card and the
   module grid remains easy to scan in two columns. */
@media (max-width:1100px) {
  body.dashboard-home-deep-apple[data-page-route="/home"] .main-content {
    padding-inline:16px !important;
    padding-bottom:24px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .page-heading {
    margin-bottom:13px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    min-height:0 !important;
    padding:18px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-layout-v240 {
    grid-template-columns:1fr !important;
    min-height:0 !important;
    gap:14px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-primary-v240,
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-card-v240 {
    min-height:0 !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-content h2 {
    font-size:clamp(39px,6vw,54px) !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-card-v240 {
    padding:16px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-actions-v240 {
    margin-top:12px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-3,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-4 {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(155px,auto) !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid .dashboard-menu-wide,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-3 .dashboard-menu-wide,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-4 .dashboard-menu-wide {
    grid-column:1 / -1 !important;
  }
}

/* Phone and portrait tablet. Keep the requested two-card mobile grid but
   shrink typography and controls so no content escapes its tile. */
@media (max-width:700px) {
  body.dashboard-home-deep-apple[data-page-route="/home"] .main-content {
    padding-inline:11px !important;
    padding-bottom:20px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .page-heading {
    margin-bottom:11px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .page-title {
    font-size:clamp(30px,9vw,40px) !important;
    line-height:.98 !important;
    letter-spacing:-1.6px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .page-subtitle {
    font-size:11.5px !important;
    line-height:1.35 !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-handoff-layout,
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-group-row {
    gap:12px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    padding:15px !important;
    border-radius:21px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-date {
    font-size:10.5px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-content h2 {
    margin-top:8px !important;
    font-size:clamp(34px,11vw,46px) !important;
    letter-spacing:-2px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-content p,
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-list {
    font-size:11.5px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-card-actions {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-more-link {
    width:100% !important;
    justify-content:center !important;
    padding-inline:9px !important;
    white-space:nowrap !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-card-v240 {
    padding:14px !important;
    border-radius:17px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-card-v240 h3 {
    font-size:18px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-metrics-v240 {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-metrics-v240 > div {
    padding:8px 6px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-metrics-v240 span {
    font-size:7.5px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-metrics-v240 strong {
    font-size:17px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-actions-v240 {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-focus-actions-v240 a:only-child {
    grid-column:1 / -1 !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-section {
    padding:0 !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .brands-grid,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-3,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid.grid-count-4 {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(146px,auto) !important;
    gap:10px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile,
  body.dashboard-home-deep-apple[data-page-route="/home"] .brands-grid .dashboard-menu-tile,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid .dashboard-menu-tile {
    min-height:146px !important;
    padding:13px !important;
    border-radius:19px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-wide,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid .dashboard-menu-wide {
    grid-column:1 / -1 !important;
    min-height:118px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-icon {
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:14px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-icon svg {
    width:25px !important;
    height:25px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-arrow {
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:12px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size:15.5px !important;
    line-height:1.08 !important;
    letter-spacing:-.35px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-copy p {
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    margin-top:5px !important;
    font-size:10px !important;
    line-height:1.25 !important;
  }
}

@media (max-width:380px) {
  body.dashboard-home-deep-apple[data-page-route="/home"] .main-content {
    padding-inline:8px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-card-actions {
    grid-template-columns:1fr !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile,
  body.dashboard-home-deep-apple[data-page-route="/home"] .brands-grid .dashboard-menu-tile,
  body.dashboard-home-deep-apple[data-page-route="/home"] .operations-grid .dashboard-menu-tile {
    min-height:140px !important;
    padding:11px !important;
  }

  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size:14.5px !important;
  }
}

/* ========================================================================
   v262 — Restore complete Today card content and harden notification filters
   ======================================================================== */

/* The notification list uses the native hidden attribute during client-side
   filtering and paging. Several Apple list rules intentionally use
   display:grid !important, so hidden must win explicitly. */
body.notification-centre-body-v261 .notification-centre-row[hidden],
body.notification-centre-body-v261 [data-notification-centre-list][hidden],
body.notification-centre-body-v261 [data-notification-search-empty][hidden],
body.notification-centre-body-v261 [data-notification-pagination][hidden] {
  display: none !important;
}

/* Never remove Today-card information merely because a desktop viewport is
   short. The page can scroll naturally; the complete summary remains useful. */
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-content > p {
  display: block !important;
}
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-list {
  display: block !important;
}

@media (min-width: 901px) and (max-height: 720px) {
  body.dashboard-home-deep-apple[data-page-route="/home"] .page-eyebrow {
    display: flex !important;
  }
  body.dashboard-home-deep-apple[data-page-route="/home"] .page-subtitle {
    display: block !important;
  }
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-handoff-layout {
    grid-template-rows: auto auto !important;
    height: auto !important;
    overflow: visible !important;
  }
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    height: auto !important;
    min-height: 330px !important;
    max-height: none !important;
    overflow: hidden !important;
  }
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-layout-v240 {
    height: auto !important;
    min-height: 286px !important;
  }
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-content > p,
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-list {
    display: block !important;
  }
}

@media (max-width: 1100px) {
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-content > p,
  body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-today-list {
    display: block !important;
  }
}

/* ========================================================================
   v263 — Notification compose drawer, Select2 and reliable tab presentation
   ======================================================================== */
html body .notification-compose-modal .notification-compose-box {
  width:min(760px,100vw) !important;
  max-width:760px !important;
  height:100dvh !important;
  max-height:100dvh !important;
  position:relative !important;
}
html body .notification-compose-modal .notification-compose-form {
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  width:100% !important;
  height:100dvh !important;
  min-height:0 !important;
  overflow:hidden !important;
}
html body .notification-compose-modal .task-ui-modal-head {
  min-height:78px !important;
  padding:18px 22px !important;
  background:rgba(255,255,255,.98) !important;
  position:relative !important;
  z-index:4 !important;
}
html body .notification-compose-modal .notification-compose-body {
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:22px 24px 30px !important;
  background:#fff !important;
}
html body .notification-compose-modal .notification-compose-grid-simple {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px 20px !important;
  align-content:start !important;
  width:100% !important;
}
html body .notification-compose-modal .notification-compose-grid-simple .notification-field-wide,
html body .notification-compose-modal .notification-compose-grid-simple [data-recipient-picker],
html body .notification-compose-modal .notification-compose-grid-simple [data-role-picker],
html body .notification-compose-modal .notification-compose-grid-simple [data-department-picker],
html body .notification-compose-modal .notification-compose-grid-simple .notification-message-field {
  grid-column:1 / -1 !important;
}
html body .notification-compose-modal .notification-compose-grid-simple .form-field {
  min-width:0 !important;
  gap:8px !important;
}
html body .notification-compose-modal .notification-compose-grid-simple .form-field > span {
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}
html body .notification-compose-modal .notification-compose-grid-simple input,
html body .notification-compose-modal .notification-compose-grid-simple select,
html body .notification-compose-modal .notification-compose-grid-simple textarea {
  min-height:50px !important;
  border-radius:15px !important;
  font-size:13px !important;
  background:#fafbfc !important;
}
html body .notification-compose-modal .notification-recipient-help {
  display:block !important;
  margin-top:1px !important;
  color:#7b8491 !important;
  font-size:10.5px !important;
  font-weight:560 !important;
  line-height:1.45 !important;
}
html body .notification-compose-modal .notification-message-field .note-editor.note-frame {
  min-height:238px !important;
  border-radius:16px !important;
}
html body .notification-compose-modal .notification-message-field .note-editable {
  min-height:180px !important;
  padding:14px !important;
  font-size:13px !important;
  line-height:1.65 !important;
}
html body .notification-compose-modal .notification-compose-foot {
  position:relative !important;
  inset:auto !important;
  z-index:5 !important;
  min-height:78px !important;
  margin:0 !important;
  padding:14px 22px calc(14px + env(safe-area-inset-bottom)) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
  background:rgba(250,251,252,.98) !important;
  box-shadow:0 -10px 30px rgba(15,23,42,.035) !important;
}
html body .notification-compose-modal .notification-compose-foot .btn {
  min-width:118px !important;
  min-height:46px !important;
  border-radius:14px !important;
  font-size:12px !important;
  font-weight:750 !important;
}
html body .notification-compose-modal .select2-container {
  width:100% !important;
  max-width:100% !important;
}
html body .notification-compose-modal .select2-container--default .select2-selection--single,
html body .notification-compose-modal .select2-container--default .select2-selection--multiple {
  min-height:50px !important;
  border-radius:15px !important;
  background:#fafbfc !important;
  border:1px solid rgba(15,23,42,.11) !important;
  box-shadow:none !important;
}
html body .notification-compose-modal .select2-container--default.select2-container--focus .select2-selection--single,
html body .notification-compose-modal .select2-container--default.select2-container--focus .select2-selection--multiple,
html body .notification-compose-modal .select2-container--default.select2-container--open .select2-selection--single,
html body .notification-compose-modal .select2-container--default.select2-container--open .select2-selection--multiple {
  border-color:#5aa9ff !important;
  box-shadow:0 0 0 4px rgba(10,132,255,.10) !important;
  background:#fff !important;
}
html body .notification-compose-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height:48px !important;
  padding-left:14px !important;
  padding-right:36px !important;
  color:#1f2937 !important;
  font-size:13px !important;
  font-weight:620 !important;
}
html body .notification-compose-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
  height:48px !important;
  right:9px !important;
}
html body .notification-compose-modal .select2-container--default .select2-selection--multiple {
  padding:5px 8px !important;
  align-items:center !important;
}
html body .notification-compose-modal .select2-container--default .select2-selection--multiple .select2-search__field {
  min-height:34px !important;
  margin:0 !important;
  padding:6px 5px !important;
  font-size:13px !important;
}
html body.notification-compose-open-v261 > .select2-container--open,
html body.notification-compose-open-v261 .select2-container--open {
  z-index:2147483640 !important;
}
html body .select2-dropdown.helprite-notification-select2-dropdown {
  overflow:hidden !important;
  border:1px solid rgba(15,23,42,.11) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 22px 60px rgba(15,23,42,.18) !important;
}
html body .helprite-notification-select2-dropdown .select2-search--dropdown {
  padding:9px !important;
  background:#fff !important;
  border-bottom:1px solid rgba(15,23,42,.06) !important;
}
html body .helprite-notification-select2-dropdown .select2-search__field {
  width:100% !important;
  min-height:40px !important;
  padding:0 12px !important;
  border:1px solid rgba(15,23,42,.11) !important;
  border-radius:11px !important;
  outline:none !important;
  font-size:12px !important;
}
html body .helprite-notification-select2-dropdown .select2-results__options {
  max-height:280px !important;
  padding:5px !important;
  overscroll-behavior:contain !important;
}
html body .helprite-notification-select2-dropdown .select2-results__option {
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  padding:9px 11px !important;
  border-radius:10px !important;
  color:#1f2937 !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
}
html body .helprite-notification-select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background:#eef6ff !important;
  color:#087cff !important;
}
html body .helprite-notification-select2-dropdown .select2-results__option[aria-selected="true"] {
  background:#087cff !important;
  color:#fff !important;
}
body.notification-centre-body-v261 .notification-centre-row[hidden],
body.notification-centre-body-v261 [data-notification-centre-list][hidden],
body.notification-centre-body-v261 [data-notification-search-empty][hidden],
body.notification-centre-body-v261 [data-notification-pagination][hidden] {
  display:none !important;
}
@media (max-width:760px) {
  html body .notification-compose-modal .notification-compose-box {
    width:100vw !important;
    max-width:100vw !important;
  }
  html body .notification-compose-modal .notification-compose-grid-simple {
    grid-template-columns:1fr !important;
    gap:15px !important;
  }
  html body .notification-compose-modal .notification-compose-grid-simple > * {
    grid-column:1 !important;
  }
  html body .notification-compose-modal .notification-compose-body {
    padding:16px 14px 24px !important;
  }
  html body .notification-compose-modal .notification-compose-foot {
    min-height:72px !important;
    padding:11px 14px calc(11px + env(safe-area-inset-bottom)) !important;
  }
  html body .notification-compose-modal .notification-compose-foot .btn {
    flex:1 1 0 !important;
    min-width:0 !important;
  }
}


/* ========================================================================
   v264 — Notification AJAX composer and visible Apple confirmation prompt
   ======================================================================== */
html body.notification-compose-open-v261 .apple-alert-backdrop {
  z-index:2147483646 !important;
  padding:20px !important;
  background:rgba(15,23,42,.48) !important;
  -webkit-backdrop-filter:blur(5px) saturate(115%) !important;
  backdrop-filter:blur(5px) saturate(115%) !important;
}
html body.notification-compose-open-v261 .apple-alert {
  width:min(390px,calc(100vw - 30px)) !important;
  border:1px solid rgba(255,255,255,.68) !important;
  background:rgba(255,255,255,.985) !important;
  box-shadow:0 34px 100px rgba(15,23,42,.34),0 2px 12px rgba(15,23,42,.12) !important;
}
html body.notification-compose-open-v261 .apple-alert-title,
html body.notification-compose-open-v261 .apple-alert-message,
html body.notification-compose-open-v261 .apple-alert-button {
  opacity:1 !important;
  visibility:visible !important;
}
html body.notification-compose-open-v261 .notification-compose-modal {
  z-index:2147483000 !important;
}
html body.notification-compose-open-v261 .notification-compose-box {
  isolation:isolate !important;
}
html body.notification-compose-open-v261 .notification-compose-foot {
  position:sticky !important;
  bottom:0 !important;
}
@media (max-width:760px) {
  html body.notification-compose-open-v261 .apple-alert-backdrop {
    align-items:center !important;
    padding:14px !important;
  }
  html body.notification-compose-open-v261 .apple-alert {
    width:min(360px,calc(100vw - 24px)) !important;
  }
}

/* Dashboard attention icons and linked focus metrics */
html body.dashboard-home-deep-apple .dashboard-today-icon-list{
  padding-left:0!important;
  list-style:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}
html body.dashboard-home-deep-apple .dashboard-today-icon-list li{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  max-width:100%!important;
}
html body.dashboard-home-deep-apple .dashboard-today-icon-list li::marker{display:none!important;content:""!important;}
html body.dashboard-home-deep-apple .dashboard-today-icon-list a{
  min-height:22px!important;
  max-width:100%!important;
  padding:2px 7px 2px 3px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:8px!important;
  color:#fff!important;
  text-decoration:none!important;
  font:inherit!important;
  line-height:1.25!important;
  transition:background .18s ease,transform .18s ease!important;
}
html body.dashboard-home-deep-apple .dashboard-today-icon-list a:hover,
html body.dashboard-home-deep-apple .dashboard-today-icon-list a:focus-visible{
  background:rgba(255,255,255,.14)!important;
  transform:translateX(2px)!important;
  outline:none!important;
}
html body.dashboard-home-deep-apple .dashboard-today-list-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}
html body.dashboard-home-deep-apple .dashboard-today-list-icon svg{width:11px!important;height:11px!important;}
html body.dashboard-home-deep-apple .dashboard-today-list-arrow{
  flex:0 0 auto!important;
  opacity:.66!important;
  transition:transform .18s ease!important;
}
html body.dashboard-home-deep-apple .dashboard-today-icon-list a:hover .dashboard-today-list-arrow{transform:translateX(2px)!important;opacity:1!important;}

html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240{
  position:relative!important;
  min-width:0!important;
  min-height:54px!important;
  padding:9px 22px 8px 8px!important;
  display:block!important;
  border:1px solid rgba(15,23,42,.065)!important;
  border-radius:12px!important;
  background:#f5f6f8!important;
  color:inherit!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240:hover,
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(0,122,255,.28)!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.09)!important;
  outline:none!important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240 span{
  display:block!important;
  overflow:hidden!important;
  color:#858890!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  font-weight:720!important;
  letter-spacing:.045em!important;
  text-overflow:ellipsis!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240 strong{
  display:block!important;
  margin-top:5px!important;
  color:#1d1d1f!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:780!important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240 i{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#9aa0aa!important;
  font-size:17px!important;
  line-height:1!important;
  font-style:normal!important;
  transition:transform .18s ease,color .18s ease!important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240:hover i{
  color:#087cff!important;
  transform:translate(2px,-50%)!important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:10px!important;
  bottom:10px!important;
  width:3px!important;
  border-radius:0 4px 4px 0!important;
  background:#8c8f97!important;
  opacity:.8!important;
}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.is-overdue::before{background:#ff453a!important;}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.is-review::before{background:#af52de!important;}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.is-evidence::before{background:#ff9f0a!important;}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.is-today::before{background:#0a84ff!important;}
html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.is-active::before{background:#30b0c7!important;}

html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240{
  background:#25272c!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240:hover,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240:hover{
  background:#2d3036!important;
  border-color:rgba(10,132,255,.45)!important;
}
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240 strong,
body[data-active-theme="dark"].dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240 strong{color:#f5f5f7!important;}

@media (max-width:1180px){
  html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240{min-height:49px!important;padding:8px 19px 7px 7px!important;}
  html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240 strong{font-size:18px!important;}
  html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240 span{font-size:7.5px!important;}
}
@media (max-width:640px){
  html body.dashboard-home-deep-apple .dashboard-today-icon-list{gap:3px!important;}
  html body.dashboard-home-deep-apple .dashboard-today-icon-list a{min-height:24px!important;padding-right:6px!important;}
  html body.dashboard-home-deep-apple .dashboard-focus-metrics-v240 > a.dashboard-focus-metric-v240{min-height:52px!important;}
}