/* Camada final: corrige conflitos entre os estilos móveis antigos. */
@media (max-width:720px){
  :root{--mobile-header-height:70px;--mobile-nav-height:76px}
  body{padding-bottom:calc(154px + env(safe-area-inset-bottom))!important}

  .mobile-header{height:var(--mobile-header-height)!important;min-height:var(--mobile-header-height)!important;background:#0b0b0b!important;color:#fff!important;padding:calc(8px + env(safe-area-inset-top)) 14px 8px!important}
  .mobile-wordmark,.mobile-header .brand{color:#fff!important}
  .mobile-wordmark svg,.mobile-header .brand-mark{stroke:#fff!important}
  .mobile-head-actions button,.mobile-install{color:#fff!important}

  /* Os seis filtros passam a ser uma faixa horizontal, nunca uma grelha de duas linhas. */
  .feed-tabs{position:sticky!important;top:var(--mobile-header-height)!important;z-index:28!important;display:flex!important;align-items:center!important;height:62px!important;min-height:62px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;grid-template-columns:none!important;gap:8px!important;padding:8px 12px!important;white-space:nowrap!important;background:#fff!important}
  .feed-tabs::-webkit-scrollbar{display:none}
  .feed-tabs button{display:flex!important;flex:0 0 auto!important;height:42px!important;min-width:max-content!important;padding:0 15px!important;border-radius:999px!important}
  .composer{position:relative;z-index:1;margin-top:10px!important}

  /* A navegação inteira cabe no ecrã; atalhos extra reduzem proporcionalmente, sem cortar Privacidade/Admin. */
  .mobile-nav{display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:0!important;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))!important;padding:5px 3px calc(5px + env(safe-area-inset-bottom))!important;overflow:visible!important}
  .mobile-nav>button,.mobile-nav .mobile-privacy,.mobile-nav .mobile-admin{display:flex!important;flex:1 1 0!important;width:auto!important;min-width:0!important;height:var(--mobile-nav-height)!important;min-height:var(--mobile-nav-height)!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:0 1px!important;font-size:9px!important;line-height:1.05!important;overflow:hidden!important}
  .mobile-nav>button span{display:block!important;max-width:100%!important;font-size:9px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobile-nav>button .ui-icon{width:22px!important;height:22px!important;flex:0 0 22px!important}
  .mobile-nav .mobile-create{flex:0 0 52px!important;width:52px!important;height:52px!important;min-height:52px!important;margin:auto 1px!important;transform:translateY(-5px)!important;border-radius:15px!important}
  .mobile-nav .mobile-create .ui-icon{width:29px!important;height:29px!important}

  .content-filters{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))!important;height:58px!important;padding:8px 12px!important}
  .content-filters button{height:39px!important;padding:0 13px!important}
  .toast{bottom:calc(142px + env(safe-area-inset-bottom))!important}
}
