/* Notification inbox uses Metronic theme colors in both light and dark mode. */
.notification-menu {
    width: min(94vw, 420px);
    border-radius: 1rem;
    overflow: hidden;
}
.notification-item {
    border: 0;
    border-bottom: 1px solid var(--bs-border-color, rgba(128, 128, 128, .2));
    background: var(--bs-body-bg, transparent);
    color: var(--bs-body-color, inherit);
    padding: 1rem 1.25rem;
    font: inherit;
    white-space: normal;
    cursor: pointer;
    transition: background-color .15s ease;
}
.notification-item:last-child { border-bottom: 0; }
.notification-item.is-unread { background: rgba(var(--bs-primary-rgb, 62, 151, 255), .08); }
.notification-item:hover { background: rgba(var(--bs-primary-rgb, 62, 151, 255), .12); }
.notification-item:focus-visible {
    outline: 2px solid var(--bs-primary, #3e97ff);
    outline-offset: -3px;
}
.notification-item[aria-busy="true"] { opacity: .65; cursor: progress; }
.notification-item .min-w-0 { min-width: 0; }
.notification-title, .notification-message { overflow-wrap: anywhere; }
.notification-message { white-space: pre-wrap; line-height: 1.5; }
.notification-item[data-has-link="1"] .notification-message {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.notification-unread-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bs-primary, #3e97ff);
}
.notification-item [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
    .notification-item { transition: none; }
}