/* Cuentas por pagar/cobrar · acciones compactas y centradas en tablet. */
@media (min-width: 681px) and (max-width: 1024px),
       (min-width: 1025px) and (max-width: 1366px) and (pointer: coarse) and (min-height: 500px) {
    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    :is(#pv-hist-pagar, #pv-hist-cobrar) .rv-cxp-resumen {
        grid-template-columns: 40px minmax(0, 1fr) clamp(160px, 24vw, 190px) !important;
        grid-template-areas:
            "avatar name name"
            "amount amount amount"
            "actions actions arrow" !important;
        column-gap: 10px !important;
        justify-items: center !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    :is(#pv-hist-pagar, #pv-hist-cobrar) .rv-cxp-acciones {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    :is(#pv-hist-pagar, #pv-hist-cobrar) .rv-cxp-acciones > :is(.rv-cxp-pagar-btn, .rv-cxp-abonar-btn) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        text-align: center !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    :is(#pv-hist-pagar, #pv-hist-cobrar) .rv-cxp-resumen button.pv-detalle-flecha {
        position: relative !important;
        grid-area: arrow !important;
        align-self: center !important;
        justify-self: stretch !important;
        display: grid !important;
        place-items: center !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 0 !important;
        padding: 0 38px !important;
        border: 1px solid #DCD4F8 !important;
        border-radius: 12px !important;
        background: linear-gradient(180deg, #FFFFFF 0%, #F8F6FF 100%) !important;
        color: #6840DA !important;
        font-size: 0 !important;
        line-height: 1 !important;
        text-align: center !important;
        box-shadow: 0 5px 14px rgba(76, 56, 137, .07) !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    :is(#pv-hist-pagar, #pv-hist-cobrar) .rv-cxp-resumen button.pv-detalle-flecha::before {
        content: "Ver detalle" !important;
        position: static !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: #6840DA !important;
        font-size: 10.5px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-align: center !important;
        transform: none !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    :is(#pv-hist-pagar, #pv-hist-cobrar) .rv-cxp-resumen button.pv-detalle-flecha::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        right: 18px !important;
        display: block !important;
        box-sizing: border-box !important;
        width: 8px !important;
        height: 8px !important;
        border: 0 !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        background: transparent !important;
        transform: translateY(-65%) rotate(45deg) !important;
        transform-origin: center !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    :is(#pv-hist-pagar, #pv-hist-cobrar) .rv-cxp-resumen button.pv-detalle-flecha.open::before {
        content: "Ocultar detalle" !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    :is(#pv-hist-pagar, #pv-hist-cobrar) .rv-cxp-resumen button.pv-detalle-flecha.open::after {
        transform: translateY(-25%) rotate(225deg) !important;
    }
}