/* HPI — menu do hambúrguer (Conta, Gerência, Configuração, Sair).
   ATENÇÃO: a ordem de carregamento (index.php) é a ordem da cascata. Não reordene. */

/* Menu do usuário (hambúrguer) */
.user-menu{
  position:absolute;inset:0 0 calc(70px + env(safe-area-inset-bottom,0px)) 0;z-index:30;
  display:flex;flex-direction:column;overflow-y:auto;padding-top:env(safe-area-inset-top,0px);
  background:rgba(14,14,22,.94);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:fadeIn .2s ease;
}
.um-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;background:rgba(255,255,255,.05)}
.um-title{grid-column:2;color:#fff;font-size:16px;letter-spacing:2px;text-transform:uppercase}
.um-list{list-style:none}
.um-item{
  width:100%;display:flex;align-items:center;gap:16px;padding:18px 20px;background:none;border:0;
  border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:17px;font-weight:700;text-align:left;cursor:pointer;
  transition:background .2s;
}
.um-item:hover,.um-item[aria-expanded="true"]{background:rgba(255,255,255,.08)}
.um-item .ico{font-size:22px;flex-shrink:0}
.um-item .um-chev{margin-left:auto;font-size:18px;transition:transform .2s}
.um-item[aria-expanded="true"] .um-chev{transform:rotate(180deg)}
.um-perfil{padding:16px 20px 20px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08);animation:fadeIn .25s ease}
.um-editar{width:100%;height:44px;margin-top:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}
.um-editar:hover{background:rgba(255,255,255,.2)}
.um-dados{min-width:0;color:rgba(255,255,255,.65);font-size:13px;line-height:1.6}
.um-dados strong{display:block;color:#fff;font-size:16px;font-weight:600}
.um-dados span{display:block;overflow-wrap:anywhere}
.um-sub{list-style:none;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08);animation:fadeIn .25s ease}
.um-subitem{
  width:100%;display:block;padding:14px 20px 14px 58px;background:none;border:0;color:#fff;
  font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:background .2s;
}
.um-subitem:hover{background:rgba(255,255,255,.08)}
.menu-hamburger[aria-expanded="true"]{background:rgba(255,255,255,.14)}