/* Separate from legacy styles: these rules apply only to notification UI. */
.wn-bell{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #adc9c6!important;border-radius:12px!important;padding:9px 12px!important;background:#fff!important;color:#123b38!important;font:600 14px system-ui,sans-serif!important;min-height:44px;cursor:pointer}
.wn-count{background:#c61e29;color:#fff;border-radius:20px;min-width:22px;text-align:center;padding:2px 5px;font:700 13px system-ui,sans-serif}
.wn-count[hidden],.wn-toast[hidden]{display:none!important}
.wn-dialog{box-sizing:border-box;border:0;border-radius:18px;padding:0;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);color:#19332f;background:#fff;box-shadow:0 20px 90px #102e3e55;font:15px/1.5 system-ui,sans-serif;overflow:auto}
.wn-dialog *{box-sizing:border-box}
.wn-dialog::backdrop{background:#0e273966}
.wn-dialog header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#eff8f6;border-bottom:1px solid #d7e6e3;position:sticky;top:0;z-index:1}
.wn-dialog h2{font-size:19px;margin:0}.wn-dialog h3{font-size:16px;margin:0 0 5px}
.wn-dialog p{margin:7px 0}.wn-body{padding:18px 20px}.wn-muted{font-size:13px;color:#536763}.wn-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.wn-dialog button,.wn-dialog a.wn-link,.wn-toast button{border:1px solid #b3cdca;background:#fff;color:#16433e;border-radius:9px;padding:10px 13px;min-height:44px;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer;text-decoration:none;display:inline-block}
.wn-dialog button:disabled{opacity:.55;cursor:wait}.wn-dialog button.wn-primary,.wn-dialog a.wn-primary{background:#087b70;color:white;border-color:#087b70}
.wn-dialog button:focus-visible,.wn-bell:focus-visible,.wn-toast button:focus-visible,.wn-dialog a:focus-visible{outline:3px solid #e59309;outline-offset:2px}
.wn-row{padding:14px 12px;margin:10px 0;border:1px solid #d9e5e3;border-radius:12px;overflow-wrap:anywhere}
.wn-row.wn-unread{background:#fff2e7;border-left:5px solid #d75516}.wn-tag{color:#a52219;background:#ffe8e5;padding:3px 7px;border-radius:6px;font-size:12px;font-weight:700}
.wn-settings{border-top:1px solid #d9e5e3;margin-top:20px;padding-top:15px}.wn-status{padding:10px 12px;border-radius:8px;background:#f0f7f5;font-size:13px;overflow-wrap:anywhere}.wn-status.wn-error{color:#9e1c23;background:#fff0ef}
.wn-toast{position:fixed;z-index:2000;right:18px;bottom:22px;width:min(390px,calc(100vw - 32px));background:#123f3b;color:white;border-radius:14px;padding:16px;box-shadow:0 12px 42px #0a302655;font:14px/1.5 system-ui,sans-serif}.wn-toast strong{display:block;font-size:16px}.wn-toast p{margin:5px 0 12px}.wn-toast button{margin-right:6px}
@media(max-width:540px){.wn-bell{font-size:12px!important;padding:8px!important}.wn-dialog header,.wn-body{padding:15px}.wn-toast{bottom:16px;right:16px}}