/* 1.47.0, refeito em 1.48.0: o Hub dentro do aplicativo iOS (Capacitor). Só o que muda em relação ao site.
   Pedido do Philippe (21/09/2026): "a barra do menu do topo vai sair completamente"; ficam os botões de
   vidro nativos (menu à esquerda, filtro e selecionar à direita) e a cápsula de vidro no rodapé (KDS,
   Expedição, Cérebro no meio, Dashboard, Avaliações), os dois desenhados em Swift (HubBarraPlugin).
   O conteúdo respeita as áreas seguras: env(safe-area-inset-top/bottom) já inclui as faixas nativas. */
html.app-ios body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior-y:none}
/* o cabeçalho web sai inteiro; os botões dele continuam existindo (escondidos) porque o app dispara o clique */
html.app-ios .top{display:none!important}
/* 1.49.0: a caixa fixa do conteúdo (posição, rolagem, colunas) mora em app-nativo.css, igual nos dois apps */
/* KDS no app é a cozinha; as outras etapas são as colunas da expedição */
html.app-ios #view-kds .kbar,html.app-ios #view-kds .strip{display:none!important}
html.app-ios #view-kds .grid{padding-top:6px}
/* expedição: cancelados sempre na última coluna; os botões de chat e de cancelados não existem no app */
html.app-ios #view-exp .tools{padding-top:6px}
/* menu web e chevron de tela: substituídos pela gaveta e pela barra nativa */
html.app-ios #seg,html.app-ios .top.compact #seg,html.app-ios #menubtn,html.app-ios #menudd{display:none!important}
/* folhas: no iOS o modal desce como sheet, com alça; fecha arrastando para baixo (sem o X).
   1.72.0 (auditoria de design 1720): as alturas são as das folhas do sistema (web/folha.css: --folha-grande, --folha-media e
   --folha-base) e, aberta, a folha esconde os botões de vidro do topo e a barra de abas (web/folha.js); antes o rodapé de
   botões do diálogo de cancelar caía embaixo da barra de abas nativa */
html.app-ios .modal{align-items:flex-end;padding:0}
html.app-ios .modal>.oc,html.app-ios .modal>.pc,html.app-ios .modal>.lc{width:100%;max-width:100%;border-radius:22px 22px 0 0;padding-bottom:var(--folha-base);max-height:var(--folha-grande);box-sizing:border-box;overflow:auto;position:relative;touch-action:pan-y;will-change:transform}
html.app-ios .modal>.oc::before,html.app-ios .modal>.pc::before,html.app-ios .modal>.lc::before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:var(--folha-alca,rgba(60,60,67,.3));margin:8px auto 10px}
html.app-ios .modal>.oc .oh .x{display:none!important}
html.app-ios .modal.arrastando>.oc,html.app-ios .modal.arrastando>.pc,html.app-ios .modal.arrastando>.lc{transition:none}
html.app-ios .modal>.oc,html.app-ios .modal>.pc,html.app-ios .modal>.lc{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
/* o perfil loja não existe no app: o login mostra só gestão */
html.app-ios #unitpick{display:none!important}
html.app-ios .login-management{margin-top:8px}
/* destaque de 4 s no rótulo de lojas quando a notificação "loja fechada" abre a tela */
html.app-ios body.app-destacar-lojas #unitlabel{box-shadow:0 0 0 3px var(--crono-atraso,#E0342E);transition:box-shadow .3s}
/* seleção de texto e zoom: app, não página */
html.app-ios *{-webkit-user-select:none;user-select:none}
html.app-ios input,html.app-ios textarea,html.app-ios [contenteditable]{-webkit-user-select:text;user-select:text}

