/* Responsive override for unread indicator to ensure neon green on touch/mobile */
@media (max-width: 768px), (hover: none) and (pointer: coarse) {
  .unread-indicator,
  .unread-indicator-dot {
    background: #0f8 !important;
    border-color: #0a0a0a !important;
    box-shadow: 0 0 8px #0f8, 0 0 15px #0f8c, 0 0 25px #0f86 !important;
    animation: unread-pulse 1.5s ease-in-out infinite !important;
  }
}

/* Fallback for very small badges (e.g. 8px) */
@media (max-width: 420px) {
  .unread-indicator,
  .unread-indicator-dot {
    width: 10px !important;
    height: 10px !important;
  }
}