/* Dropdown do usuário na navbar */
.user-nav{position:relative;}
.user-nav-trigger{
  display:flex;align-items:center;gap:10px;
  border:none;background:transparent;color:#fff;
  cursor:pointer;padding:8px 10px;border-radius:14px;
  transition:.2s;
}
.user-nav-trigger:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.user-nav-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.25);background:#111}
.user-nav-name{font-weight:900;letter-spacing:-.2px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-nav-caret{opacity:.9}

.user-nav-menu{
  position:fixed;
  right:20px;
  top:110px;
  width:360px;
  max-width:calc(100vw - 40px);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border:1px solid rgba(0,76,130,.18);
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  padding:12px;
  opacity:0;
  transform:translateY(-6px) scale(.98);
  transition:.18s ease;
  z-index:99999;
}
body.theme-dark .user-nav-menu{
  background:rgba(11,18,32,.92);
  border-color:rgba(148,163,184,.22);
}
.user-nav-menu[data-open="1"]{opacity:1;transform:translateY(0) scale(1)}

.user-nav-head{display:flex;gap:12px;align-items:center;padding:8px 10px;margin-bottom:6px;}
.user-nav-avatar.big{width:48px;height:48px;border-radius:18px;}
.user-nav-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.user-nav-name-big{font-weight:1000;letter-spacing:-.3px;}
.user-nav-email{color:#64748b;font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.theme-dark .user-nav-email{color:#94a3b8}

.user-nav-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:14px;
  text-decoration:none;color:#0f172a;font-weight:900;
  transition:.15s;
}
body.theme-dark .user-nav-item{color:#e5e7eb}
.user-nav-item:hover{background:rgba(0,76,130,.08);transform:translateY(-1px)}

.user-nav-theme{padding:10px 12px;border-top:1px solid rgba(0,76,130,.12);margin-top:6px;border-radius:14px}
.user-nav-theme-label{font-size:12px;color:#64748b;font-weight:1000;margin-bottom:8px}
.user-nav-theme-toggles{display:flex;gap:10px;}
.theme-btn{
  flex:1;
  border:1px solid rgba(2,6,23,.12);
  background:transparent;
  color:#0f172a;
  padding:9px 10px;
  border-radius:14px;
  cursor:pointer;
  font-weight:1000;
  transition:.15s;
}
body.theme-dark .theme-btn{border-color:rgba(148,163,184,.22);color:#e5e7eb}
.theme-btn.ativo{border-color:rgba(0,76,130,.35);background:rgba(0,76,130,.10)}
.theme-ico{margin-right:8px}

@media(max-width:700px){
  .user-nav-menu{top:96px;width:320px;}
}

