.ud-bell-wrap { position:relative; cursor:pointer; }
.ud-bell { font-size:16px; transition:transform 0.2s; }
.ud-bell:hover { transform:scale(1.15); }
.ud-badge { position:absolute; top:-6px; right:-8px; background:var(--error,#EF4444); color:#fff; font-size:8px; font-weight:700; min-width:14px; height:14px; border-radius:7px; display:none; align-items:center; justify-content:center; padding:0 3px; }
.ud-wrap { position:relative; }
.ud-trigger { display:flex; align-items:center; gap:6px; cursor:pointer; padding:4px 10px; border:1px solid var(--border-default,#1a1a22); border-radius:6px; background:var(--bg-card,#0f0f14); transition:all 0.2s; }
.ud-trigger:hover { border-color:var(--accent,#dc6400); }
.ud-nick { font-size:12px; font-weight:600; color:var(--text-primary,#c9c9d4); white-space:nowrap; max-width:120px; overflow:hidden; text-overflow:ellipsis; }
.ud-arrow { font-size:10px; color:var(--text-secondary,#8a8a9a); transition:transform 0.2s; }
.ud-wrap.open .ud-arrow { transform:rotate(180deg); }
.ud-menu { display:none; position:absolute; top:calc(100% + 8px); right:0; width:260px; background:var(--bg-card,#0f0f14); border:1px solid var(--border-default,#1a1a22); border-radius:10px; box-shadow:0 8px 32px rgba(0,0,0,0.5); z-index:200; overflow:hidden; }
.ud-wrap.open .ud-menu { display:block; }
.ud-header { padding:14px 16px; border-bottom:1px solid var(--border-default,#1a1a22); }
.ud-header-nick { color:var(--accent,#dc6400); font-weight:700; font-size:14px; margin-bottom:2px; }
.ud-header-email { color:var(--text-secondary,#8a8a9a); font-size:10px; }
.ud-row { display:flex; justify-content:space-between; align-items:center; padding:8px 16px; }
.ud-label { font-size:11px; color:var(--text-secondary,#8a8a9a); }
.ud-val { font-size:12px; font-weight:600; color:var(--text-primary,#c9c9d4); }
.ud-val-green { font-size:12px; font-weight:600; color:#22C55E; }
.ud-sep { height:1px; background:var(--border-default,#1a1a22); margin:2px 0; }
.ud-section-title { font-size:9px; font-weight:700; color:var(--text-secondary,#8a8a9a); text-transform:uppercase; letter-spacing:1px; padding:8px 16px 4px; }
.ud-notif-row { padding:6px 16px; font-size:11px; color:var(--text-primary,#c9c9d4); border-bottom:1px solid var(--border-default,#1a1a22); }
.ud-notif-row:last-child { border-bottom:none; }
.ud-action { display:block; padding:10px 16px; font-size:12px; text-decoration:none; color:var(--text-primary,#c9c9d4); border-bottom:1px solid var(--border-default,#1a1a22); cursor:pointer; }
.ud-action:last-child { border-bottom:none; }
.ud-action:hover { background:var(--bg-hover,#15151a); }
.ud-action.danger { color:var(--error,#EF4444); }

/* Button styles for header */
.nav-right { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 18px; border-radius: 4px; font-size: 12px; font-weight: 600; text-decoration: none; transition: all 0.2s; cursor: pointer; }
.btn-sm { height: 32px; padding: 0 14px; font-size: 11px; }
.btn:not(.btn-accent) { background: transparent; border: 1px solid var(--accent,#dc6400); color: var(--accent,#dc6400); }
.btn:not(.btn-accent):hover { background: rgba(220,100,0,0.1); }
.btn-accent { background: var(--accent,#dc6400); border: 1px solid var(--accent,#dc6400); color: #fff; }
.btn-accent:hover { background: var(--accent-hover,#FF8C42); }