/*
 * BOLEPIX
 * FATURAS MOBILE — LAYOUT PRINT 3
 * v5703z177fatlayout2c2
 */

@media (max-width:980px){

  /*
   * Cada agrupamento dos seis controles principais
   * passa obrigatoriamente para uma coluna.
   */
  #view.bp-fat-print3-active-v5703z177
  .bp-fat-print3-host-v5703z177{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;

    grid-template-columns:1fr !important;

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

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

    gap:12px !important;

    overflow:visible !important;

    transition:none !important;
    animation:none !important;
    transform:none !important;
  }


  /*
   * Caso o botão esteja dentro de um wrapper,
   * o wrapper também ocupa a linha inteira.
   */
  #view.bp-fat-print3-active-v5703z177
  .bp-fat-print3-item-v5703z177{
    display:block !important;

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

    flex:0 0 auto !important;

    grid-column:1 / -1 !important;

    box-sizing:border-box !important;

    margin-left:0 !important;
    margin-right:0 !important;

    transition:none !important;
    animation:none !important;
    transform:none !important;
  }


  /*
   * Os seis botões do Print 3:
   * sempre uma linha inteira.
   */
  #view.bp-fat-print3-active-v5703z177
  .bp-fat-print3-button-v5703z177{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

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

    flex:0 0 auto !important;
    flex-basis:auto !important;
    flex-grow:0 !important;
    flex-shrink:0 !important;

    grid-column:1 / -1 !important;

    box-sizing:border-box !important;

    margin-left:0 !important;
    margin-right:0 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;

    text-align:center !important;

    transition:
      background-color .12s ease,
      color .12s ease,
      border-color .12s ease
      !important;

    animation:none !important;
    transform:none !important;
  }


  #view.bp-fat-print3-active-v5703z177
  .bp-fat-print3-button-v5703z177:hover,

  #view.bp-fat-print3-active-v5703z177
  .bp-fat-print3-button-v5703z177:focus,

  #view.bp-fat-print3-active-v5703z177
  .bp-fat-print3-button-v5703z177:active{
    transform:none !important;
  }


  /*
   * Neutraliza especificamente o row antigo v1305
   * se ele coincidir com um agrupamento principal.
   */
  #view.bp-fat-print3-active-v5703z177
  .m3d-v1305-top-actions.bp-fat-print3-host-v5703z177{
    flex-direction:column !important;
    flex-wrap:nowrap !important;

    width:100% !important;

    margin-left:0 !important;
  }


  /*
   * Evita largura automática dos filhos.
   */
  #view.bp-fat-print3-active-v5703z177
  .bp-fat-print3-host-v5703z177
  > *{
    max-width:100% !important;
  }

}


/*
 * BOLEPIX FATLAYOUT2C2
 *
 * A classe bp-bank-toggle-v150i pertence ao botão nativo
 * de Conciliação bancária.
 *
 * Existem estilos antigos que controlam a largura desse
 * mesmo botão por variável CSS. Aqui a variável e as
 * dimensões ficam definitivamente em 100% durante o
 * layout mobile Print 3.
 */

@media (max-width:980px){

  #view.bp-fat-print3-active-v5703z177
  > .head-row
  > .actions
  > .bp-bank-toggle-v150i{

    --bp-bank-toggle-stable-width-v158k13:
      100% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

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

    flex:0 0 100% !important;
    flex-basis:100% !important;
    flex-grow:0 !important;
    flex-shrink:0 !important;

    grid-column:1 / -1 !important;

    box-sizing:border-box !important;

    margin-left:0 !important;
    margin-right:0 !important;

    white-space:normal !important;
    text-align:center !important;

    transform:none !important;
    animation:none !important;
  }


  /*
   * Fallback para a mesma classe se outro módulo
   * envolver o botão em uma estrutura intermediária.
   */
  #view.bp-fat-print3-active-v5703z177
  .bp-bank-toggle-v150i{

    --bp-bank-toggle-stable-width-v158k13:
      100% !important;

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

    flex-basis:100% !important;
    flex-shrink:0 !important;

    transform:none !important;
  }

}