/* Bildirimden gelince ilgili kayıt vurgusu */

.admin-notification-focus-banner {
  border-left: 4px solid var(--bs-primary);
  animation: adminNotifBannerIn 0.35s ease-out;
}

.admin-notification-focus-banner__icon {
  color: var(--bs-primary);
  font-size: 1.25rem;
  line-height: 1;
}

.admin-notification-focus-target {
  outline: 3px solid rgba(105, 108, 255, 0.55);
  outline-offset: 4px;
  border-radius: 0.5rem;
  box-shadow: 0 0 0 6px rgba(105, 108, 255, 0.12);
  animation: adminNotifPulse 1.2s ease-in-out 3;
  position: relative;
  z-index: 2;
}

.admin-notification-focus-row {
  background: rgba(105, 108, 255, 0.22) !important;
  outline: 3px solid var(--bs-primary);
  outline-offset: -3px;
  box-shadow:
    inset 5px 0 0 var(--bs-primary),
    0 0 0 1px rgba(105, 108, 255, 0.35);
  animation: adminNotifRowPulse 1.1s ease-in-out 8;
  position: relative;
  z-index: 2;
}

.admin-notification-focus-row .btn-primary,
.admin-notification-focus-row .biz-btn-incele {
  box-shadow: 0 0 0 3px rgba(105, 108, 255, 0.35);
}

@keyframes adminNotifRowPulse {
  0%,
  100% {
    background: rgba(105, 108, 255, 0.14) !important;
  }
  50% {
    background: rgba(105, 108, 255, 0.28) !important;
  }
}

.biz-doc-compact.admin-notification-focus-target,
.admin-notification-focus-target:not(tr) {
  position: relative;
}

.admin-notification-focus-target:not(tr)::after {
  content: 'Bildirimden';
  position: absolute;
  top: 0.35rem;
  right: 0.5rem;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  background: var(--bs-primary);
  color: #fff;
  z-index: 3;
  pointer-events: none;
}

tr.admin-notification-focus-row td {
  background: transparent !important;
}

#opsTableBody tr.admin-notification-focus-row .ops-row-title::before {
  content: 'İlgili · ';
  color: var(--bs-primary);
  font-weight: 700;
}

.queue-mobile-card.admin-notification-focus-row,
.doc-mobile-card.admin-notification-focus-row,
.biz-mobile-card.admin-notification-focus-row {
  border: 2px solid rgba(105, 108, 255, 0.65);
}

@keyframes adminNotifPulse {
  0%,
  100% {
    box-shadow: 0 0 0 6px rgba(105, 108, 255, 0.12);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(105, 108, 255, 0.22);
  }
}

@keyframes adminNotifBannerIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}