/* Ações de pagamento do PWA: mantém controles de Pix e boleto alinhados com os tokens do desktop. */
@media (display-mode: standalone) and (max-width: 767.98px) {
  body.nz-private {
    --nizon-payment-button-height: 44px;
    --nizon-payment-button-radius: 10px;
  }
  body.nz-private
    :is(
      .nizon-add-balance,
      .dashboard-body:has(.payment-method),
      .dashboard-body:has(#pixBrCode),
      .dashboard-body:has(#boletoCode),
      .dashboard-body:has(#boletoBarcode)
    )
    .btn {
    min-height: var(--nizon-payment-button-height) !important;
    padding: 10px 18px !important;
    border-radius: var(--nizon-payment-button-radius) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
  }
  body.nz-private
    :is(
      .nizon-add-balance,
      .dashboard-body:has(.payment-method),
      .dashboard-body:has(#pixBrCode),
      .dashboard-body:has(#boletoCode),
      .dashboard-body:has(#boletoBarcode)
    )
    .btn--base {
    background: #0756d8 !important;
    border-color: #0756d8 !important;
  }
  body.nz-private .payment-method__option {
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
  }
  body.nz-private .payment-method__option .payment-item__info {
    min-height: 76px !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }
  body.nz-private
    .payment-method__option:has(input:checked)
    .payment-item__info {
    border-color: #0756d8 !important;
    box-shadow: 0 8px 22px rgba(7, 86, 216, 0.12) !important;
  }
  body.nz-private
    .payment-method__option:has(input:focus-visible)
    .payment-item__info {
    outline: 3px solid rgba(7, 86, 216, 0.25) !important;
    outline-offset: 2px !important;
  }
  body.nz-private
    .dashboard-body:has(:is(#pixBrCode, #boletoCode, #boletoBarcode))
    .input-group {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
  }
  body.nz-private
    .dashboard-body:has(:is(#pixBrCode, #boletoCode, #boletoBarcode))
    .input-group
    > input {
    min-width: 0 !important;
    border-radius: 10px 0 0 10px !important;
  }
  body.nz-private
    .dashboard-body:has(:is(#pixBrCode, #boletoCode, #boletoBarcode))
    .input-group
    > .btn {
    width: auto !important;
    border-radius: 0 10px 10px 0 !important;
    white-space: nowrap !important;
  }
}
@media (display-mode: standalone) and (max-width: 359.98px) {
  body.nz-private
    .dashboard-body:has(:is(#pixBrCode, #boletoCode, #boletoBarcode))
    .input-group
    > .btn {
    padding-inline: 13px !important;
  }
}