.nc-trigger{position:relative;min-width:40px;justify-content:center}.nc-trigger .ti-bell{font-size:18px}.nc-badge{position:absolute;top:1px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;border:2px solid var(--card);font-size:9px;font-weight:900;line-height:13px;text-align:center;display:none}.nc-badge.show{display:block}.nc-panel{position:fixed;right:16px;top:58px;width:min(430px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 78px));background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 60px rgba(15,23,42,.2);z-index:950;display:none;overflow:hidden;color:var(--text)}.nc-panel.open{display:flex;flex-direction:column;animation:fadeIn .15s ease both}.nc-head{padding:15px 16px 11px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nc-title{font-size:17px;font-weight:900}.nc-subtitle{font-size:11px;color:var(--text2);margin-top:2px}.nc-head-actions{display:flex;gap:4px}.nc-icon-btn{width:34px;height:34px;border:1px solid var(--border);background:#fff;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--text2);cursor:pointer}.nc-icon-btn:hover{background:#f3f4f6;color:var(--text)}.nc-filters{display:flex;gap:5px;padding:9px 12px;border-bottom:1px solid var(--border);overflow-x:auto}.nc-filter{border:1px solid var(--border);background:#fff;color:var(--text2);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.nc-filter.active{background:#e1f5ee;border-color:#9dd8c8;color:#0f6e56}.nc-list{overflow-y:auto;overscroll-behavior:contain;min-height:160px}.nc-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid #edf0f2;cursor:pointer;position:relative}.nc-item:hover{background:#f8fafc}.nc-item.unread{background:#f0f9f6}.nc-item.unread:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}.nc-item-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e6f1fb;color:#185fa5;font-size:17px}.nc-item.high .nc-item-icon{background:#fff3cd;color:#b45309}.nc-item.urgent .nc-item-icon{background:#fce8e8;color:#dc2626}.nc-item-title{font-size:12px;font-weight:800;line-height:1.35;padding-right:6px}.nc-item-message{font-size:11px;color:var(--text2);line-height:1.4;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nc-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px;font-size:10px;color:var(--text3)}.nc-pill{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:3px 6px;background:#eef2f7;color:#475569;font-weight:700}.nc-pill.ack{background:#fef3c7;color:#92400e}.nc-actions{display:flex;gap:6px;margin-top:9px}.nc-action{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800;cursor:pointer}.nc-action.primary{background:var(--green);border-color:var(--green);color:#fff}.nc-empty{padding:38px 24px;text-align:center;color:var(--text2)}.nc-empty i{font-size:34px;color:#94a3b8;display:block;margin-bottom:10px}.nc-empty strong{display:block;color:var(--text);font-size:13px;margin-bottom:4px}.nc-footer{padding:9px 12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text3)}.nc-mobile-trigger{position:relative;background:none;border:none;padding:10px;color:var(--text);border-radius:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.nc-mobile-trigger .nc-badge{top:4px;right:3px}.nc-spin{animation:spin .8s linear infinite}
.nc-push{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;background:#f8fafc;border-bottom:1px solid var(--border)}.nc-push-copy{min-width:0}.nc-push-copy strong{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text)}.nc-push-copy strong i{color:var(--green);font-size:15px}.nc-push-copy span{display:block;font-size:10px;color:var(--text2);line-height:1.35;margin-top:2px}.nc-push .nc-action{flex-shrink:0}.nc-push .nc-action:disabled{opacity:.6;cursor:wait}
@media(max-width:768px){.nc-panel{inset:calc(52px + env(safe-area-inset-top,0px)) 0 58px 0;width:auto;max-height:none;border-radius:0;border-left:0;border-right:0;box-shadow:none}.nc-head{padding-top:14px}.nc-list{flex:1}.nc-item{padding:14px 16px}.nc-item-title{font-size:13px}.nc-item-message{font-size:12px}.nc-filter{padding:7px 12px}}