/* JobSeek Notifications v1.0.2: upper content-row placement. */
.jsn-v1 {
  top: var(--jsn-v1-top, 104px) !important;
  right: max(28px, env(safe-area-inset-right)) !important;
  bottom: auto !important;
  left: auto !important;
}

.jsn-v1-panel {
  top: 58px !important;
  right: 0 !important;
  bottom: auto !important;
  max-height: min(610px, calc(100dvh - var(--jsn-v1-top, 104px) - 72px)) !important;
  transform: translateY(-12px) scale(.98) !important;
  transform-origin: top right !important;
}

.jsn-v1-body {
  max-height: calc(100dvh - var(--jsn-v1-top, 104px) - 190px) !important;
}

.jsn-v1[data-open="1"] .jsn-v1-panel {
  transform: none !important;
}

body .jsn-v1-companion-bell {
  position: fixed !important;
  z-index: 999999 !important;
  top: var(--jsn-v1-top, 104px) !important;
  right: auto !important;
  bottom: auto !important;
  left: max(28px, env(safe-area-inset-left)) !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 600px) {
  .jsn-v1 {
    top: var(--jsn-v1-top, 78px) !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    bottom: auto !important;
  }

  .jsn-v1-panel {
    position: fixed !important;
    top: calc(var(--jsn-v1-top, 78px) + 55px) !important;
    right: 5px !important;
    bottom: auto !important;
    left: 5px !important;
    width: auto !important;
    max-height: calc(100dvh - var(--jsn-v1-top, 78px) - 64px) !important;
  }

  .jsn-v1-body {
    max-height: calc(100dvh - var(--jsn-v1-top, 78px) - 180px) !important;
  }

  body .jsn-v1-companion-bell {
    top: var(--jsn-v1-top, 78px) !important;
    left: max(8px, env(safe-area-inset-left)) !important;
  }
}