/* BRAZIL FORCE — Menu do usuário na navbar (componente compartilhado, ver js/user-menu.js).
   Mesmo visual do dropdown do index.css. O index tem o próprio (#navAuth) e não usa este arquivo. */
.nav-right{display:flex;align-items:center;gap:14px}
.user-menu-wrap{position:relative;display:flex;align-items:center}

.user-trigger{
  display:flex;align-items:center;gap:10px;
  background:rgba(15,25,45,.6);border:1px solid var(--line,rgba(180,200,255,.12));
  padding:6px 14px 6px 6px;cursor:pointer;transition:border-color .2s,background .2s;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);
}
.user-trigger:hover{border-color:var(--gold,#f5c452);background:rgba(245,196,82,.06)}
.user-avatar{
  width:32px;height:32px;flex:none;overflow:hidden;border-radius:2px;
  background:var(--bg-2,#111a2e);display:grid;place-items:center;
  border:1px solid var(--line,rgba(180,200,255,.12));
}
.user-avatar img{width:100%;height:100%;object-fit:cover}
.user-avatar.faction-empire{border-color:rgba(226,58,58,.5)}
.user-avatar.faction-republic{border-color:rgba(77,171,255,.5)}
.user-trigger .nm{font-family:"Orbitron",sans-serif;font-weight:600;font-size:12px;letter-spacing:1.5px;color:var(--text,#e6ecf5)}
.user-trigger .caret{width:10px;height:10px;color:var(--text-mute,#5d6a83);transition:transform .2s}
.user-trigger.open .caret{transform:rotate(180deg);color:var(--gold,#f5c452)}

.av-wrap{position:relative;flex:none;display:inline-flex}
.av-wrap .dc-badge{
  position:absolute;right:-5px;bottom:-5px;width:15px;height:15px;border-radius:50%;overflow:hidden;
  border:2px solid var(--bg-0,#05070d);background:var(--bg-2,#111a2e);z-index:1;
}
.av-wrap .dc-badge img{width:100%;height:100%;object-fit:cover;display:block}

.user-menu-wrap .dropdown{
  position:absolute;top:calc(100% + 10px);right:0;
  min-width:288px;background:linear-gradient(180deg,rgba(20,30,50,.95),rgba(10,15,28,.97));
  backdrop-filter:blur(14px);border:1px solid var(--line,rgba(180,200,255,.12));
  padding:8px;opacity:0;pointer-events:none;transform:translateY(-6px);
  transition:opacity .2s,transform .2s;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  z-index:200;
}
.user-menu-wrap .dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}
.user-menu-wrap .dropdown::before,.user-menu-wrap .dropdown::after{
  content:"";position:absolute;width:10px;height:10px;border-color:var(--gold,#f5c452);border-style:solid;
}
.user-menu-wrap .dropdown::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.user-menu-wrap .dropdown::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}

.dd-head{padding:14px 14px 12px;display:flex;gap:12px;align-items:center;border-bottom:1px dashed var(--line,rgba(180,200,255,.12));margin-bottom:6px}
.dd-head .av{width:44px;height:44px;overflow:hidden;flex:none;border:1px solid var(--line,rgba(180,200,255,.12));border-radius:2px}
.dd-head .av img{width:100%;height:100%;object-fit:cover}
.dd-head .nm{font-family:"Orbitron",sans-serif;font-weight:700;font-size:14px;color:var(--text,#e6ecf5);letter-spacing:.5px}
.dd-head .ch{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--gold,#f5c452);letter-spacing:1px;margin-top:4px;text-transform:uppercase}
.dd-head .em{font-size:11px;color:var(--text-mute,#5d6a83);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-head .dd-id{min-width:0;flex:1}

.dd-discord{
  display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:8px 12px;
  background:rgba(88,101,242,.10);border:1px solid rgba(88,101,242,.32);
  font-family:"JetBrains Mono",monospace;font-size:11px;
}
.dd-discord img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none;border:1px solid rgba(88,101,242,.5)}
.dd-discord .tag{color:var(--text-mute,#5d6a83);letter-spacing:1.5px}
.dd-discord .usr{color:#8891f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.dd-item{
  display:flex;align-items:center;gap:12px;padding:10px 14px;
  color:var(--text-dim,#94a0b8) !important;cursor:pointer;
  font-family:"Rajdhani",sans-serif;font-weight:500;font-size:13px;
  letter-spacing:1px;text-transform:uppercase;transition:background .15s,color .15s;
  text-decoration:none;
}
.dd-item:hover{background:rgba(245,196,82,.08);color:var(--gold,#f5c452) !important}
.dd-item svg{width:14px;height:14px;flex:none;opacity:.8}
.dd-divider{height:1px;background:var(--line,rgba(180,200,255,.12));margin:6px 4px}
.dd-item.danger:hover{background:rgba(226,58,58,.1);color:var(--sith,#e23a3a) !important}

@media(max-width:560px){
  .user-trigger .nm{display:none}
  .user-trigger{padding:6px 10px 6px 6px}
}