/* ============================================================
   BOLEPIX
   HOME2 C1 — DESPESAS + LUCRO LIQUIDO

   Desktop:
   Linha 1 = 3 cards
   Linha 2 = 4 cards
   ============================================================ */

#view
.bp-home-period-grid-v178.bp-home-financial-grid-v180 {

    display: grid !important;

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

    gap: 12px !important;

    width: 100% !important;

    align-items: stretch !important;
}


#view
.bp-home-financial-grid-v180
.bp-home-financial-card-v180 {

    width: 100% !important;

    min-width: 0 !important;

    box-sizing: border-box !important;
}


/*
 * PRIMEIRA LINHA
 * 3 cards iguais.
 */
#view
.bp-home-financial-grid-v180
.bp-home-financial-top-v180 {

    grid-column:
      span 4 !important;
}


/*
 * SEGUNDA LINHA
 * 4 cards iguais.
 */
#view
.bp-home-financial-grid-v180
.bp-home-financial-bottom-v180 {

    grid-column:
      span 3 !important;
}


/*
 * Mantém títulos longos com altura visual equilibrada.
 */
#view
.bp-home-financial-grid-v180
.bp-home-financial-card-v180
span {

    white-space:
      normal !important;

    overflow-wrap:
      anywhere !important;
}


/*
 * TABLET
 */
@media (max-width: 1000px) {

    #view
    .bp-home-financial-grid-v180
    .bp-home-financial-top-v180,

    #view
    .bp-home-financial-grid-v180
    .bp-home-financial-bottom-v180 {

        grid-column:
          span 6 !important;
    }
}


/*
 * MOBILE
 */
@media (max-width: 640px) {

    #view
    .bp-home-financial-grid-v180
    .bp-home-financial-top-v180,

    #view
    .bp-home-financial-grid-v180
    .bp-home-financial-bottom-v180 {

        grid-column:
          span 12 !important;
    }
}


/* ============================================================
   BOLEPIX_HOME_PRINT_BUTTON_STYLE_V5703Z178HOME2C2
   Icone de impressao do resumo da Home
   ============================================================ */

#view
.bp-home-period-card-v178
.bp-home-date-box-v178{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 44px 44px !important;
  gap:8px !important;
  align-items:center !important;
}

#view
.bp-home-period-card-v178
.bp-home-date-native-v178{
  pointer-events:none !important;
}

#view
.bp-home-print-btn-v181{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  border:1px solid #cfe0f5 !important;
  border-radius:14px !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  color:#0b1733 !important;
  box-sizing:border-box !important;
  padding:0 !important;
}

#view
.bp-home-print-btn-v181:hover{
  background:#f8fbff !important;
}

