.notification.icon-button{overflow:visible}.notification.has-unread{border-color:color-mix(in srgb,var(--red) 34%,var(--border));color:var(--text);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 8%,transparent)}.notification.has-unread:before{content:"";position:absolute;inset:-5px;border:1px solid color-mix(in srgb,var(--red) 40%,transparent);border-radius:14px;animation:notificationPulse 2.2s ease-out infinite;pointer-events:none}.notification b{display:grid;place-items:center;top:-6px!important;inset-inline-end:-6px!important;width:auto!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border:2px solid var(--surface)!important;border-radius:11px!important;background:var(--red)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1!important;z-index:2}.notification b[hidden]{display:none!important}@keyframes notificationPulse{0%{opacity:.75;transform:scale(.88)}70%,100%{opacity:0;transform:scale(1.25)}}.notification-popover{overflow:hidden}.notification-popover-head{min-height:70px;gap:15px}.notification-popover-head button{min-height:36px;padding:0 10px;border-radius:8px!important;white-space:nowrap;transition:.18s}.notification-popover-head button:hover{background:var(--accent-soft);color:var(--accent)}.notification-popover-item{min-height:82px;padding:13px 16px}.notification-popover-item>span{margin-top:1px}.notification-all-link{min-height:52px}.notification-page-panel{padding:0;overflow:hidden}.notification-page-panel .notification-filters{grid-template-columns:minmax(320px,1fr) 225px 190px;align-items:center;gap:12px;padding:24px 20px 20px}.notification-page-panel .admin-search{width:100%;max-width:none}.notification-page-panel .admin-search,.notification-page-panel .notification-date,.notification-page-panel .custom-select{height:48px}.notification-page-panel .notification-bulk{display:flex;align-items:center;gap:10px;min-height:68px;padding:12px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2)}.notification-page-panel .notification-bulk button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:42px}.notification-page-panel .notification-bulk button svg{width:17px}.notification-page-panel .notification-bulk button:disabled{opacity:.46;cursor:not-allowed}.notification-list{min-height:270px;padding:8px 20px}.notification-list>.table-loading{min-height:250px}.notification-page-error{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:30px;text-align:center;color:var(--muted)}.notification-page-error>svg{width:34px;height:34px;color:var(--red)}.notification-page-error strong{color:var(--text);font-size:15px}.notification-page-error span{font-size:13px}.notification-page-error button,.notification-load-error button{min-height:40px;margin-top:8px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-weight:700;cursor:pointer}.notification-page-panel .table-pagination{min-height:70px;padding:14px 20px}.notification-page-panel .table-pagination button{display:grid;place-items:center;width:38px;height:38px}.notification-row .row-actions{display:flex;align-items:center;gap:7px}.notification-row .row-actions button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}.notification-row .row-actions button svg{width:17px}@media(max-width:900px){.notification-page-panel .notification-filters{grid-template-columns:1fr 1fr}.notification-page-panel .admin-search{grid-column:1/-1}}@media(max-width:620px){.notification-page-panel .notification-filters{grid-template-columns:1fr}.notification-page-panel .admin-search{grid-column:auto}.notification-page-panel .notification-bulk{align-items:stretch;flex-direction:column}.notification-page-panel .notification-bulk button{width:100%}}
