/* 通知样式独立命名，避免改变电脑侧栏、手机页面或原来的审批弹窗。 */
#oa-notification-trigger{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;min-height:40px;border:1px solid #d9e7df;border-radius:13px;background:#f3f8f2;color:#214d3d;padding:9px 13px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer}
#oa-notification-trigger[hidden],#oa-notification-trigger b[hidden],#oa-notification-banner[hidden]{display:none!important}
#oa-notification-trigger b{min-width:20px;height:20px;line-height:20px;border-radius:20px;padding:0 5px;background:#c33f38;color:#fff;text-align:center;font-size:12px}
#oa-notification-dialog{box-sizing:border-box;width:min(520px,94vw);max-width:94vw;max-height:86dvh;padding:22px;border:1px solid #e0e9e3;border-radius:22px;background:#fcfdfa;color:#203e32;overflow:auto;box-shadow:0 24px 80px #102f3438}
#oa-notification-dialog::backdrop{background:#102c2859;backdrop-filter:blur(3px)}
#oa-notification-dialog .on-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
#oa-notification-dialog h2{margin:0;font-size:22px}#oa-notification-summary{margin:8px 0 0;color:#678074;font-size:13px}
#oa-notification-dialog .on-head button{width:36px;min-width:36px;height:36px;border:0;border-radius:10px;background:#eaf2eb;color:#315643;font-size:24px;padding:0;cursor:pointer}
#oa-notification-dialog .on-tip{font-size:12px;line-height:1.65;color:#62796c;background:#eff5ed;border-radius:12px;padding:12px;margin:18px 0}
#oa-notification-error{font-size:13px;color:#a34a2e}
#oa-notification-dialog .on-item{box-sizing:border-box;width:100%;display:flex;flex-direction:column;text-align:left;gap:11px;padding:16px;margin:0 0 12px;border:1px solid #e2e9e2;border-radius:15px;background:#fff;color:#274336;cursor:pointer;white-space:normal}
#oa-notification-dialog .on-item.on-unread{border-left:4px solid #18825f;background:#f4faf5}
#oa-notification-dialog .on-title{font-size:14px;font-weight:700;line-height:1.6}#oa-notification-dialog .on-title small{font-size:11px;font-weight:400;color:#608473}
#oa-notification-dialog .on-party{display:flex;justify-content:space-between;gap:12px;width:100%;font-size:14px;overflow-wrap:anywhere}#oa-notification-dialog .on-party b{flex-shrink:0}
#oa-notification-dialog .on-meta{color:#748578;font-size:12px;line-height:1.6}#oa-notification-dialog .on-link{font-size:13px;color:#167456}
#oa-notification-dialog .on-empty{padding:40px 14px;text-align:center;color:#738475;font-size:14px}
#oa-notification-dialog [data-on-refresh]{border:1px solid #d5e3d8;border-radius:10px;background:#eff5ef;color:#235e45;padding:10px 15px;cursor:pointer}
#oa-notification-banner{position:fixed;right:20px;top:18px;max-width:min(390px,calc(100vw - 40px));padding:15px 18px;z-index:10000;border:1px solid #cde2d1;border-radius:14px;background:#edf7eb;color:#24543a;box-shadow:0 10px 35px #12342329;font-size:14px;line-height:1.6;cursor:pointer}
@media(max-width:600px){#oa-notification-trigger{font-size:12px;padding:8px;gap:4px}#app-view>header{flex-wrap:wrap;gap:9px}#app-view>header .live{display:none}#oa-notification-dialog{padding:17px;border-radius:18px}#oa-notification-banner{top:calc(12px + env(safe-area-inset-top))}}