/* 1.47.0, refeito em 1.59.0: o Hub dentro do aplicativo Android (Capacitor). Só o que muda em relação ao
   site. Material 3 Expressive, Android 16.

   O QUE MUDOU NA 1.59.0, e por quê: a barra do topo do web SAIU, como já tinha saído no iOS na 1.48.0
   (pedido do Philippe: "a barra do menu do topo vai sair completamente"). Agora o Android também desenha
   em código nativo o menu à esquerda e os botões de filtro e de selecionar à direita (botões tonais do M3,
   HubBarraPlugin.kt), além da barra de navegação inferior com as cinco abas. Duas barras, uma web e uma
   nativa, era o que fazia o app parecer um site dentro de uma moldura.

   O que continua valendo da pesquisa de 20/09/2026: rótulo sempre visível na barra de navegação, alvo de
   toque de 48 dp, cantos mais arredondados, folha inferior (bottom sheet) no lugar da folha do iOS,
   snackbar no lugar do toast, Roboto. O Material Web foi pausado em 2024, então os componentes que o Hub
   usa em HTML (folha, snackbar, chips) ganham aqui o CSS com os tokens públicos do M3. A cor primária é a
   da MARCA e não a do papel de parede: quem usa cor para ler estado (atrasado, pronto, em rota) não pode
   ter a paleta trocada pelo fundo de tela. O Material You fica onde é bem-vindo, nos widgets.

   A CAIXA do conteúdo (posição, rolagem, colunas travadas da expedição, --app-barra) mora em
   app-nativo.css e é a mesma nos dois aplicativos. Aqui não se mexe em padding de body nem de main. */
html.app-android{--m3-primary:#B3261E;--m3-on-primary:#fff;--m3-surface:#FEF7F1;--m3-surface-container:#F6EDE6;--m3-outline:#857370;--m3-ripple:rgba(179,38,30,.12);--m3-radius:16px;--m3-radius-sm:12px}
html.app-android:not([data-theme="light"]) body.dark,html.app-android[data-theme="dark"]{--m3-surface:#1D1B1A;--m3-surface-container:#2A2624;--m3-outline:#A08C88;--m3-ripple:rgba(255,180,171,.16)}
/* !important porque applyCfg() escreve a fonte no style do body; no Android a plataforma manda */
html.app-android body{font-family:Roboto,"Roboto Flex","Noto Sans",system-ui,sans-serif!important;-webkit-tap-highlight-color:transparent;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-android .top{display:none!important}
/* menu web e chevron de tela: substituídos pela gaveta e pela barra nativa */
html.app-android #seg,html.app-android .top.compact #seg,html.app-android #menubtn,html.app-android #menudd{display:none!important}
/* KDS no app é a cozinha; as outras etapas são as colunas da expedição */
html.app-android #view-kds .kbar,html.app-android #view-kds .strip{display:none!important}
html.app-android #view-kds .grid{padding-top:6px}
html.app-android #view-exp .tools{padding-top:6px}
/* alvo de toque de 48 dp e ripple discreto nos botões */
html.app-android button:not(.tag button):not(.settings-remove):not(.icon),html.app-android .rolebtn,html.app-android .gestorlink{min-height:48px!important;border-radius:var(--m3-radius-sm);position:relative;overflow:hidden}
html.app-android button.icon{min-width:48px;min-height:48px!important}
html.app-android button:active::after{content:"";position:absolute;inset:0;background:var(--m3-ripple);border-radius:inherit}
html.app-android .k,html.app-android .e,html.app-android .dcard,html.app-android .kpi,html.app-android .pcard{border-radius:var(--m3-radius)}
/* folha inferior (bottom sheet) do M3: sobe do rodapé, canto 28 dp, alça de arrasto.
   Fecha arrastando para baixo (app-nativo.js liga o arrasto nos dois aplicativos) e pelo gesto de voltar;
   com esses dois caminhos, o X do web viraria um terceiro botão para a mesma coisa. */
html.app-android .modal{align-items:flex-end;padding:0}
/* 1.72.0 (auditoria de design 1720): as alturas das folhas do sistema (web/folha.css); aberta, a folha esconde a barra nativa */
html.app-android .modal>.oc,html.app-android .modal>.pc,html.app-android .modal>.lc{width:100%;max-width:100%;border-radius:28px 28px 0 0;padding-bottom:var(--folha-base);max-height:var(--folha-grande);box-sizing:border-box;overflow:auto;position:relative;background:var(--m3-surface-container);touch-action:pan-y;will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
html.app-android .modal>.oc::before,html.app-android .modal>.pc::before,html.app-android .modal>.lc::before{content:"";display:block;width:32px;height:4px;border-radius:2px;background:var(--m3-outline);opacity:.5;margin:10px auto 12px}
html.app-android .modal>.oc .oh .x{display:none!important}
html.app-android .modal.arrastando>.oc,html.app-android .modal.arrastando>.pc,html.app-android .modal.arrastando>.lc{transition:none}
/* snackbar: o toast do Hub vira uma faixa no rodapé, acima da barra nativa (--app-barra vem do plugin) */
html.app-android .toasts{top:auto;bottom:calc(var(--rodape-app) + 12px);align-items:stretch}
html.app-android .toast{border-radius:8px;background:#322F2E;border-color:transparent;color:#F5EFF7;box-shadow:0 3px 8px rgba(0,0,0,.3);font-size:calc(14px * var(--dt));-webkit-backdrop-filter:none;backdrop-filter:none}
/* chips de filtro no padrão M3 (borda, sem sombra) */
html.app-android .tag{border:1px solid var(--m3-outline);background:transparent;border-radius:8px}
/* o perfil loja não existe no app: o login mostra só gestão */
html.app-android #unitpick{display:none!important}
html.app-android .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-android body.app-destacar-lojas #unitlabel{box-shadow:0 0 0 3px var(--m3-primary);transition:box-shadow .3s}
/* seleção de texto e zoom: app, não página */
html.app-android *{user-select:none}
html.app-android input,html.app-android textarea,html.app-android [contenteditable]{user-select:text}