#view
.bp-home-print-btn-v181 svg{
  width:20px !important;
  height:20px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

@media (max-width:640px){
  #view
  .bp-home-period-card-v178
  .bp-home-date-box-v178{
    grid-template-columns:minmax(0,1fr) 40px 40px !important;
    gap:6px !important;
  }

  #view
  .bp-home-print-btn-v181{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    border-radius:12px !important;
  }
}

@media print{
  .bp-home-print-hide-v181{
    display:none !important;
  }
}


/* ============================================================
   BOLEPIX_HOME_PRINT_POSITION_FIX_V5703Z178HOME2C3

   IMPORTANTE:
   - restaura a caixa do calendário;
   - não altera o seletor de período;
   - impressora fica fora da agenda, no lado direito.
   ============================================================ */


/*
 * CANCELA A REGRA ERRADA DO C2 QUE TRANSFORMOU
 * A CAIXA DO CALENDÁRIO EM GRID.
 */
#view
.bp-home-period-card-v178
.bp-home-date-box-v178 {

    position: relative !important;

    display: block !important;

    grid-template-columns: none !important;

    width: 100% !important;

    min-width: 0 !important;

    height: 42px !important;

    min-height: 42px !important;

    max-height: 42px !important;

    overflow: visible !important;
}


/*
 * O seletor de período volta a ocupar sozinho
 * toda a caixa, exatamente como antes.
 */
#view
.bp-home-period-card-v178
.bp-home-date-box-v178
.bp-home-range-trigger-v179 {

    position: relative !important;

    display: flex !important;

    width: 100% !important;

    height: 42px !important;

    min-height: 42px !important;

    max-height: 42px !important;

    margin: 0 !important;

    transform: none !important;
}


/*
 * A impressora não participa do layout da agenda.
 * Fica imediatamente à direita do campo.
 */
#view
.bp-home-period-card-v178
.bp-home-date-box-v178
.bp-home-print-btn-v181 {

    position: absolute !important;

    left: calc(100% + 8px) !important;

    right: auto !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 42px !important;

    min-width: 42px !important;

    max-width: 42px !important;

    height: 42px !important;

    min-height: 42px !important;

    max-height: 42px !important;

    margin: 0 !important;

    padding: 0 !important;

    z-index: 5 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border: 1px solid #cfe0f5 !important;

    border-radius: 12px !important;

    background: #ffffff !important;

    color: #0b1733 !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
}


#view
.bp-home-period-card-v178
.bp-home-date-box-v178
.bp-home-print-btn-v181:hover {

    background: #f8fbff !important;
}


/*
 * Não mexe no ícone do calendário.
 */
#view
.bp-home-period-card-v178
.bp-home-range-trigger-v179
svg {

    flex: 0 0 auto;
}


/*
 * Mantém a área da consulta permitindo
 * que a impressora apareça à direita.
 */
#view
.bp-home-period-card-v178
.bp-home-date-filter-v178 {

    overflow: visible !important;
}


/*
 * MOBILE:
 * mantém o calendário intacto e coloca a impressora
 * logo abaixo apenas quando não houver espaço lateral.
 */
@media (max-width: 640px) {

    #view
    .bp-home-period-card-v178
    .bp-home-date-box-v178
    .bp-home-print-btn-v181 {

        left: auto !important;

        right: 0 !important;

        top: calc(100% + 8px) !important;

        transform: none !important;
    }

    #view
    .bp-home-period-card-v178
    .bp-home-date-filter-v178 {

        padding-bottom: 50px !important;
    }
}


/*
 * Na impressão o próprio botão não aparece.
 */
@media print {

    .bp-home-print-btn-v181 {

        display: none !important;
    }
}



/* ============================================================
   BOLEPIX_HOME_PRINT_INSIDE_CARD_FIX_V5703Z178HOME2C4

   Corrige somente o posicionamento:
   - mantém a agenda intacta;
   - reserva espaço para a impressora;
   - traz o conjunto para dentro do card.
   ============================================================ */

/*
 * A área do filtro passa a reservar espaço à direita
 * para o botão de impressão, evitando que ele saia do card.
 */
#view
.bp-home-period-card-v178
.bp-home-date-filter-v178 {

    position: relative !important;

    overflow: visible !important;

    padding-right: 52px !important;

    box-sizing: border-box !important;
}


/*
 * A agenda continua igual, apenas com largura útil
 * ajustada para sobrar espaço para a impressora.
 */
#view
.bp-home-period-card-v178
.bp-home-date-box-v178 {

    position: relative !important;

    display: block !important;

    width: calc(100% - 52px) !important;

    max-width: calc(100% - 52px) !important;

    min-width: 0 !important;

    height: 42px !important;

    min-height: 42px !important;

    max-height: 42px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/*
 * O seletor da agenda permanece visualmente igual,
 * ocupando toda a largura útil da caixa.
 */
#view
.bp-home-period-card-v178
.bp-home-date-box-v178
.bp-home-range-trigger-v179 {

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    height: 42px !important;

    min-height: 42px !important;

    max-height: 42px !important;

    display: flex !important;

    position: relative !important;

    box-sizing: border-box !important;
}


/*
 * A impressora fica à direita da agenda,
 * mas agora totalmente dentro do card.
 */
#view
.bp-home-period-card-v178
.bp-home-date-box-v178
.bp-home-print-btn-v181 {

    position: absolute !important;

    left: calc(100% + 10px) !important;

    right: auto !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 42px !important;

    min-width: 42px !important;

    max-width: 42px !important;

    height: 42px !important;

    min-height: 42px !important;

    max-height: 42px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    z-index: 5 !important;

    box-sizing: border-box !important;
}


/*
 * Garante que a linha de resumo abaixo continue normal.
 */
#view
.bp-home-period-card-v178
.bp-home-date-summary-v178,
#view
.bp-home-period-card-v178
.bp-home-date-display-v178 {

    margin-top: 6px !important;
}


/*
 * Em telas menores, se faltar espaço horizontal,
 * mantém tudo dentro do card sem jogar para fora.
 */
@media (max-width: 640px) {

    #view
    .bp-home-period-card-v178
    .bp-home-date-filter-v178 {

        padding-right: 48px !important;
    }

    #view
    .bp-home-period-card-v178
    .bp-home-date-box-v178 {

        width: calc(100% - 48px) !important;

        max-width: calc(100% - 48px) !important;
    }

    #view
    .bp-home-period-card-v178
    .bp-home-date-box-v178
    .bp-home-print-btn-v181 {

        left: calc(100% + 8px) !important;

        width: 40px !important;

        min-width: 40px !important;

        max-width: 40px !important;

        height: 40px !important;

        min-height: 40px !important;

        max-height: 40px !important;
    }
}


/*
 * Não imprimir o botão na folha.
 */
@media print {

    .bp-home-print-btn-v181 {

        display: none !important;
    }
}

