.uk-modal:has(.odpu-notif-dialog){-webkit-backdrop-filter:blur(4px);background:#0f172a94;padding-top:16px;padding-bottom:16px}.uk-modal:has(.odpu-notif-dialog) .uk-modal-dialog{width:min(860px,100vw - 48px)}.odpu-notif-dialog{--notif-primary:#0d6efd;--notif-primary-deep:#0875e8;--notif-ink:#172033;--notif-muted:#667085;--notif-line:#e7ebf2;--notif-surface:#f6f8fc;--notif-critical:#d92d20;--notif-critical-bg:#fee4e2;--notif-important:#ea6a11;--notif-important-bg:#fff1e6;--notif-normal:#3760ce;--notif-normal-bg:#eef3ff;background:#fff;border-radius:20px;flex-direction:column;max-height:calc(100vh - 32px);padding:28px 32px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a33}@keyframes odpu-notif-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.odpu-notif-dialog--shake{animation:.4s odpu-notif-shake}.odpu-notif-close{border:1px solid var(--notif-line);width:44px;height:44px;color:var(--notif-ink);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex;position:absolute;top:24px;right:24px}.odpu-notif-close:hover{background:#f4f6fa;border-color:#d7dde6}.odpu-notif-close:focus-visible{outline:2px solid var(--notif-primary);outline-offset:2px}.odpu-notif-header{align-items:flex-start;gap:16px;padding-right:40px;display:flex}.odpu-notif-header--page{padding-right:0}.odpu-notif-icon{border-radius:16px;flex:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.odpu-notif-icon svg{width:30px;height:30px}.odpu-notif-icon--important{color:#ea6a11;background:#fff4e8;border:1px solid #ffe1c2}.odpu-notif-icon--critical{color:#d92d20;background:#fef0ef;border:1px solid #fbcfcb}.odpu-notif-icon--normal{color:#3760ce;background:#eef3ff;border:1px solid #d6e0ff}.odpu-notif-header-main{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.odpu-notif-type-badge{letter-spacing:.02em;color:#fff;border-radius:11px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.odpu-notif-type-badge--important{background:linear-gradient(#f97316 0%,#dc5a08 100%)}.odpu-notif-type-badge--critical{background:linear-gradient(#f04438 0%,#b42318 100%)}.odpu-notif-type-badge--normal{background:linear-gradient(#4d7cf5 0%,#2f5bd7 100%)}.odpu-notif-title{color:var(--notif-ink);margin:0;font-size:clamp(19px,2.4vw,24px);font-weight:800;line-height:1.25}.odpu-notif-meta{background:var(--notif-surface);color:var(--notif-muted);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.odpu-notif-meta-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.odpu-notif-meta-sep{background:var(--notif-line);width:1px;height:14px}.odpu-notif-priority-badge{white-space:nowrap;border-radius:10px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:700}.odpu-notif-priority-badge--important{background:var(--notif-important-bg);color:var(--notif-important)}.odpu-notif-priority-badge--critical{background:var(--notif-critical-bg);color:var(--notif-critical)}.odpu-notif-priority-badge--normal{background:var(--notif-normal-bg);color:var(--notif-normal)}.odpu-notif-divider{border:none;border-top:1px solid var(--notif-line);margin:24px 0}.odpu-notif-body{flex:auto;min-height:0;overflow-y:auto}.odpu-notif-text{color:#344054;font-size:16px;line-height:1.6}.odpu-notif-paragraph{white-space:pre-line;margin:0 0 14px}.odpu-notif-paragraph:last-child{margin-bottom:0}.odpu-notif-callout{background:var(--notif-surface);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 18px;display:flex}.odpu-notif-callout-icon{width:26px;height:26px;color:var(--notif-primary);background:#e4ecfd;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.odpu-notif-callout--tip .odpu-notif-callout-icon{color:var(--notif-primary);background:#e4ecfd}.odpu-notif-callout--success{background:#e9fbf3}.odpu-notif-callout--success .odpu-notif-callout-icon{color:#159a68;background:#d3f5e6}.odpu-notif-callout-body{flex:auto;min-width:0}.odpu-notif-callout--info .odpu-notif-callout-body .odpu-notif-paragraph:first-child{color:var(--notif-ink);font-weight:700}.odpu-notif-heading{color:var(--notif-ink);align-items:center;gap:8px;margin:4px 0 12px;font-size:16px;font-weight:700;display:flex}.odpu-notif-heading-icon{background:var(--notif-surface);width:24px;height:24px;color:var(--notif-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.odpu-notif-step{border-top:1px solid var(--notif-line);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.odpu-notif-step:first-of-type{border-top:none;padding-top:0}.odpu-notif-step-number{width:28px;height:28px;color:var(--notif-primary);background:#e4ecfd;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.odpu-notif-step-text{white-space:pre-line;margin:3px 0 0}.odpu-notif-attachments{margin-top:20px}.odpu-notif-footer{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px;display:flex}.odpu-notif-ack-button{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#2588f5 0%,#0875e8 100%);border:none;border-radius:12px;align-items:center;gap:6px;height:42px;padding:0 20px;font-size:13px;font-weight:700;transition:filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 14px #0d6efd38}.odpu-notif-ack-button:hover{filter:brightness(1.04)}.odpu-notif-ack-button:active{filter:brightness(.96)}.odpu-notif-ack-button:focus-visible{outline:2px solid var(--notif-primary);outline-offset:3px}.odpu-notif-ack-button:disabled,.odpu-notif-ack-button.is-loading{cursor:default;box-shadow:none;filter:none;opacity:.85}.odpu-notif-ack-icon{display:inline-flex}.odpu-notif-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite odpu-notif-spin;display:inline-block}@keyframes odpu-notif-spin{to{transform:rotate(360deg)}}.odpu-notif-footer-hint{color:var(--notif-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.odpu-notif-error{color:var(--notif-critical);flex-basis:100%;font-size:13px;font-weight:600}.odpu-sysmsg-row--unread{background:#f7f9ff}.odpu-sysmsg-subject-cell{align-items:center;gap:8px;display:flex}.odpu-sysmsg-unread-dot{background:#3760ce;border-radius:50%;flex:none;width:7px;height:7px}.odpu-sysmsg-unread-badge{color:#3760ce;white-space:nowrap;background:#eef3ff;border-radius:8px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.odpu-notif-read-receipt{color:#159a68;background:#e9fbf3;border-radius:10px;align-items:center;gap:6px;margin-top:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=900px){.odpu-notif-dialog{padding:28px 24px 24px}}@media (width<=640px){.uk-modal:has(.odpu-notif-dialog) .uk-modal-dialog{width:calc(100vw - 24px)}.odpu-notif-dialog{border-radius:18px;max-height:calc(100vh - 24px);padding:20px 16px 18px}.odpu-notif-close{width:40px;height:40px;top:14px;right:14px}.odpu-notif-header{gap:14px}.odpu-notif-meta{gap:8px}.odpu-notif-priority-badge{margin-left:0}.odpu-notif-footer{flex-direction:column;align-items:stretch}.odpu-notif-ack-button{order:-1;justify-content:center}.odpu-notif-footer-hint{order:1}}