.notification-root{margin-left:auto;position:relative;font-family:inherit;color:#f2f4e9}
.notification-proof{overflow-wrap:anywhere}.notification-proof output{display:block;user-select:all;font-family:monospace;line-height:1.7}
.notification-bell{width:auto;min-width:48px;min-height:44px;padding:.55rem .8rem;display:inline-flex;gap:.4rem;align-items:center;border:1px solid #6e795f;border-radius:12px;background:#303a26;color:#f2f4e9;cursor:pointer;font:inherit}
.notification-badge{font-size:.85rem;font-weight:700;color:#d9fa87}.notification-badge:empty{display:none}
.notification-panel{box-sizing:border-box;position:fixed;top:5.5rem;right:1rem;width:min(35rem,calc(100vw - 2rem));max-height:calc(100dvh - 7rem);overflow:auto;overscroll-behavior:contain;z-index:1000;padding:1.2rem;background:#242a22;border:1px solid #748163;border-radius:16px;box-shadow:0 1rem 4rem #0009;text-align:left;line-height:1.5}
.notification-panel[hidden],.notification-panel [hidden]{display:none!important}
.notification-panel :is(h2,h3,p){margin:.5rem 0 1rem}.notification-top{display:flex;align-items:center;gap:1rem;justify-content:space-between}
.notification-panel button,.notification-action{box-sizing:border-box;min-height:44px;padding:.65rem .9rem;border:1px solid #7d8d6a;border-radius:10px;background:#35402c;color:#f1f6e8;font:inherit;text-decoration:none;cursor:pointer;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.notification-panel button:hover,.notification-action:hover{background:#4b5d38}.notification-panel button:disabled{opacity:.65;cursor:wait}
.notification-panel :is(button,a,input,textarea,select):focus-visible,.notification-bell:focus-visible{outline:3px solid #ddfb93;outline-offset:3px}
.notification-row{width:100%;display:flex;flex-wrap:wrap;text-align:left;gap:.35rem .8rem;margin-bottom:.6rem}.notification-row strong{flex:1 0 100%;overflow-wrap:anywhere}
.notification-unread{color:#e2ff9b;font-weight:700;border-left:3px solid #d9fa87;padding-left:.5rem}.notification-read,.notification-category,.notification-date,.notification-help{color:#c5ceba;font-size:.9rem}
.notification-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.notification-status{min-height:1.5em;color:#e2ff9b}.notification-detail{border-top:1px solid #6a765c;padding-top:1rem;margin-top:1rem}.notification-detail button{margin:.25rem}
.notification-action{display:inline-block;background:#d9fa87;color:#172011;font-weight:600}.notification-action:hover{background:#e5ffb0;color:#172011}
.notification-editor{border-top:1px solid #748163;margin-top:1rem;padding-top:1rem}.notification-editor label{display:block;margin:.8rem 0}.notification-editor :is(input,textarea,select){display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.7rem;background:#171d15;border:1px solid #82936d;border-radius:8px;color:#f1f6e8;font:inherit;min-height:44px}.notification-editor textarea{resize:vertical;max-width:100%}.notification-editor fieldset{min-width:0;border:0;padding:0}.notification-editor button{margin:.35rem .35rem .35rem 0}
.notification-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.8rem 0}.notification-tools select{font:inherit;min-height:44px;padding:.5rem;background:#171d15;color:#f1f6e8;max-width:100%}.notification-bulk,.notification-draft-row{border-top:1px solid #748163;margin-top:.75rem;padding-top:.75rem;overflow-wrap:anywhere}.notification-draft-row button{margin:.25rem}.notification-editor [data-preview-content]{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #748163;padding:.8rem}
@media(max-width:600px){.notification-panel{top:4.5rem;max-height:calc(100dvh - 5.5rem);padding:1rem}.notification-root{margin-left:0}.notification-top{flex-wrap:wrap}.notification-panel :is(button,a){min-height:48px}}