/* ============================================================
   OminiHub 360 — Admin Mobile (Filament v5.6)
   COMPLEMENTA o responsivo nativo do Filament — não briga com ele.
   Só corrige o que o framework não tem como saber:
   logo custom, páginas custom (grids inline) e overflow de página.
   ============================================================ */

/* ---------- 1. LOGO custom não pode ser cortado ----------
   O Filament envolve o brandLogo num .fi-logo com height fixo.
   Nosso logo tem ícone 34px + 2 linhas → precisa de altura livre. */
.fi-logo {
    height: auto !important;
    max-height: none !important;
    display: flex;
    align-items: center;
    overflow: visible;
}

/* ---------- 2. Página nunca rola horizontal no celular ---------- */
@media (max-width: 1024px) {
    html, body { max-width: 100%; overflow-x: hidden; }
}

/* ---------- 3. Tabelas: o Filament já faz overflow-x no
   .fi-ta-content-ctn. Só garantimos que os contêineres-pai
   não estourem (min-width:0 destrava o scroll em flex/grid). ---------- */
.fi-main, .fi-page, .fi-page-content,
.fi-section, .fi-section-content-ctn, .fi-wi, .fi-ta {
    min-width: 0;
}
@media (max-width: 1024px) {
    .fi-ta-content-ctn { -webkit-overflow-scrolling: touch; }
}

/* ---------- 4. Páginas custom (grids com style inline) empilham ----------
   Nossas Filament Pages usam grid-template-columns inline; o Filament
   não conhece esses estilos, então forçamos 1 coluna no celular. ---------- */
@media (max-width: 720px) {
    .fi-page [style*="grid-template-columns"],
    .fi-page-content [style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 430px) {
    .fi-wi-stats-overview-stats-ctn {
        grid-template-columns: 1fr !important;
    }
}

/* ---------- 5. Conforto de toque + safe-area (notch) ---------- */
@media (max-width: 1024px) {
    .fi-main {
        padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0)) !important;
    }
    /* Botões flutuantes (PWA/push) acima da borda inferior */
    #oh-pwa-install { bottom: calc(18px + env(safe-area-inset-bottom, 0)) !important; }
    #oh-push-enable { bottom: calc(74px + env(safe-area-inset-bottom, 0)) !important; right: 18px !important; }
}