.notification-menu{position:relative}.notification-menu>summary{align-items:center;border:1px solid var(--line);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;list-style:none;position:relative;width:40px}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu>summary svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:20px}.notification-menu.has-critical>summary{border-color:var(--danger);color:var(--danger)}.notification-badge{align-items:center;background:var(--danger);border:2px solid var(--panel);border-radius:999px;color:#fff;display:flex;font-size:9px;font-weight:900;height:19px;justify-content:center;min-width:19px;padding:0 4px;position:absolute;right:-5px;top:-5px}.notification-popover{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.35);max-height:min(620px,calc(100vh - 80px));overflow:auto;position:absolute;right:0;top:48px;width:min(420px,calc(100vw - 24px));z-index:100}.notification-popover>header,.notification-popover>footer{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.notification-popover>header{border-bottom:1px solid var(--line)}.notification-popover>header div,.notification-popover>header span{display:block}.notification-popover>header span{color:var(--muted);font-size:11px}.notification-popover>header button{font-size:11px;min-height:30px;padding:6px 8px}.notification-popover>footer{border-top:1px solid var(--line);font-weight:800}.notification-recent-item{align-items:start;border-bottom:1px solid var(--line);color:var(--text);display:grid;gap:10px;grid-template-columns:10px 1fr;padding:12px 14px}.notification-recent-item.unread{background:rgba(255,138,0,.07)}.notification-recent-item div>span{color:var(--muted);display:block;font-size:10px;text-transform:uppercase}.notification-recent-item strong,.notification-recent-item p,.notification-recent-item time{display:block}.notification-recent-item p{color:var(--muted);line-height:1.35;margin:3px 0}.notification-recent-item time{color:var(--muted);font-size:10px}.notification-severity{background:#60a5fa;border-radius:50%;height:9px;margin-top:5px;width:9px}.severity-success .notification-severity{background:#22c55e}.severity-warning .notification-severity{background:#f59e0b}.severity-critical .notification-severity{background:#ef4444}.notification-empty{color:var(--muted);padding:28px;text-align:center}.notification-hero{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.notification-hero p{margin:0}.notification-filters{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(140px,1fr)) auto;margin-bottom:12px}.notification-centre-list{padding:0}.notification-centre-item{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:10px minmax(0,1fr) auto;padding:16px}.notification-centre-item.unread{background:rgba(255,138,0,.06)}.notification-centre-item h2{font-size:15px;margin:2px 0}.notification-centre-item p{margin:0 0 5px}.notification-centre-item time,.notification-module{color:var(--muted);font-size:11px}.notification-item-actions{align-items:center;display:flex;gap:6px}.danger-text{color:var(--danger)!important}.notification-pagination{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.push-enablement>header,.notification-preference-list>header,.notification-device-list article{align-items:center;display:flex;justify-content:space-between}.notification-preference-list{margin-top:14px}.notification-preference-row{align-items:center;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) repeat(3,auto) minmax(110px,auto) auto auto;padding:12px 0}.notification-preference-row>div span,.notification-device-list span,.notification-device-list small,.notification-category-admin form>div span{color:var(--muted);display:block;font-size:11px}.notification-preference-row label{align-items:center;display:flex;flex-direction:row;font-weight:600}.notification-preference-row input[type=checkbox]{min-height:auto;width:auto}.notification-device-list article{border-top:1px solid var(--line);padding:12px 0}.notification-admin-form{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(160px,1fr))}.notification-health div{display:grid;grid-template-columns:180px 1fr;padding:6px 0}.notification-health dt{color:var(--muted)}.notification-category-admin form{align-items:center;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(260px,1fr) repeat(4,auto) 110px auto auto;padding:12px 0}.notification-category-admin label{align-items:center;display:flex;flex-direction:row;font-size:12px}.notification-category-admin input[type=checkbox]{min-height:auto;width:auto}
html[data-kaya-theme=light-ops] .notification-popover{background:#fff}
@media(max-width:850px){.notification-menu{position:static}.notification-popover{left:12px;position:fixed;right:12px;top:64px;width:auto}.notification-hero{align-items:flex-start;flex-direction:column;gap:12px}.notification-filters,.notification-admin-form{grid-template-columns:1fr}.notification-centre-item{grid-template-columns:10px minmax(0,1fr)}.notification-item-actions{flex-wrap:wrap;grid-column:2}.notification-preference-row,.notification-category-admin form{align-items:start;grid-template-columns:1fr 1fr}.notification-preference-row>div,.notification-category-admin form>div{grid-column:1/-1}.push-enablement>header{align-items:flex-start;flex-direction:column;gap:10px}}

.notification-preference-group{margin-top:18px}.notification-preference-group h3{font-size:13px;letter-spacing:.04em;margin:0;text-transform:uppercase}.notification-preference-row{grid-template-columns:minmax(220px,1fr) minmax(280px,auto) auto}.notification-channel-summary{display:flex;flex-wrap:wrap;gap:7px}.notification-channel-summary span{border:1px solid var(--line);border-radius:999px;padding:4px 8px}.notification-preference-dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:520px;overflow:auto;padding:0;width:calc(100% - 28px)}.notification-preference-dialog.dialog-fallback-open{inset:calc(14px + env(safe-area-inset-top)) 14px auto;position:fixed;z-index:1000}.notification-preference-dialog::backdrop{background:rgba(2,6,23,.72)}.notification-preference-dialog form{display:grid;gap:14px;padding:18px}.notification-preference-dialog header,.notification-preference-dialog footer,.notification-diagnostic{align-items:center;display:flex;gap:12px;justify-content:space-between}.notification-preference-dialog h3,.notification-preference-dialog p{margin:0}.notification-preference-dialog footer{border-top:1px solid var(--line);padding-top:14px}.notification-diagnostic{margin-top:14px}.notification-diagnostic p{margin:4px 0 0}.notification-diagnostic>[role=status]{min-width:180px}.web-push-form-status{color:var(--danger);min-height:1.4em}.web-push-form-status:empty{min-height:0}
@media(max-width:850px){.notification-preference-row{grid-template-columns:minmax(0,1fr) auto}.notification-preference-row>.notification-channel-summary{grid-column:1/-1}.notification-diagnostic{align-items:flex-start;flex-direction:column}}