/* Celular firme (27/09/2026): a tela não escorrega, não fica com zoom e o fundo não se mexe.
   Carregado por último no painel (index.html), no cérebro e no relatório. Não mexe no giro do Cérebro. */

/* sem zoom de pinça nem de toque duplo; só rolar */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-x pan-y}
/* a página não desliza de lado nem "estica" nas bordas (efeito elástico do iPhone) */
html,body{overflow-x:clip;overscroll-behavior:none}
/* janelas e listas que rolam não arrastam a página de trás */
.modal,.modal-box,dialog,.iv-dialog,.iv-sheet,.rl-preview-img,.cb-viewer-media{overscroll-behavior:contain}

/* segurar o dedo num botão, link ou atalho não abre a prévia do iPhone (o quadrado que acompanha o dedo)
   nem seleciona texto; textos, tabelas e campos continuam como antes */
a,button,.btn,.tab,[role="button"],summary,.inicio-no,.iv-destino,.rl-btn,.rl-who,.rl-tag,.rl-link,.cb-pill,.cb-ghost,.brain-node{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
a,img{-webkit-user-drag:none}
input,select,textarea{-webkit-user-select:text;user-select:text}
/* as imagens do retrato e do comprovante podem ser salvas com toque longo */
.rl-preview-img img,.cb-viewer-media img{-webkit-touch-callout:default;-webkit-user-drag:auto}

/* botões grandes de "Chefes e repasses" cabem em telas de 320 px (o texto quebra em vez de passar da borda) */
.btn.ab-grande,.btn.ab-grande small{max-width:100%;white-space:normal}
/* Cérebro em telas de 320 px: as 3 bolhas do topo cabem sem cortar a última */
@media (max-width:340px){.cb-orbs{gap:6px}.cb-orb{width:92px;height:92px}}

@media (hover:none),(pointer:coarse){
 /* campos do painel com 16 px: o celular não aproxima a tela ao tocar num campo */
 #login-screen input,.modal input,.modal select,.modal textarea{font-size:16px}
 /* fundo parado: sem arte que acompanha a rolagem e sem "pulo" quando a barra do navegador some */
 body{background-attachment:scroll}
 .up-brand-background{inset:auto;top:0;left:0;width:100%;height:100vh;height:100lvh}
 .up-brand-background::before{transform:none!important;transition:none!important}
 .inicio-aurora i{animation:none}
 /* cartões aparecem parados (sem inclinar a cada rolagem) */
 .fx-in,.fx-in.mostra{opacity:1;transform:none;transition:none}
 /* depois do toque, cartão e botão não ficam "levantados" */
 .tab:hover,.btn:hover,.total-card.clicavel:hover,.desp-item:hover,.plan-mes:hover,.plan-card:hover,.emoji-btn:hover,.emoji-grid button:hover,.inicio-no:hover,button.inicio-legenda:hover,.rl-btn:hover:not(:disabled),.rl-send:hover{transform:none}
}