/* Cookpit System — V11.70.1 Mobile Profile/Admin Polish Safe
   Escopo: ajustes finos somente mobile/topbar/perfil/admin, sem alterar lógica. */

@media (max-width: 760px){
  /* 1) Botão Falar com suporte sem cortar texto no mobile. */
  .top-actions-left > .top-support-btn-v11691,
  .topbar .top-support-btn-v11691{
    flex: 0 0 clamp(112px, 31vw, 132px) !important;
    width: clamp(112px, 31vw, 132px) !important;
    min-width: 112px !important;
    max-width: 132px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 8px !important;
    border-radius: 16px !important;
    font-size: clamp(10.5px, 2.75vw, 12px) !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* 2) Ícone de logout/deslogar centralizado no botão. */
  .top-actions-left > .top-logout-btn,
  .topbar .top-logout-btn{
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
  }
  .top-actions-left > .top-logout-btn::before,
  .topbar .top-logout-btn::before{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
    text-align: center !important;
  }

  /* Mantém a busca com espaço suficiente ao lado dos botões. */
  .top-actions-left > .search,
  .topbar .search{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* 3) Perfil mobile: Meu acesso aparece primeiro; restante vem abaixo. */
  #adm #myAccessCardV1169{
    order: -50 !important;
  }
  #adm .adm-grid.profile-masonry-v11692 #myAccessCardV1169{
    order: -50 !important;
  }
  #adm .profile-col-right-v11692,
  #adm .profile-col-left-v11692{
    min-width: 0 !important;
  }

  /* 4) Admin/Assinantes: filtros/tags sem corte no mobile, com scroll horizontal suave. */
  #assinantes .access-admin-controls{
    overflow: hidden !important;
    min-width: 0 !important;
  }
  #assinantes .access-filter-chips{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 12px 8px 0 !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    overscroll-behavior-x: contain !important;
  }
  #assinantes .access-filter-chips::-webkit-scrollbar,
  #assinantes .access-tags::-webkit-scrollbar{
    display: none !important;
  }
  #assinantes .access-filter-chips .chip,
  #assinantes .access-filter-chips button.chip{
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
  }
  #assinantes .access-tags{
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 12px 2px 0 !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }
  #assinantes .access-tags .access-situation{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 420px){
  .top-actions-left,
  .topbar .top-actions-left{
    gap: 7px !important;
  }
  .top-actions-left > .top-support-btn-v11691,
  .topbar .top-support-btn-v11691{
    flex-basis: 114px !important;
    width: 114px !important;
    min-width: 114px !important;
    font-size: 11px !important;
    letter-spacing: -.045em !important;
    padding-inline: 6px !important;
  }
  .top-actions-left > .top-logout-btn,
  .topbar .top-logout-btn{
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

/* V11.94.3 — Admin/Assinantes mobile filter wrap safe
   Escopo: apenas mobile. Filtros deixam de cortar/arrastar horizontalmente e quebram linha dentro da tela. */
@media (max-width:760px){
  #assinantes .access-admin-controls{
    overflow:visible!important;
  }

  #assinantes .access-filter-chips{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
    scroll-snap-type:none!important;
  }

  #assinantes .access-filter-chips .chip,
  #assinantes .access-filter-chips button.chip{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 auto!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.05!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

@media (max-width:380px){
  #assinantes .access-filter-chips{
    grid-template-columns:1fr!important;
  }
}