/* USER TRIGGER */
.user-wrap{position:relative;}
.user-trigger{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border-radius:11px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s;}
.user-trigger:hover,.user-trigger.open{background:var(--bg3);border-color:var(--border2);}
.avatar{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#1b3a30,#12241d);border:1px solid rgba(22,163,116,.25);color:#4fd6a8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;font-family:var(--font-display,'Manrope',sans-serif);}
.user-trigger .u-meta{text-align:left;line-height:1.3;}
.user-trigger .u-name{font-size:12.5px;color:var(--white);font-weight:700;}
.user-trigger .u-org{font-size:11px;color:var(--dim);font-weight:500;}
.chevron{color:var(--dim);transition:transform .15s;flex-shrink:0;}
.user-trigger.open .chevron{transform:rotate(180deg);}

/* USER PANEL */
.user-panel{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:var(--bg2);border:1px solid var(--border2);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5);z-index:400;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:all .16s ease;overflow:hidden;}
.user-panel.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.user-panel-head{padding:16px 16px 14px;border-bottom:1px solid var(--border);display:flex;gap:11px;align-items:center;}
.user-panel-head .avatar{width:40px;height:40px;font-size:14px;border-radius:11px;}
.up-name{font-size:13.5px;color:var(--white);font-weight:700;}
.up-email{font-size:11.5px;color:var(--dim);margin-top:1px;}
.plan-row{margin:12px 14px;padding:10px 12px;border-radius:10px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.plan-label{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;font-weight:700;}
.plan-name{font-size:12.5px;color:var(--white);font-weight:700;margin-top:1px;display:flex;align-items:center;gap:6px;}
.plan-badge{font-size:9.5px;padding:2px 7px;border-radius:20px;background:var(--green-soft);color:var(--green);font-weight:800;letter-spacing:.3px;}
.menu-group{padding:6px 8px;}
.menu-group+.menu-group{border-top:1px solid var(--border);}
.menu-item{display:flex;align-items:center;gap:11px;padding:9px;border-radius:9px;cursor:pointer;color:var(--text);font-size:13px;font-weight:500;transition:background .12s;}
.menu-item:hover{background:rgba(255,255,255,.04);}
.menu-item svg{color:var(--dim);flex-shrink:0;}
.menu-item:hover svg{color:var(--muted);}
.menu-item.danger{color:var(--red);}
.menu-item.danger svg{color:var(--red);opacity:.8;}
.menu-item.danger:hover{background:var(--red-soft);}

/* BELL */
.bell-btn{position:relative;width:38px;height:38px;border-radius:10px;background:var(--bg3);border:1px solid var(--border2);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.bell-btn:hover{color:var(--white);border-color:var(--border3);}
.bell-btn.panel-open{color:var(--white);border-color:var(--border3);background:var(--bg4);}
.bell-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#c24a58;color:#fff;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg2);}

/* NOTIF PANEL */
.notif-wrap{position:relative;}
.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:392px;max-width:calc(100vw - 40px);background:var(--bg2);border:1px solid var(--border2);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5);z-index:400;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:all .16s ease;display:flex;flex-direction:column;max-height:520px;}
.notif-panel.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.notif-head{padding:16px 18px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.notif-head h3{font-size:14.5px;color:var(--white);font-weight:700;}
.mark-read-link{font-size:11.5px;color:var(--muted);background:none;border:none;cursor:pointer;font-weight:600;transition:color .15s;}
.mark-read-link:hover{color:var(--white);}
.notif-tabs{display:flex;gap:4px;padding:10px 14px 0;}
.notif-tab{padding:6px 12px;border-radius:7px;border:none;background:transparent;color:var(--muted);font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s;}
.notif-tab.active{background:var(--bg4);color:var(--white);}
.notif-list{flex:1;overflow-y:auto;padding:6px 8px 10px;}
.notif-group-label{font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:12px 10px 6px;}
.notif-item{display:flex;gap:12px;padding:11px 10px;border-radius:10px;cursor:pointer;transition:background .12s;position:relative;}
.notif-item:hover{background:rgba(255,255,255,.03);}
.notif-item.unread{background:rgba(255,255,255,.02);}
.notif-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.notif-icon.success{background:var(--green-soft);color:var(--green);}
.notif-icon.danger{background:var(--red-soft);color:var(--red);}
.notif-icon.warning{background:var(--yellow-soft);color:var(--yellow);}
.notif-icon.info{background:var(--blue-soft);color:var(--blue);}
.notif-body{flex:1;min-width:0;}
.notif-title{font-size:12.5px;color:var(--white);font-weight:600;line-height:1.4;}
.notif-title b{font-weight:700;}
.notif-desc{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.5;}
.notif-time{font-size:10.5px;color:var(--dim);margin-top:5px;font-weight:500;}
.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:5px;}
.notif-foot{padding:11px 14px;border-top:1px solid var(--border);text-align:center;}
.notif-foot a{font-size:12px;color:var(--muted);text-decoration:none;font-weight:600;cursor:pointer;}
.notif-foot a:hover{color:var(--white);}
.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 24px;color:var(--dim);text-align:center;gap:10px;}
.notif-empty .e-icon{width:48px;height:48px;border-radius:14px;background:var(--bg3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--muted);}
.notif-empty h4{font-size:13.5px;color:var(--muted);font-weight:700;}
.notif-empty p{font-size:12px;color:var(--dim);max-width:220px;line-height:1.5;}
@media(max-width:560px){.user-trigger .u-meta{display:none;}.user-trigger{padding:5px;gap:0;}}