/* Copyright 2026 Renofy Ltd. All rights reserved. */
/* Notification badge for unread counts (messages, jobs, etc.) */

.notification-badge {
  position: absolute;
  top: -6px;
  right: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background-color: var(--color-danger);
  color: var(--color-white);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: 18px;
  text-align: center;
  border-radius: var(--radius-full);
  pointer-events: none;
}

.notification-badge--hidden {
  display: none;
}

/* Desktop adjustments */
@media (min-width: 821px) {
  .notification-badge {
    top: -7px;
    right: -7px;
  }
}