/*
================================================================
BOLEPIX — ADM MOBILE V5703Z158A
================================================================

ESTE ARQUIVO FOI GERADO AUTOMATICAMENTE A PARTIR DE:

TOPO CLIENTE:
/root/age-pagamentos-pix/public/assets/bolepix-topo-cliente-exato-v5696af.css

PAINEL CLIENTE:
/root/age-pagamentos-pix/public/assets/bolepix-painel-mobile-padrao-v5703z22.css

A interface do ADM mobile recebe uma CÓPIA REAL
do mesmo CSS utilizado pelo cliente.

Nenhum CSS do cliente foi alterado.
================================================================
*/


/* ===== CÓPIA DO TOPO CLIENTE ===== */
/* ============================================================
   BOLEPIX — TOPO EXATO DO CLIENTE V5696AF
   Estrutura real:
   #app > header.top
   #app > .layout > #m3dLoggedSideMenuV16Q.side
   ============================================================ */

html.bp-adm-mobile-rebuild-v5703z158a
body
#app {
    position: relative !important;

    min-height: 100vh !important;

    /*
     * O header ficará fixed e sairá do fluxo.
     * Esta reserva impede o conteúdo de ficar atrás dele.
     */
    padding-top:
        var(
            --bp-adm-mobile-top-height-v5703z158a,
            58px
        ) !important;
}

html.bp-adm-mobile-rebuild-v5703z158a
body
#app
> header.top {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    left: 0 !important;

    z-index: 2147482000 !important;

    width: 100% !important;
    max-width: none !important;

    height:
        var(
            --bp-adm-mobile-top-height-v5703z158a,
            58px
        ) !important;

    min-height:
        var(
            --bp-adm-mobile-top-height-v5703z158a,
            58px
        ) !important;

    max-height:
        var(
            --bp-adm-mobile-top-height-v5703z158a,
            58px
        ) !important;

    margin: 0 !important;

    overflow: visible !important;

    transform: none !important;
    translate: none !important;

    box-sizing: border-box !important;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, .24) !important;
}

/*
 * Impede que logotipo, sino ou nome do cliente sejam cortados.
 */
html.bp-adm-mobile-rebuild-v5703z158a
body
#app
> header.top
> * {
    flex-shrink: 0 !important;
}

/*
 * O layout começa depois da reserva feita no #app.
 */
html.bp-adm-mobile-rebuild-v5703z158a
body
#app
> .layout {
    min-height:
        calc(
            100vh -
            var(
                --bp-adm-mobile-top-height-v5703z158a,
                58px
            )
        ) !important;

    align-items: start !important;
}

/*
 * Menu lateral real do cliente.
 */
html.bp-adm-mobile-rebuild-v5703z158a
body
#app
> .layout
> #m3dLoggedSideMenuV16Q.side {
    position: sticky !important;

    top:
        calc(
            var(
                --bp-adm-mobile-top-height-v5703z158a,
                58px
            )
            + 8px
        ) !important;

    align-self: start !important;

    max-height:
        calc(
            100vh -
            var(
                --bp-adm-mobile-top-height-v5703z158a,
                58px
            )
            - 16px
        ) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    z-index: 10020 !important;
}

/*
 * Caso exista aviso de cobrança, ele aparece no fluxo abaixo do topo.
 */
html.bp-adm-mobile-rebuild-v5703z158a
body
#app
> .billing-lock-banner {
    position: relative !important;
    z-index: 20 !important;
}

/*
 * No celular, a barra continua fixa, mas o menu lateral mantém
 * o comportamento de gaveta já existente no sistema.
 */
@media (max-width: 900px) {
    html.bp-adm-mobile-rebuild-v5703z158a
    body
    #app
    > .layout
    > #m3dLoggedSideMenuV16Q.side {
        position: fixed !important;

        top:
            var(
                --bp-adm-mobile-top-height-v5703z158a,
                58px
            ) !important;

        max-height:
            calc(
                100vh -
                var(
                    --bp-adm-mobile-top-height-v5703z158a,
                    58px
                )
            ) !important;
    }
}

