.notification-dropdown{position:relative}.notification-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;border:1px solid hsla(0,0%,100%,.18);background:var(--chat-surface-elevated);color:var(--chat-accent);margin-right:10px;cursor:pointer;box-shadow:var(--chat-shadow);transition:transform .2s ease,box-shadow .2s ease}.notification-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.notification-button:focus-visible{outline:2px solid var(--chat-accent);outline-offset:2px}.notification-button .pi-bell{font-size:20px}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#ef3b4d,#ff5b6b);color:#fff;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(239,59,77,.25)}.notification-toggle-dot{position:absolute;top:10px;right:8px;width:8px;height:8px;border-radius:50%;background:#ef3b4d;box-shadow:0 2px 6px rgba(239,59,77,.35)}.notification-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(94vw,400px);max-width:calc(100vw - 24px);background:var(--chat-surface);border:1px solid var(--border-color);box-shadow:0 10px 40px rgba(0,0,0,.1);z-index:1100;padding:14px;border-radius:20px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;max-height:600px}.notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.notification-title{font-size:16px;font-weight:700;color:var(--primary-text);margin:0;line-height:1.2}.notification-subtitle{font-size:12px;color:var(--secondary-text);margin:4px 0 0;line-height:1.2}.notification-header-actions{display:flex;align-items:center;gap:8px}.notification-mark-all{padding:4px 12px;background:transparent;border:1px solid var(--border-color);color:var(--primary-text);border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notification-mark-all:hover{background:var(--chat-surface-strong)}.notification-close{background:transparent;border:none;color:var(--secondary-text);font-size:18px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:background-color .2s ease}.notification-close:hover{background-color:var(--chat-surface-strong)}.notifications-list{flex:1 1;overflow-y:auto;overflow-x:hidden}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}.notification-item{display:flex;gap:12px;padding:12px;border-radius:12px;margin-bottom:8px;background:var(--chat-surface-strong);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.notification-item:hover{background:var(--chat-surface-elevated);border-color:var(--border-color)}.notification-item.unread{background:rgba(239,59,77,.06);border-color:rgba(239,59,77,.1)}.notification-item.unread:hover{background:rgba(239,59,77,.08)}.notification-item-content{flex:1 1;display:flex;gap:12px;align-items:flex-start;background:none;border:none;padding:0;cursor:pointer;text-align:left;color:inherit;font:inherit;min-width:0}.notification-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(239,59,77,.1);font-size:18px}.notification-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-message{font-size:13px;color:var(--primary-text);line-height:1.4;word-break:break-word}.notification-message strong{color:var(--primary-text);font-weight:600}.notification-message span,.notification-time{color:var(--secondary-text)}.notification-time{font-size:11px;line-height:1.2}.notification-actions{flex-shrink:0;display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-actions{opacity:1}.notification-action-btn,.notification-delete-btn{background:transparent;border:1px solid var(--border-color);color:var(--secondary-text);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.notification-action-btn:hover{background:var(--chat-surface);border-color:var(--primary-text);color:var(--primary-text)}.notification-delete-btn:hover{background:rgba(239,59,77,.1);border-color:#ef3b4d;color:#ef3b4d}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.notification-empty p{font-size:14px;color:var(--secondary-text);margin:0}.notification-footer{padding-top:12px;border-top:1px solid var(--border-color);margin-top:12px}.notification-view-all{width:100%;padding:10px;background:transparent;border:1px solid var(--border-color);color:var(--primary-text);border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.notification-view-all:hover{background:var(--chat-surface-elevated);border-color:var(--primary-text)}[data-theme=dark] .notification-item.unread{background:rgba(239,59,77,.08);border-color:rgba(239,59,77,.15)}[data-theme=dark] .notification-item.unread:hover{background:rgba(239,59,77,.12)}@media (max-width:600px){.notification-menu{position:fixed;top:60px;left:50%;transform:translateX(-50%);width:min(98vw,360px);max-width:calc(100vw - 10px);right:auto;border-radius:18px}}