/* =========================================================
   V0.2.17 — LIMPEZA VISUAL DO MENU EM DESKTOP E MOBILE
   ========================================================= */

/* remove cápsulas/contornos internos em volta do TEXTO dos menus em qualquer tela */
.nt-side .nt-nav-btn > span:first-child,
.nt-side .nt-group-title > span:first-child,
.nt-side .nt-nav-btn strong,
.nt-side .nt-nav-btn b,
.nt-side .nt-nav-btn .label,
.nt-side .nt-group-title .label{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}

/* um único contorno: o bloco externo do botão */
.nt-side .nt-nav-btn{
  box-shadow:none!important;
}

/* desktop também fica com nome limpo, igual ao mobile */
@media(min-width:901px){
  .nt-side .nt-nav-btn > span:first-child,
  .nt-side .nt-nav-btn strong,
  .nt-side .nt-nav-btn b{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:900px){
  html,body{overflow-x:hidden!important}

  #ntMobileMenuBtn,
  #ntMobileMenuBtnV216,
  #ntMobileBackdrop,
  .nt-mobile-backdrop{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .nt-mobile-menu-v217{
    position:fixed!important;
    top:14px!important;
    left:14px!important;
    z-index:2147483646!important;
    width:46px!important;
    height:46px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #ecd2d6!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(71,28,36,.15)!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    cursor:pointer!important;
  }

  /* três linhas visíveis do hambúrguer */
  .nt-mobile-menu-v217 .hamb-line{
    display:block!important;
    position:relative!important;
    width:23px!important;
    min-width:23px!important;
    max-width:23px!important;
    height:3px!important;
    min-height:3px!important;
    max-height:3px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:99px!important;
    background:#a92d39!important;
    opacity:1!important;
    visibility:visible!important;
    box-shadow:none!important;
    transform:none!important;
    transition:.18s ease!important;
  }

  body.nt-mobile-open-v217 .nt-mobile-menu-v217{
    left:min(calc(86vw - 58px),282px)!important;
  }
  body.nt-mobile-open-v217 .nt-mobile-menu-v217 .hamb-line:nth-child(1){
    transform:translateY(8px) rotate(45deg)!important;
  }
  body.nt-mobile-open-v217 .nt-mobile-menu-v217 .hamb-line:nth-child(2){
    opacity:0!important;
  }
  body.nt-mobile-open-v217 .nt-mobile-menu-v217 .hamb-line:nth-child(3){
    transform:translateY(-8px) rotate(-45deg)!important;
  }

  .nt-side{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    z-index:2147483644!important;
    width:min(86vw,340px)!important;
    max-width:340px!important;
    height:100dvh!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    background:#fff!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    box-shadow:18px 0 44px rgba(55,22,29,.18)!important;
    padding-top:72px!important;
    pointer-events:auto!important;
  }

  .nt-side.nt-mobile-open-v217{
    transform:translateX(0)!important;
  }

  /* garante que submenus realmente possam aparecer */
  .nt-side .nt-group > .nt-sub{
    display:none!important;
  }
  .nt-side .nt-group.open > .nt-sub{
    display:block!important;
  }

  .nt-side .nt-nav-btn{
    width:100%!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:#fff4f5!important;
    color:#202938!important;
    border:1px solid #efd4d8!important;
    border-radius:14px!important;
    outline:0!important;
    box-shadow:none!important;
    padding:12px 14px!important;
  }

  .nt-side .nt-group.open > .nt-nav-btn,
  .nt-side .nt-nav-btn.active{
    background:#ffe8eb!important;
    color:#a92d39!important;
    border-color:#e9c2c8!important;
  }

  .nt-side .nt-sub a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    border-radius:10px!important;
    padding:9px 11px!important;
  }

  .nt-side .nt-sub a.active,
  .nt-side .nt-sub a:hover{
    background:#fff0f2!important;
    color:#a92d39!important;
  }

  main,#content,.content{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
    padding-top:72px!important;
    box-sizing:border-box!important;
  }

  .at-grid,.ps-grid,.mn-grid,.cl-grid,.co-grid,.dashboard-grid,.cards-grid{
    grid-template-columns:1fr!important;
  }

  .ps-tablewrap,.table-wrap,.table-responsive{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

@media(min-width:901px){
  .nt-mobile-menu-v217{display:none!important}
}