/* BOLEPIX — PAINEL MOBILE PADRÃO V5703Z22 */

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

  html.bp-panel-mobile-v5703z22 body {
    background: #061a36 !important;
    color: #ffffff;
  }

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

  html.bp-panel-mobile-v5703z22 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-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view > :first-child {
    margin-top: 0 !important;
  }

  /* Cabeçalho padrão de cada menu. */
  html.bp-panel-mobile-v5703z22 #view > .head-row,
  html.bp-panel-mobile-v5703z22 #view > .m3d-panel-card > .head-row,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view > h1,
  html.bp-panel-mobile-v5703z22 #view > .head-row h1,
  html.bp-panel-mobile-v5703z22 #view > .head-row h2,
  html.bp-panel-mobile-v5703z22 #view > .m3d-panel-card > .head-row h1,
  html.bp-panel-mobile-v5703z22 #view > .m3d-panel-card > .head-row h2,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view > .head-row .muted,
  html.bp-panel-mobile-v5703z22 #view > .head-row p,
  html.bp-panel-mobile-v5703z22 #view > p.muted,
  html.bp-panel-mobile-v5703z22 #view > .m3d-panel-card > .head-row .muted,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view .head-row > .actions,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view .head-row > .actions > *,
  html.bp-panel-mobile-v5703z22 #view .head-row > button,
  html.bp-panel-mobile-v5703z22 #view .head-row > a.btn {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

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

  /* Botões padronizados. */
  html.bp-panel-mobile-v5703z22 #view button,
  html.bp-panel-mobile-v5703z22 #view .btn,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view button.primary,
  html.bp-panel-mobile-v5703z22 #view .btn.primary,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view > button,
  html.bp-panel-mobile-v5703z22 #view > .primary {
    width: 100% !important;
  }

  /* Cards claros com a mesma identidade visual. */
  html.bp-panel-mobile-v5703z22 #view .card,
  html.bp-panel-mobile-v5703z22 #view .m3d-panel-card,
  html.bp-panel-mobile-v5703z22 #view .ticket-grid > div,
  html.bp-panel-mobile-v5703z22 #view .m3d-cashbook-upload,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view .card h1,
  html.bp-panel-mobile-v5703z22 #view .card h2,
  html.bp-panel-mobile-v5703z22 #view .card h3,
  html.bp-panel-mobile-v5703z22 #view .m3d-panel-card h1,
  html.bp-panel-mobile-v5703z22 #view .m3d-panel-card h2,
  html.bp-panel-mobile-v5703z22 #view .m3d-panel-card h3,
  html.bp-panel-mobile-v5703z22 #view .ticket-grid h2 {
    color: #0b1733 !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere;
  }

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

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

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

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

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

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

  html.bp-panel-mobile-v5703z22 #view input,
  html.bp-panel-mobile-v5703z22 #view select,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view textarea {
    min-height: 132px;
    resize: vertical;
  }

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

  /* Ferramentas de busca e filtros. */
  html.bp-panel-mobile-v5703z22 #view .list-tools,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view .list-tools .muted,
  html.bp-panel-mobile-v5703z22 #view .m3d-cashbook-tools .muted {
    color: #aebfd2 !important;
    padding-left: 2px;
  }

  /* Tabelas não cortam mais o restante da tela. */
  html.bp-panel-mobile-v5703z22 #view .bp-mobile-table-scroll-v5703z22,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view table.table,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view table th,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view[data-bp-mobile-page="indicacao"]
    div:has(> label.field > #m3dReferralLinkV16Z1) > label {
    grid-column: 1 / -1 !important;
  }

  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #view [class*="concili"],
  html.bp-panel-mobile-v5703z22 #view [id*="concili"] {
    max-width: 100%;
    box-sizing: border-box;
  }

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

  html.bp-panel-mobile-v5703z22 #view img,
  html.bp-panel-mobile-v5703z22 #view canvas,
  html.bp-panel-mobile-v5703z22 #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-panel-mobile-v5703z22 #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="planos"] table thead,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="planos"] table thead tr,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="planos"] table thead th {
    background: #07557a !important;
  }

  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="planos"] table thead th,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="permissoes"] {
    overflow: hidden !important;
    padding-top: 0 !important;
  }

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

  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="permissoes"] .bp-mobile-table-scroll-v5703z22,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] {
    gap: 14px !important;
    padding-top: 0 !important;
  }

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

  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .head-row,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .actions,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .list-tools,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .bp-mobile-table-scroll-v5703z22,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .head-row h1,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .head-row h2,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .head-row p,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .head-row .muted {
    color: #0b1733 !important;
  }

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

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

  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="clientes"] > .bp-mobile-table-scroll-v5703z22,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] > :first-child,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] > .m3d-pwa-cashbook-panel,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .m3d-cashbook-upload,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .m3d-cashbook-upload-grid,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .m3d-cashbook-tools,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .head-row,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .m3d-pwa-cashbook-panel {
    overflow: hidden !important;
  }

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

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

  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .head-row > .actions,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] button,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .btn,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] input,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] select,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"] .bp-mobile-table-scroll-v5703z22,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="indicacao"] .bp-referral-tier-rule-v5703z18,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="faturas"]
    .bp-v5703z24-service-button * {
    color: #ffffff !important;
  }

  /* ============================================================
     LIVRO CAIXA — reconstrução visual completa no celular
     ============================================================ */
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-title,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-title * {
    color: #0b1733 !important;
  }

  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-head > .actions,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload input,
  html.bp-panel-mobile-v5703z22
    #view[data-bp-mobile-page="livrocaixa"]
    .bp-v5703z24-cashbook-upload select,
  html.bp-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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-panel-mobile-v5703z22
    #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 */