.ops-notification-toggle{position:relative;overflow:visible!important;display:inline-flex!important;flex-shrink:0}.ops-notification-count{position:absolute;top:-3px;right:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:12px;display:grid;place-items:center;background:#8ee800;color:#12392c;font:600 9px/1 system-ui,sans-serif;box-sizing:content-box}.ops-notification-count[hidden]{display:none}.ops-notifications-overlay{position:fixed;inset:0;z-index:1500;color:#17372e;font-family:MiSans,'Microsoft YaHei',system-ui,sans-serif}.ops-notifications-backdrop{position:absolute;inset:0;border:0;background:#0f2d272b;cursor:default}.ops-notifications-panel{position:absolute;top:80px;right:24px;width:410px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 104px);display:flex;flex-direction:column;border:1px solid #dce6d6;background:#fff;border-radius:20px;box-shadow:0 18px 70px #0f2d2730;overflow:hidden}.ops-notifications-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 20px;background:#f2f7e9;border-bottom:1px solid #dfe8d7}.ops-notifications-panel>header>div{display:flex;align-items:center;gap:9px}.ops-notifications-panel>header h2{margin:0;font-size:16px;font-weight:600}.ops-notifications-panel>header>div>svg{width:19px;height:19px;color:#597a42}.ops-notifications-panel>header span{font-size:10px;color:#6e825e;white-space:nowrap}.ops-notifications-panel .icon-button{display:flex;width:28px;height:28px;flex-shrink:0;background:transparent;border:0;color:#6e825e}.ops-notifications-panel .icon-button svg{width:17px;height:17px}.ops-notifications-toolbar{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid #edf1e8;font-size:11px}.ops-notifications-toolbar>span{flex:1;color:#85917b}.ops-notifications-toolbar>button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#5d7c41;font:inherit;padding:3px;white-space:nowrap}.ops-notifications-toolbar svg{width:12px;height:12px}.ops-notifications-panel button:disabled{opacity:.5;cursor:default}.ops-notifications-list{overflow:auto;min-height:190px;max-height:60dvh;overscroll-behavior:contain}.ops-notification-row{position:relative;display:block;width:100%;padding:17px 20px;border:0;border-bottom:1px solid #edf1e8;background:#fff;color:#17372e;text-align:left;font-family:inherit;cursor:pointer;box-sizing:border-box}.ops-notification-row:hover{background:#f6f9f0}.ops-notification-row.is-unread{background:#f8fbed}.ops-notification-row.is-unread:hover{background:#f0f7e2}.ops-notification-row-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#7d8d70;font-size:10px}.ops-notification-type{display:flex;align-items:center;gap:6px;flex:1;color:#6b8255}.ops-notification-type svg{width:13px;height:13px}.ops-notification-row time{white-space:nowrap}.ops-unread-dot{width:6px;height:6px;border-radius:50%;background:#79b928;flex-shrink:0}.ops-notification-row>strong{display:block;font-size:13px;line-height:1.7;font-weight:500;overflow-wrap:anywhere}.ops-notification-row>p{margin:7px 0 10px;color:#7d8b73;font-size:11px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.ops-notification-target{display:flex;align-items:center;gap:4px;margin-top:9px;color:#648547;font-size:10px}.ops-notification-target svg{width:12px;height:12px}.ops-notifications-panel>footer{padding:12px 20px;border-top:1px solid #edf1e8;color:#8a967f;font-size:10px;background:#fbfcf8}.ops-notifications-empty{padding:44px 20px;text-align:center;color:#829075}.ops-notifications-empty>svg{width:29px;height:29px;margin:0 auto 14px;color:#9cb67e}.ops-notifications-empty strong{display:block;font-size:13px;font-weight:500}.ops-notifications-empty p{font-size:11px;line-height:1.8;margin:8px 0 0}.ops-notifications-error{margin:13px 16px 0;padding:10px 12px;border:1px solid #eadcc2;border-radius:9px;background:#fbf6e9;color:#947c52;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.ops-notifications-panel button:focus-visible{outline:2px solid #77a83f;outline-offset:-3px}@media(max-width:760px){.ops-notifications-panel{top:66px;right:12px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 82px);border-radius:16px}.ops-notifications-panel>header{padding:15px 16px}.ops-notifications-panel>header h2{font-size:15px}.ops-notifications-toolbar{padding:12px 16px;gap:9px}.ops-notification-row{padding:15px 16px}.ops-notifications-list{max-height:calc(100dvh - 240px)}.ops-notifications-panel>footer{padding:11px 16px}}
.ops-notifications-live{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-bottom:1px solid #edf1e8;background:#fbfdf7}.ops-live-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;line-height:1.6;color:#6c7d60}.ops-live-status>i{display:block;width:6px;height:6px;border-radius:50%;background:#b19b56;flex-shrink:0}.ops-live-status.is-connected>i{background:#73b62b;box-shadow:0 0 0 3px #8ee8001f}.ops-live-status.is-reconnecting>i,.ops-live-status.is-unsupported>i{background:#bc9440}.ops-notifications-live>button{display:inline-flex;align-items:center;gap:5px;border:1px solid #dde8cf;border-radius:8px;padding:5px 7px;background:#f2f7e9;color:#496335;font:inherit;font-size:10px;font-weight:500;line-height:1.5;white-space:nowrap}.ops-notifications-live>button svg{width:13px;height:13px}.ops-live-toasts{position:fixed;right:24px;top:84px;z-index:1450;display:flex;flex-direction:column;gap:12px;width:370px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;padding:4px 4px 12px;box-sizing:content-box;pointer-events:none;color:#17372e;font-family:MiSans,'Microsoft YaHei',system-ui,sans-serif;overscroll-behavior:contain}.ops-live-toast{position:relative;border:1px solid #c7daaf;border-radius:15px;background:#fff;box-shadow:0 10px 35px #0f2d2724;overflow:hidden;pointer-events:auto;flex-shrink:0;animation:ops-toast-enter .18s ease-out}.ops-live-toast::before{content:'';position:absolute;top:0;bottom:0;left:0;width:4px;background:#8ee800}.ops-live-toast-target{display:block;width:100%;border:0;padding:17px 35px 15px 20px;background:transparent;color:inherit;text-align:left;font-family:inherit;cursor:pointer}.ops-live-toast-target:hover{background:#f7faef}.ops-live-toast-type{display:flex;align-items:center;gap:6px;margin-bottom:9px;color:#6b8255;font-size:10px}.ops-live-toast-type>svg{width:14px;height:14px;flex-shrink:0}.ops-live-toast-type>time{flex:1;text-align:right;color:#839178;font-size:9px;white-space:nowrap}.ops-live-toast-target>strong{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.7}.ops-live-toast-target>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;margin:7px 0 0;color:#77866d;font-size:11px;line-height:1.8}.ops-live-toast-link{display:flex;align-items:center;gap:4px;margin-top:10px;color:#56753c;font-size:10px}.ops-live-toast-link svg{width:12px;height:12px}.ops-live-toast-close{position:absolute;z-index:1;right:8px;top:8px;display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:#829075;cursor:pointer}.ops-live-toast-close:hover{background:#edf3e3}.ops-live-toast-close svg{width:14px;height:14px}.ops-live-sound-prompt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px 9px 20px;border-top:1px solid #e7efd9;background:#f5f9ed;font-size:10px;color:#80906e}.ops-live-sound-prompt>button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:7px;background:#e8f3d5;color:#456733;padding:5px 8px;font:inherit;font-size:10px;font-weight:500;line-height:1.5;white-space:nowrap}.ops-live-sound-prompt svg{width:12px;height:12px}.ops-live-toast button:focus-visible,.ops-notifications-live>button:focus-visible{outline:2px solid #77a83f;outline-offset:-3px}@keyframes ops-toast-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ops-live-toast{animation:none}}@media(max-width:760px){.ops-notifications-live{padding:10px 16px}.ops-live-toasts{top:70px;right:12px;width:350px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 84px);gap:9px}.ops-live-toast{border-radius:13px}.ops-live-toast-target{padding:14px 34px 13px 17px}.ops-live-toast-target>strong{font-size:12px}.ops-live-sound-prompt{padding-left:17px}.ops-notifications-list{max-height:calc(100dvh - 287px)}}

.ops-notifications-live>button .ops-sound-on-icon,.ops-notifications-live>button .ops-sound-off-icon{display:flex;align-items:center}.ops-notifications-live>button[data-sound-enabled="true"] .ops-sound-off-icon,.ops-notifications-live>button[data-sound-enabled="false"] .ops-sound-on-icon{display:none}