.portal-management-notifications{position:relative;flex:none}.admin>.portal-management-notifications{display:block!important}.foundation-app header .profile-wrap{position:relative;display:flex;align-items:center;gap:10px}.admin .portal-management-notification-head>div{display:block!important}.admin .portal-management-notification-actions{display:flex!important}
.portal-management-notification-button{width:44px;height:44px;border:1px solid #dce6eb;border-radius:14px;background:#fff;color:#475569;display:grid;place-items:center;position:relative;cursor:pointer;box-shadow:0 4px 15px rgba(15,23,42,.06)}
.portal-management-notification-button:hover,.portal-management-notification-button.active{color:#059669;border-color:#6ee7b7;background:#ecfdf5}
.portal-management-notification-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.portal-management-notification-badge{position:absolute;right:-5px;top:-5px;min-width:21px;height:21px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900}
.portal-management-notification-panel{position:absolute;right:0;top:53px;width:min(410px,calc(100vw - 28px));max-height:min(610px,calc(100dvh - 95px));overflow:hidden;border:1px solid #dce6eb;border-radius:22px;background:#fff;color:#172033;box-shadow:0 25px 65px rgba(15,23,42,.22);z-index:500}
.portal-management-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:16px 17px;border-bottom:1px solid #edf2f5;text-align:left}
.portal-management-notification-head b,.portal-management-notification-head small{display:block}.portal-management-notification-head b{font-size:14px}.portal-management-notification-head small{margin-top:4px;color:#64748b;font-size:10px}
.portal-management-notification-actions{display:flex;align-items:center;gap:6px;flex:none}.portal-management-notification-actions button{height:30px;border:0;border-radius:10px;padding:0 9px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:850;cursor:pointer}.portal-management-notification-actions button[data-read-all]{border:1px solid #a7f3d0;background:#ecfdf5;color:#047857}.portal-management-notification-actions button[data-close]{width:30px;padding:0;font-size:20px}
.portal-management-notification-list{max-height:470px;overflow:auto;overscroll-behavior:contain}.portal-management-notification-item{width:100%;border:0;border-bottom:1px solid #edf2f5;background:#fff;padding:13px 15px;display:flex;align-items:flex-start;gap:11px;text-align:left;cursor:pointer}.portal-management-notification-item:hover{background:#f0fdf8}.portal-management-notification-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #d1fae5;flex:none}.portal-management-notification-copy{min-width:0;flex:1}.portal-management-notification-copy b,.portal-management-notification-copy small,.portal-management-notification-copy time{display:block}.portal-management-notification-copy b{font-size:12px;line-height:1.35}.portal-management-notification-copy small{margin-top:4px;color:#475569;font-size:10px;line-height:1.5}.portal-management-notification-copy time{margin-top:7px;color:#94a3b8;font-size:9px}.portal-management-notification-item.read{background:#f8fafc}.portal-management-notification-item.read .portal-management-notification-dot{background:#cbd5e1;box-shadow:0 0 0 4px #f1f5f9}.portal-management-notification-item.read b,.portal-management-notification-item.read small{color:#64748b}.portal-management-notification-empty{padding:38px 20px;text-align:center;color:#64748b;font-size:11px}
@media(max-width:760px){.portal-management-notification-button{width:42px;height:42px;border-radius:13px}.portal-management-notification-panel{position:fixed;top:68px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 150px);z-index:700}.portal-management-notification-list{max-height:calc(100dvh - 255px)}.portal-management-notification-head{padding:14px}.portal-management-notification-item{padding:13px 14px}}