/* Inventario > Canales de venta — matriz de precios completa para tablet. */
@media (min-width:681px) and (max-width:820px),
       (min-width:821px) and (max-width:1366px) and (pointer:coarse) and (min-height:500px),
       (min-width:821px) and (max-width:1366px) and (hover:none) and (min-height:500px) {
    html body #pvf-shell #pv-precios-canal-card {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    html body #pvf-shell #pv-precios-canal-card .pv-precios-canal-toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(210px, 34%) !important;
        align-items: center !important;
        gap: 16px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 14px 16px !important;
    }

    html body #pvf-shell #pv-precios-canal-card .pv-precios-canal-toolbar .pv-canales-titulo-wrap,
    html body #pvf-shell #pv-precios-canal-card .pv-precios-canal-filtros {
        min-width: 0 !important;
        width: 100% !important;
    }

    html body #pvf-shell #pv-precios-canal-card .pv-precios-canal-filtros > *,
    html body #pvf-shell #pv-precios-canal-card .pv-precios-canal-filtros .pv-pc-search {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla > .pv-historial-header {
        display: none !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla > .rv-canal-table-row:not(.pv-historial-header) {
        position: relative !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px 12px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 14px !important;
        overflow: hidden !important;
        border: 1px solid #e1e5ef !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: 0 7px 20px rgba(31, 39, 68, .055) !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla > .rv-canal-table-row:not(.pv-historial-header)::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        right: 14px !important;
        left: 14px !important;
        height: 2px !important;
        border-radius: 0 0 8px 8px !important;
        background: linear-gradient(90deg, #08a6ec, #7042ed 52%, #e31761) !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla .pv-precio-item-nombre {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 2px 0 11px !important;
        border-bottom: 1px solid #e9ecf2 !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla .pv-precio-item-nombre::before {
        display: none !important;
        content: none !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla .pv-precio-item-icono {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 11px !important;
        background: linear-gradient(145deg, #eaf8ff, #f1edff) !important;
        color: #7042ed !important;
        font-size: 10px !important;
        font-weight: 900 !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla .pv-precio-item-nombre > span:last-child {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        color: #202a3d !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
        text-align: left !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla .pv-precio-celda {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla .pv-precio-celda::before {
        content: attr(data-label) !important;
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        color: #7d899d !important;
        font-size: 8.5px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        letter-spacing: .025em !important;
        text-overflow: ellipsis !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla .pv-precio-celda input.pv-money {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid #dce2ed !important;
        border-radius: 11px !important;
        background: #fafbfd !important;
        background-image: none !important;
        color: #202a3d !important;
        font-size: 11.5px !important;
        font-weight: 850 !important;
        text-align: left !important;
        box-shadow: none !important;
    }

    html body #pvf-shell #pv-precios-canal-tabla .pv-precio-celda input.pv-money:focus {
        border-color: #7042ed !important;
        background: #fff !important;
        outline: 0 !important;
        box-shadow: 0 0 0 3px rgba(112, 66, 237, .11) !important;
    }
}