/* ===== CÓPIA DO PAINEL CLIENTE ===== */
/* BOLEPIX — PAINEL MOBILE PADRÃO V5703Z22 */

@media (max-width: 900px) {
  html.bp-adm-mobile-rebuild-v5703z158a,
  html.bp-adm-mobile-rebuild-v5703z158a body {
    overflow-x: hidden !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a body {
    background: #061a36 !important;
    color: #ffffff;
  }

  /* Remove o grande vazio criado por estilos antigos de épocas diferentes. */
  html.bp-adm-mobile-rebuild-v5703z158a .layout {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a main.main {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px 14px 64px !important;
    align-content: start !important;
    justify-content: stretch !important;
    place-items: initial !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 720px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #ffffff;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view > :first-child {
    margin-top: 0 !important;
  }

  /* Cabeçalho padrão de cada menu. */
  html.bp-adm-mobile-rebuild-v5703z158a #view > .head-row,
  html.bp-adm-mobile-rebuild-v5703z158a #view > .m3d-panel-card > .head-row,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-pwa-cashbook-panel > .head-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view > h1,
  html.bp-adm-mobile-rebuild-v5703z158a #view > .head-row h1,
  html.bp-adm-mobile-rebuild-v5703z158a #view > .head-row h2,
  html.bp-adm-mobile-rebuild-v5703z158a #view > .m3d-panel-card > .head-row h1,
  html.bp-adm-mobile-rebuild-v5703z158a #view > .m3d-panel-card > .head-row h2,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-pwa-cashbook-panel > .head-row h2 {
    color: #ffffff !important;
    font-size: clamp(28px, 8vw, 38px) !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -0.025em !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-wrap: anywhere;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view > .head-row .muted,
  html.bp-adm-mobile-rebuild-v5703z158a #view > .head-row p,
  html.bp-adm-mobile-rebuild-v5703z158a #view > p.muted,
  html.bp-adm-mobile-rebuild-v5703z158a #view > .m3d-panel-card > .head-row .muted,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-pwa-cashbook-panel > .head-row .muted {
    color: #d6e4f2 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 8px 0 0 !important;
  }

  /* Ações do topo: secundárias em duas colunas e principal em largura total. */
  html.bp-adm-mobile-rebuild-v5703z158a #view .head-row > .actions,
  html.bp-adm-mobile-rebuild-v5703z158a #view .head-row > div.actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view .head-row > .actions > *,
  html.bp-adm-mobile-rebuild-v5703z158a #view .head-row > button,
  html.bp-adm-mobile-rebuild-v5703z158a #view .head-row > a.btn {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view .head-row .actions .primary {
    grid-column: 1 / -1 !important;
  }

  /* Botões padronizados. */
  html.bp-adm-mobile-rebuild-v5703z158a #view button,
  html.bp-adm-mobile-rebuild-v5703z158a #view .btn,
  html.bp-adm-mobile-rebuild-v5703z158a #view a.btn {
    min-height: 46px;
    border: 1px solid #cfe0f5;
    border-radius: 14px;
    background: #ffffff;
    color: #075bea;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    padding: 12px 16px;
    box-sizing: border-box;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view button.primary,
  html.bp-adm-mobile-rebuild-v5703z158a #view .btn.primary,
  html.bp-adm-mobile-rebuild-v5703z158a #view a.primary {
    border-color: transparent !important;
    background: linear-gradient(135deg, #0967ef 0%, #12a7e9 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(9, 103, 239, 0.22);
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view > button,
  html.bp-adm-mobile-rebuild-v5703z158a #view > .primary {
    width: 100% !important;
  }

  /* Cards claros com a mesma identidade visual. */
  html.bp-adm-mobile-rebuild-v5703z158a #view .card,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card,
  html.bp-adm-mobile-rebuild-v5703z158a #view .ticket-grid > div,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-cashbook-upload,
  html.bp-adm-mobile-rebuild-v5703z158a #view .bp-mobile-standard-card-v5703z22 {
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid #dce7f3 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    color: #0b1733 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box !important;
    overflow: hidden;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view .card h1,
  html.bp-adm-mobile-rebuild-v5703z158a #view .card h2,
  html.bp-adm-mobile-rebuild-v5703z158a #view .card h3,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card h1,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card h2,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card h3,
  html.bp-adm-mobile-rebuild-v5703z158a #view .ticket-grid h2 {
    color: #0b1733 !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view .card p,
  html.bp-adm-mobile-rebuild-v5703z158a #view .card span,
  html.bp-adm-mobile-rebuild-v5703z158a #view .card label,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card p,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card span,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card label {
    color: #40516c;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view .card b,
  html.bp-adm-mobile-rebuild-v5703z158a #view .card strong,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card b,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card strong {
    color: #0b1733;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view .card .muted,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-panel-card .muted,
  html.bp-adm-mobile-rebuild-v5703z158a #view .ticket-grid .muted {
    color: #63748a !important;
  }

  /* Corrige especificamente a caixa clara da Regra da faixa congelada. */
  html.bp-adm-mobile-rebuild-v5703z158a #view .bp-referral-tier-rule-v5703z18,
  html.bp-adm-mobile-rebuild-v5703z158a #view .bp-referral-tier-rule-v5703z18 * {
    color: #073a55 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view .bp-referral-tier-rule-v5703z18 strong {
    color: #087c71 !important;
  }

  /* Grades e formulários sempre em uma coluna no telefone. */
  html.bp-adm-mobile-rebuild-v5703z158a #view .grid,
  html.bp-adm-mobile-rebuild-v5703z158a #view .ticket-grid,
  html.bp-adm-mobile-rebuild-v5703z158a #view .form-grid,
  html.bp-adm-mobile-rebuild-v5703z158a #view .plan-grid,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-reminder-grid,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-cashbook-upload-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view input,
  html.bp-adm-mobile-rebuild-v5703z158a #view select,
  html.bp-adm-mobile-rebuild-v5703z158a #view textarea {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 52px;
    border: 1px solid #cddbeb;
    border-radius: 14px;
    background: #ffffff;
    color: #0b1733;
    font-size: 16px !important;
    line-height: 1.35;
    padding: 12px 14px;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view textarea {
    min-height: 132px;
    resize: vertical;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view input[type="file"] {
    min-height: 58px;
    overflow: hidden;
    padding: 9px;
  }

  /* Ferramentas de busca e filtros. */
  html.bp-adm-mobile-rebuild-v5703z158a #view .list-tools,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-cashbook-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view .list-tools .muted,
  html.bp-adm-mobile-rebuild-v5703z158a #view .m3d-cashbook-tools .muted {
    color: #aebfd2 !important;
    padding-left: 2px;
  }

  /* Tabelas não cortam mais o restante da tela. */
  html.bp-adm-mobile-rebuild-v5703z158a #view .bp-mobile-table-scroll-v5703z22,
  html.bp-adm-mobile-rebuild-v5703z158a #view .table-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 18px;
    background: #ffffff;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view table.table,
  html.bp-adm-mobile-rebuild-v5703z158a #view .table-wrap table {
    width: max-content !important;
    min-width: 720px !important;
    max-width: none !important;
    margin: 0 !important;
    background: #ffffff !important;
    color: #0b1733 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view table th,
  html.bp-adm-mobile-rebuild-v5703z158a #view table td {
    color: #0b1733 !important;
    white-space: normal !important;
    vertical-align: top;
    padding: 12px 14px !important;
  }

  /* Link de indicação: campo em cima e dois botões abaixo. */
  html.bp-adm-mobile-rebuild-v5703z158a #view[data-bp-mobile-page="indicacao"]
    div:has(> label.field > #m3dReferralLinkV16Z1) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view[data-bp-mobile-page="indicacao"]
    div:has(> label.field > #m3dReferralLinkV16Z1) > label {
    grid-column: 1 / -1 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view[data-bp-mobile-page="indicacao"]
    div:has(> label.field > #m3dReferralLinkV16Z1) > button {
    width: 100% !important;
  }

  /* Mantém o card de conciliação legível, mas dentro do mesmo raio e largura. */
  html.bp-adm-mobile-rebuild-v5703z158a #view [class*="concili"],
  html.bp-adm-mobile-rebuild-v5703z158a #view [id*="concili"] {
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Sem largura estourando no Livro Caixa, Configurações e Arquivos. */
  html.bp-adm-mobile-rebuild-v5703z158a #view *,
  html.bp-adm-mobile-rebuild-v5703z158a #view *::before,
  html.bp-adm-mobile-rebuild-v5703z158a #view *::after {
    box-sizing: border-box;
  }

  html.bp-adm-mobile-rebuild-v5703z158a #view img,
  html.bp-adm-mobile-rebuild-v5703z158a #view canvas,
  html.bp-adm-mobile-rebuild-v5703z158a #view svg {
    max-width: 100%;
  }
}

