/* ================================================================
   GCH v25 - SOMENTE CELULAR (max-width:640px)
   1) Rodape: o atalho "Faturas" cede o lugar ao "Client Workspace".
      A troca so ocorre se o perfil logado possuir o item de menu
      [data-mid="workspace"] (RBAC do proprio app); caso contrario o
      rodape permanece exatamente como estava.
   2) Carrossel de atalhos circulares (#gdmShortcuts): arraste livre
      para os lados + indicador de progresso, para alcancar todos os
      atalhos disponiveis ao perfil.
   ESCOPO: 100% aditivo. Nenhuma linha existente foi alterada.
   ================================================================ */
@media screen and (max-width:640px){
  /* ---- 1) Rodape do celular ------------------------------------ */
  html[data-gch-ws25="1"] #gdmBottomNav button[data-nav="invoices"]{display:none !important}
  html[data-gch-ws25="1"] #gdmBottomNav button[data-nav="dashboard"]{order:1}
  html[data-gch-ws25="1"] #gdmBottomNav button[data-nav="finances"]{order:2}
  html[data-gch-ws25="1"] #gdmBottomNav button.gch-nav25{order:3}
  html[data-gch-ws25="1"] #gdmBottomNav button[data-nav="crm"]{order:4}
  html[data-gch-ws25="1"] #gdmBottomNav button.gch-nav23{order:5}
  #gdmBottomNav button.gch-nav25{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;padding:6px 2px;font-size:10px;line-height:1.05;text-align:center;cursor:pointer;transition:color .15s}
  #gdmBottomNav button.gch-nav25 i{font-size:18px;line-height:1;display:block}
  #gdmBottomNav button.gch-nav25 span{display:block !important;white-space:nowrap !important}
  /* neutraliza o estilo inline do setActive() nativo sem tocar no codigo original */
  #gdmBottomNav button.gch-nav25{color:#a3a3a3 !important}
  #gdmBottomNav button.gch-nav25[data-ativo="1"]{color:#f9b439 !important}
  /* com o Workspace aberto nenhum outro botao pode aparecer destacado:
     o currentScreen() nativo so enxerga "main section.screen" e cai no
     fallback "dashboard", pois a tela do Workspace e uma DIV */
  html[data-gch-wsat="1"] #gdmBottomNav button[data-nav]:not(.gch-nav25){color:#a3a3a3 !important}
  /* ---- 2) Carrossel de circulos arrastavel --------------------- */
  #gdmShortcuts{scroll-snap-type:x proximity !important;overscroll-behavior-x:contain;scroll-behavior:smooth;cursor:grab}
  #gdmShortcuts.gch-sc25-drag{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none !important;-webkit-user-select:none;user-select:none}
  #gchScBar25{height:3px;margin:-2px 14px 6px;border-radius:999px;background:rgba(163,163,163,.18);overflow:hidden}
  #gchScBar25 > i{display:block;height:100%;width:30%;border-radius:999px;background:linear-gradient(90deg,#2563EB,#6366F1);transform-origin:left center;will-change:transform}
}
@media screen and (min-width:641px){
  #gchScBar25{display:none !important}
  #gdmBottomNav button.gch-nav25{display:none !important}
}