/* Genesys Engine — profile dropdown (Webex NT avatar → menu) */
.um2 { position:fixed; z-index:4000; width:260px; background:var(--white,#fff); border:1px solid var(--slate-200,#e2e8f0); border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.18); padding:8px; }
.um2[hidden] { display:none; }
.um2-head { display:flex; align-items:center; gap:12px; padding:8px 10px 12px; border-bottom:1px solid var(--slate-100,#f1f5f9); }
.um2-av { width:48px; height:48px; border-radius:50%; background:var(--accent,#4262ff); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; flex-shrink:0; }
.um2-id { min-width:0; }
.um2-name { font-size:14px; font-weight:700; color:var(--slate-900,#0f172a); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.um2-email { font-size:11px; color:var(--slate-400,#94a3b8); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.um2-phone { font-size:11px; color:var(--slate-400,#94a3b8); }
.um2-status { display:flex; align-items:center; gap:8px; padding:10px; margin:8px 0 4px; background:var(--slate-50,#f8fafc); border-radius:8px; }
.um2-dot { width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.um2-dot.green { background:#22c55e; }
.um2-dot.red { background:#ef4444; }
.um2-dot.amber { background:#f59e0b; }
.um2-dot.gray { background:#94a3b8; }
.um2-status-label { font-size:12px; font-weight:600; color:var(--slate-700,#334155); }
.um2-set { margin-left:auto; background:none; border:none; font-size:11px; color:var(--accent,#4262ff); cursor:pointer; font-family:inherit; }
.um2-item { display:flex; align-items:center; gap:8px; width:100%; text-align:left; background:none; border:none; border-radius:8px; padding:9px 10px; font-size:13px; color:var(--slate-700,#334155); cursor:pointer; font-family:inherit; }
.um2-item:hover { background:var(--slate-100,#f1f5f9); color:var(--slate-900,#0f172a); }
.um2-item.on { background:var(--slate-100,#f1f5f9); color:var(--accent,#4262ff); font-weight:600; }
.um2-item .um2-arrow { margin-left:auto; color:var(--slate-400,#94a3b8); }
.um2-item.um2-signout { color:var(--danger,#dc2626); }
.um2-item.um2-signout:hover { background:var(--danger-bg,#fee2e2); }
.um2-sep { height:1px; background:var(--slate-100,#f1f5f9); margin:4px 0; }
.um2-nav { display:flex; flex-direction:column; gap:2px; }
.um2-nav a { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:8px; font-size:13px; color:var(--slate-700,#334155); text-decoration:none; }
.um2-nav a:hover { background:var(--slate-100,#f1f5f9); color:var(--slate-900,#0f172a); }
.um2-sub { position:fixed; z-index:4001; width:220px; background:var(--white,#fff); border:1px solid var(--slate-200,#e2e8f0); border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.18); padding:8px; }
.um2-sub[hidden] { display:none; }
.um2-sub-head { display:flex; align-items:center; justify-content:space-between; padding:6px 10px 10px; font-size:12px; font-weight:700; color:var(--slate-900,#0f172a); border-bottom:1px solid var(--slate-100,#f1f5f9); margin-bottom:4px; }
.um2-sub-head button { background:none; border:none; font-size:14px; color:var(--slate-400,#94a3b8); cursor:pointer; }
/* ── Mobile ── */
@media (max-width:768px) {
  .um2 { position:fixed; left:8px !important; right:8px !important; top:auto !important; bottom:8px !important; width:auto; max-width:none; }
  .um2-sub { position:fixed; left:8px !important; right:8px !important; top:auto !important; bottom:8px !important; width:auto; max-width:none; }
  .um2-av { width:40px; height:40px; font-size:17px; }
  .um2-item { padding:11px 10px; font-size:14px; }
  .um2-nav a { padding:11px 10px; font-size:14px; }
}