.on[data-v-3e84c7ae]{position:relative}.on__btn[data-v-3e84c7ae]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:transparent;border:none;color:#b9babd;cursor:pointer;transition:background .15s ease,color .15s ease}.on__btn[data-v-3e84c7ae]:hover,.on__btn--open[data-v-3e84c7ae]{background:#26272c;color:#fff}.on__badge[data-v-3e84c7ae]{position:absolute;top:2px;right:2px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:#ff5151;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.on__panel[data-v-3e84c7ae]{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:320px;max-width:calc(100vw - 16px);max-height:calc(100vh - 100px);background:#232429;border:1px solid #303136;border-radius:14px;box-shadow:0 18px 44px #00000080;overflow:hidden;display:flex;flex-direction:column}@media(max-width:480px){.on__panel[data-v-3e84c7ae]{position:fixed;inset:60px 8px auto;width:auto;max-width:none;max-height:calc(100vh - 80px)}}.on__head[data-v-3e84c7ae]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #303136}.on__head-title[data-v-3e84c7ae]{font-size:13px;font-weight:600;color:#fff}.on__head-actions[data-v-3e84c7ae]{display:flex;align-items:center;gap:10px}.on__mark-all[data-v-3e84c7ae]{font-size:11px;color:var(--text-accent);background:none;border:none;cursor:pointer;padding:0}.on__clear-all[data-v-3e84c7ae]{font-size:11px;color:#7c7d81;background:none;border:none;cursor:pointer;padding:0;transition:color .15s}.on__clear-all[data-v-3e84c7ae]:hover{color:#ff5d47}.on__empty[data-v-3e84c7ae]{padding:32px 16px;text-align:center;font-size:13px;color:#7c7d81}.on__list[data-v-3e84c7ae]{max-height:380px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.on__item[data-v-3e84c7ae]{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s;position:relative}.on__item[data-v-3e84c7ae]:hover{background:#2a2b30}.on__item--unread .on__item-dot[data-v-3e84c7ae]{background:var(--text-accent)}.on__item-dot[data-v-3e84c7ae]{width:6px;height:6px;border-radius:50%;background:transparent;margin-top:5px;flex-shrink:0;transition:background .15s}.on__item--success .on__item-dot[data-v-3e84c7ae]{background:#46e27a}.on__item--warn .on__item-dot[data-v-3e84c7ae]{background:#f0b400}.on__item--error .on__item-dot[data-v-3e84c7ae]{background:#ff5d47}.on__item-body[data-v-3e84c7ae]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.on__item-title[data-v-3e84c7ae]{font-size:13px;color:#fff;font-weight:500;line-height:1.4}.on__item-text[data-v-3e84c7ae]{font-size:12px;color:#a4a6b2;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on__item-time[data-v-3e84c7ae]{font-size:11px;color:#7c7d81;margin-top:2px}.on__item-close[data-v-3e84c7ae]{font-size:16px;color:#7c7d81;background:none;border:none;cursor:pointer;padding:0;line-height:1;margin-top:-2px;opacity:0;transition:opacity .15s}.on__item:hover .on__item-close[data-v-3e84c7ae]{opacity:1}.on-pop-enter-active[data-v-3e84c7ae],.on-pop-leave-active[data-v-3e84c7ae]{transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1);transform-origin:top right}.on-pop-enter-from[data-v-3e84c7ae],.on-pop-leave-to[data-v-3e84c7ae]{opacity:0;transform:translateY(-6px) scale(.97)}