.valent-notifications-page .valent-notification-row{display:flex;align-items:flex-start;gap:1rem;width:100%}.valent-notifications-page .valent-notification-icon-wrap{flex:0 0 auto}.valent-notifications-page .valent-notification-icon{width:40px;height:40px}.valent-notifications-page .valent-notification-body{flex:1 1 auto;min-width:0}.valent-notifications-page .valent-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}.valent-notifications-page .valent-notification-title{flex:1 1 auto;min-width:0}.valent-notifications-page .valent-notification-date{flex:0 0 auto;white-space:nowrap}.valent-notifications-page .valent-notification-message{line-height:1.5;word-break:break-word}.valent-notifications-page .valent-notification-actions{flex:0 0 auto;display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:0.25rem;width:auto;min-width:72px;align-self:center}.valent-notifications-page .valent-notification-unread{background-color:rgba(var(--ct-light-rgb),0.6)}html[data-bs-theme="dark"] .valent-notifications-page .valent-notification-unread{background-color:rgba(255,255,255,0.04)}.valent-notifications-page .valent-notifications-header-actions .btn,.valent-notifications-page .valent-notifications-filter-group .btn{white-space:nowrap}.valent-notifications-page .valent-notifications-pagination .pagination{margin-bottom:0}.valent-topbar-notif-item{cursor:pointer}.valent-topbar-notif-menu{min-width:320px;max-width:min(360px,calc(100vw - 1.5rem))}.valent-topbar-notif-scroll{max-height:min(360px,52vh);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--ct-dark-rgb,49,58,70),0.28) transparent}.valent-topbar-notif-scroll::-webkit-scrollbar{width:6px}.valent-topbar-notif-scroll::-webkit-scrollbar-thumb{background-color:rgba(var(--ct-dark-rgb,49,58,70),0.28);border-radius:999px}html[data-bs-theme="dark"] .valent-topbar-notif-scroll{scrollbar-color:rgba(255,255,255,0.22) transparent}html[data-bs-theme="dark"] .valent-topbar-notif-scroll::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.22)}.topbar-item .topbar-link.dropdown-toggle{position:relative}.valent-topbar-notif-count.noti-icon-badge{position:absolute;top:4px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:700;line-height:18px;text-align:center;background-color:var(--ct-danger,#ff5b5b);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--ct-topbar-bg,var(--ct-body-bg,#fff))}html[data-bs-theme="dark"] .valent-topbar-notif-count.noti-icon-badge{box-shadow:0 0 0 2px var(--ct-topbar-bg,#1e1f27)}@media (max-width:768px){.valent-notifications-header-actions{flex-direction:column;width:100%;align-items:stretch !important;gap:0.5rem !important}.valent-notifications-header-actions .btn{width:100%;display:flex;justify-content:center;align-items:center}.valent-notifications-filter-bar{flex-direction:column;align-items:stretch !important;gap:0.625rem !important}.valent-notifications-filter-group{display:flex;flex-wrap:wrap;width:100%;gap:0.375rem}.valent-notifications-filter-group .btn{flex:1 1 auto;text-align:center;min-width:calc(50% - 0.375rem)}.valent-notifications-filter-divider{display:none !important}.valent-notifications-page .valent-notification-row{flex-wrap:wrap}.valent-notifications-page .valent-notification-body{flex:1 1 calc(100% - 56px);min-width:calc(100% - 56px)}.valent-notifications-page .valent-notification-actions{width:100%;min-width:0;justify-content:flex-end;margin-top:0.25rem;padding-left:56px}}