/* BOLEPIX AJUSTES MOBILE V5703Z23 START */
@media (max-width: 900px) {
  /* Todos os filhos diretos ficam contidos na largura útil do celular. */
  html.bp-adm-mobile-rebuild-v5703z158a #view[data-bp-mobile-page] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* ============================================================
     PLANOS — cabeçalho azul do histórico com texto branco
     ============================================================ */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="planos"] table thead,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="planos"] table thead tr,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="planos"] table thead th {
    background: #07557a !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="planos"] table thead th,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="planos"] table thead th * {
    color: #ffffff !important;
    font-weight: 900 !important;
  }

  /* ============================================================
     PERMISSÕES — tabela nunca ultrapassa a tela
     ============================================================ */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="permissoes"] {
    overflow: hidden !important;
    padding-top: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="permissoes"] > :first-child,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="permissoes"] > .head-row,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="permissoes"] > .actions {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="permissoes"] .bp-mobile-table-scroll-v5703z22,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="permissoes"] .table-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #dce7f3 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12) !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="permissoes"] table {
    width: max-content !important;
    min-width: 760px !important;
    max-width: none !important;
  }

  /* ============================================================
     CLIENTES — ações, filtros e tabela em blocos organizados
     ============================================================ */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] {
    gap: 14px !important;
    padding-top: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > :first-child,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .head-row,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .actions {
    min-height: 0 !important;
    margin-top: 0 !important;
    transform: none !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .head-row,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .actions,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .list-tools,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .bp-mobile-table-scroll-v5703z22,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #dce7f3 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    color: #0b1733 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .head-row h1,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .head-row h2,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .head-row p,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .head-row .muted {
    color: #0b1733 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .head-row .actions,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .head-row .actions .primary,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .actions .primary {
    grid-column: 1 / -1 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .bp-mobile-table-scroll-v5703z22,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"] > .table-wrap {
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  /* ============================================================
     LIVRO CAIXA — nenhum componente estoura a largura
     ============================================================ */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] > :first-child,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] > .m3d-pwa-cashbook-panel,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-cashbook-upload,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-cashbook-upload-grid,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-cashbook-tools,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .head-row,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    :where(section, article, form, div, label, input, select, textarea, button, a) {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel {
    overflow: hidden !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel > .head-row h1,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel > .head-row h2,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel > .head-row h3 {
    color: #0b1733 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel > .head-row p,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel > .head-row .muted {
    color: #50627a !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .head-row > .actions,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .head-row > div.actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] button,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .btn,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] a.btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] input,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] select,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .bp-mobile-table-scroll-v5703z22,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] table {
    width: max-content !important;
    min-width: 760px !important;
    max-width: none !important;
  }

  /* A caixa clara da indicação continua sempre com texto escuro. */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="indicacao"] .bp-referral-tier-rule-v5703z18,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="indicacao"] .bp-referral-tier-rule-v5703z18 * {
    color: #073a55 !important;
  }
}
/* BOLEPIX AJUSTES MOBILE V5703Z23 END */

