/* Scoped overrides: existing dashboard, bell SVG and notification click handlers remain unchanged. */
#toh-bell .notify-count {
  top: -4px !important;
  right: -5px !important;
  min-width: 21px !important;
  height: 21px !important;
  padding: 0 4px !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  background: #d32f2f !important;
  color: #fff !important;
  font: 700 11px/17px system-ui, sans-serif !important;
  text-align: center !important;
  box-sizing: border-box !important;
  place-items: center !important;
  box-shadow: 0 1px 3px #0002;
}
#toh-bell .notify-count.has-count {display: grid !important;}
.notify-pop {
  width: min(410px, calc(100vw - 24px)) !important;
  max-height: min(70vh, 570px) !important;
  padding: 4px 0 !important;
  overflow-y: auto !important;
  border-radius: 12px !important;
}
.notify-pop .notify-pop-head {
  padding: 9px 12px !important;
  margin: 0 !important;
  gap: 8px !important;
}
.notify-pop .notify-pop-head small {display:none !important;}
.notify-pop #toh-read-all {font-size: 12px !important;padding: 6px 9px !important;white-space:nowrap;}
.notify-pop .notify-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 5px 25px 5px 12px !important;
  gap: 0 !important;
  border: 0 !important;
  border-top: 1px solid #e8efeb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}
.notify-pop .notify-item.is-unread {background: #f3f8f5 !important;box-shadow: none !important;}
.notify-pop .notify-item.is-read {background: #fff !important;}
.notify-pop .notify-item-main {gap: 1px !important;min-width: 0 !important;}
.notify-pop .notify-item-main strong {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}
.notify-pop .notify-item.is-read .notify-item-main strong {font-weight: 400 !important;}
.notify-pop .notify-item-main small {font-size: 13px !important;line-height: 1.4 !important;}
.notify-pop .notify-message, .notify-pop .notify-open-action {display:none !important;}
.notify-pop .notify-item.is-unread::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 11px;
  width: 8px;
  height: 8px;
  background: #dc2626;
  border-radius: 50%;
}
.notify-pop .notify-item.is-clickable:hover {background: #e9f4ed !important;}
@media(max-width:480px){.notify-pop {right: 12px !important;top: 70px !important;}}

/* Badge remains visible when unread items are present; keep bell itself unchanged. */
#toh-bell #toh-noti-count.has-count {display:grid !important;visibility:visible !important;opacity:1 !important;}
.notify-pop .notify-pop-head {font-size:16px !important;}

/* v1.0.2: larger, readable notification panel, preserving compact row spacing. */
#toh-bell {position:relative !important;overflow:visible !important;}
#toh-bell #toh-noti-count.has-count {display:grid !important;position:absolute !important;z-index:15 !important;top:-5px !important;right:-7px !important;min-width:23px !important;height:23px !important;font-size:12px !important;line-height:19px !important;}
.notify-pop {width:min(520px,calc(100vw - 24px)) !important;max-height:min(78vh,690px) !important;}
.notify-pop .notify-pop-head {padding:12px 16px !important;font-size:18px !important;}
.notify-pop .notify-pop-head strong {font-size:18px !important;}
.notify-pop #toh-read-all {font-size:14px !important;}
.notify-pop .notify-item {padding:7px 30px 7px 16px !important;}
.notify-pop .notify-item-main strong {font-size:17px !important;line-height:1.4 !important;}
.notify-pop .notify-item-main small {font-size:14px !important;line-height:1.45 !important;}
.notify-pop .notify-item.is-unread::after {top:13px !important;right:13px !important;width:9px !important;height:9px !important;}