.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;background:#f3f6fb;color:#1765a8;border:1px solid #ccd8e6;border-radius:12px;padding:9px 12px}
.notification-bell svg{width:22px;height:22px}
.notification-bell.has-critical{border-color:#ad2436;color:#941d2e;background:#fff0f2}
.notification-bell [data-notification-count]{background:#1765a8;color:white;border-radius:12px;font-size:12px;min-width:20px;padding:2px 5px}
.notification-bell.has-critical [data-notification-count]{background:#941d2e}
.notice-intro,.notice-toolbar,.notification-heading,.notification-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.notice-intro{justify-content:space-between}
.notice-toolbar{margin:18px 0}
.notification-heading{justify-content:space-between}
.notification-heading h3{margin:0;overflow-wrap:anywhere}
.notification-item{border-left:4px solid #5181b2;margin-bottom:14px}
.notification-item.priority-important{border-left-color:#a96d00}
.notification-item.priority-critical{border-left-color:#ad2436;background:#fffafb}
.notification-priority{border-radius:18px;padding:5px 10px;background:#eef3f9;white-space:nowrap;font-size:13px}
.priority-critical .notification-priority{background:#ffe6eb;color:#941d2e}
.notification-item p{overflow-wrap:anywhere}
.notification-actions select{max-width:100%}
.notice-check{display:flex;align-items:center;gap:10px}
.notice-check input{width:auto}
.notice-settings form{margin-top:15px}
@media(max-width:700px){
 header{gap:14px;flex-wrap:wrap}
 .header-actions{width:100%;justify-content:space-between}
 .header-actions #identity{overflow-wrap:anywhere;font-size:12px;max-width:75%}
 .notification-actions{align-items:stretch;flex-direction:column}
 .notification-actions button,.notification-actions select{width:100%}
 .notice-intro>button{width:100%}
}