/* BOLEPIX RECONSTRUCAO MOBILE V5703Z24 START */
@media (max-width: 900px) {
  /* ============================================================
     CLIENTES — relatório centralizado
     ============================================================ */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="clientes"]
    .bp-v5703z24-client-report {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    align-self: center !important;
    width: min(100%, 320px) !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  /* ============================================================
     FATURAS — terceira ação com o mesmo padrão azul
     ============================================================ */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="faturas"]
    .bp-v5703z24-service-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 13px 18px !important;
    border-color: transparent !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #0967ef 0%, #12a7e9 100%) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: normal !important;
    box-shadow: 0 10px 24px rgba(9, 103, 239, 0.24) !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="faturas"]
    .bp-v5703z24-service-button * {
    color: #ffffff !important;
  }

  /* ============================================================
     LIVRO CAIXA — reconstrução visual completa no celular
     ============================================================ */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-shell {
    position: static !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    transform: none !important;
    border: 1px solid #dce7f3 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    color: #0b1733 !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-shell > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-head {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-title {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #0b1733 !important;
    font-size: clamp(30px, 8vw, 38px) !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
    text-align: left !important;
    text-indent: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-title,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-title * {
    color: #0b1733 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-subtitle {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #50627a !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-head > .actions,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-head > div.actions {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    :is(
      .bp-v5703z24-cashbook-new,
      .bp-v5703z24-cashbook-generate,
      .bp-v5703z24-cashbook-update
    ) {
    position: static !important;
    left: auto !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 13px 16px !important;
    transform: none !important;
    border-radius: 15px !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-new {
    border-color: transparent !important;
    background: linear-gradient(135deg, #0967ef 0%, #12a7e9 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(9, 103, 239, 0.24) !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    :is(
      .bp-v5703z24-cashbook-generate,
      .bp-v5703z24-cashbook-update
    ) {
    border: 1px solid #cfe0f5 !important;
    background: #ffffff !important;
    color: #075bea !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px !important;
    transform: none !important;
    border: 1px solid #dce7f3 !important;
    border-radius: 19px !important;
    background: #f7fbff !important;
    color: #0b1733 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload :where(
      h1, h2, h3, h4, p, label, div, form,
      input, select, textarea, button, .btn
    ) {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload
    .m3d-cashbook-upload-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload input,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload select,
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 15px !important;
    overflow: hidden !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-tools {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
    transform: none !important;
    border: 1px solid #dce7f3 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #0b1733 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-tools :where(input, select, button, .btn) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    :is(.bp-mobile-table-scroll-v5703z22, .table-wrap) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dce7f3 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    :is(.bp-mobile-table-scroll-v5703z22, .table-wrap) table {
    width: max-content !important;
    min-width: 720px !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Somente a tabela pode ser maior; todo o restante fica dentro da tela. */
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-shell
    :not(table):not(thead):not(tbody):not(tfoot):not(tr):not(th):not(td) {
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
  }
}
/* BOLEPIX RECONSTRUCAO MOBILE V5703Z24 END */

/* BOLEPIX FATURAS FULL WIDTH V5703Z27 START */
@media (max-width: 900px) {
  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="faturas"]
    > .head-row
    > .actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="faturas"]
    > .head-row
    > .actions
    > * {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html.bp-adm-mobile-rebuild-v5703z158a
    #view[data-bp-mobile-page="faturas"]
    .bp-v5703z24-service-button {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Oculta imediatamente barras de progresso conhecidas no loading inicial. */
  #view > progress,
  #view > meter,
  #view > [role="progressbar"],
  #view > .progress,
  #view > .progress-bar,
  #view > .loading-bar,
  #view > .loader-bar,
  #view > [class*="loading"][class*="bar"],
  #view > [class*="progress"][class*="bar"] {
    display: none !important;
    visibility: hidden !important;
  }
}
/* BOLEPIX FATURAS FULL WIDTH V5703Z27 END */


/* ==========================================================
   BOLEPIX — TRAVA ESTRUTURAL ADM MOBILE V5703Z158A
   ========================================================== */

@media (max-width:900px){

  /*
   * APP:
   * header fixo + uma única reserva de topo.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body
  #app{
    position:relative!important;

    min-height:100vh!important;

    padding-top:
      var(
        --bp-adm-mobile-top-height-v5703z158a,
        58px
      )!important;

    box-sizing:border-box!important;
  }


  /*
   * Remove qualquer reserva duplicada aplicada
   * diretamente ao layout por CSS antigo.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body
  #app
  > .layout{
    display:block!important;

    width:100%!important;

    min-height:0!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    align-content:start!important;
    align-items:start!important;

    place-content:normal!important;
    place-items:initial!important;

    transform:none!important;
    translate:none!important;

    box-sizing:border-box!important;
  }


  /*
   * MAIN exatamente no padrão cliente.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body
  #app
  > .layout
  > main.main{
    display:block!important;

    position:static!important;

    width:100%!important;
    max-width:none!important;
    min-width:0!important;

    min-height:0!important;
    height:auto!important;

    margin:0!important;

    padding:
      18px
      14px
      64px!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    align-content:start!important;
    align-items:stretch!important;
    justify-content:stretch!important;

    place-content:normal!important;
    place-items:initial!important;

    transform:none!important;
    translate:none!important;

    box-sizing:border-box!important;
  }


  /*
   * VIEW.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  #view{
    display:grid!important;

    position:static!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    align-content:start!important;
    align-items:stretch!important;
    justify-content:stretch!important;

    gap:16px!important;

    width:100%!important;
    max-width:720px!important;
    min-width:0!important;

    min-height:0!important;
    height:auto!important;

    margin:0 auto!important;
    padding:0!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    transform:none!important;
    translate:none!important;

    box-sizing:border-box!important;
  }


  /*
   * Nenhum primeiro bloco pode criar espaço
   * antes do título.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  #view
  > :first-child{
    margin-top:0!important;
    padding-top:0!important;

    min-height:0!important;
    height:auto!important;

    top:auto!important;

    transform:none!important;
    translate:none!important;
  }


  /*
   * Cabeçalho de QUALQUER menu.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  #view
  > .head-row{
    display:grid!important;

    position:static!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    align-items:start!important;
    align-content:start!important;

    gap:12px!important;

    width:100%!important;

    min-height:0!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    top:auto!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    transform:none!important;
    translate:none!important;
  }


  /*
   * Título de QUALQUER menu.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  #view
  > h1,

  html.bp-adm-mobile-rebuild-v5703z158a
  #view
  > .head-row
  h1,

  html.bp-adm-mobile-rebuild-v5703z158a
  #view
  > .head-row
  h2{

    display:block!important;

    position:static!important;

    width:100%!important;

    min-height:0!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    color:#ffffff!important;

    font-size:
      clamp(
        28px,
        8vw,
        38px
      )!important;

    line-height:1.12!important;

    font-weight:950!important;

    opacity:1!important;
    visibility:visible!important;

    transform:none!important;
    translate:none!important;
  }


  /*
   * Faturas:
   * exatamente UMA ação por linha,
   * igual ao painel cliente mostrado no print.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  #view[data-bp-mobile-page="faturas"]
  > .head-row
  > .actions{

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:12px!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:0!important;
  }


  html.bp-adm-mobile-rebuild-v5703z158a
  #view[data-bp-mobile-page="faturas"]
  > .head-row
  > .actions
  > *{

    grid-column:
      1 / -1!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;
  }


  /*
   * Tabelas continuam roláveis como no cliente.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  .bp-mobile-table-scroll-v5703z158a{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    overflow-x:auto!important;
    overflow-y:visible!important;

    -webkit-overflow-scrolling:touch;

    border-radius:16px;

    box-sizing:border-box!important;
  }

}