/*
 * Fabricación · cajón del pedido en tablet.
 * Replica la jerarquía limpia del cajón de Pedidos y acomoda los campos
 * adicionales de proveedor/costos sin cambiar la lógica del formulario.
 */
@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-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen.pv-pedido-carrito-flotante {
        position: fixed !important;
        z-index: 1950 !important;
        inset: 0 0 0 auto !important;
        isolation: isolate !important;
        box-sizing: border-box !important;
        width: min(92vw, 430px) !important;
        max-width: 430px !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 10px 12px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        border: 0 !important;
        border-left: 1px solid #E4E8F0 !important;
        border-radius: 20px 0 0 20px !important;
        background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 52%, #F7F9FD 100%) !important;
        box-shadow: -18px 0 46px rgba(24, 30, 48, .24) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateX(104%) !important;
        transition: transform .24s cubic-bezier(.22, .8, .28, 1), opacity .18s ease !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen.pv-pedido-carrito-flotante.pv-pedido-sheet-open {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateX(0) !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-sheet-backdrop.pv-pedido-sheet-backdrop {
        position: fixed !important;
        z-index: 1940 !important;
        inset: 0 !important;
        display: block !important;
        width: 100vw !important;
        height: 100dvh !important;
        background: rgba(27, 30, 43, .24) !important;
        backdrop-filter: blur(10px) saturate(135%) !important;
        -webkit-backdrop-filter: blur(10px) saturate(135%) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity .2s ease !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-sheet-backdrop.pv-pedido-sheet-backdrop.pv-pedido-sheet-open {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-sheet-head {
        position: sticky !important;
        z-index: 12 !important;
        top: -10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        width: auto !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 -12px 10px !important;
        padding: 6px 54px !important;
        border-bottom: 1px solid #E4E8F0 !important;
        border-radius: 20px 0 0 0 !important;
        background: rgba(255, 255, 255, .98) !important;
        box-shadow: 0 8px 22px rgba(37, 45, 66, .045) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-sheet-title {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-sheet-head h3 {
        color: #172036 !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        line-height: 1.1 !important;
        letter-spacing: -.015em !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-sheet-title small {
        color: #77839A !important;
        font-size: 9.5px !important;
        font-weight: 650 !important;
        line-height: 1 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-sheet-close {
        position: absolute !important;
        z-index: 2 !important;
        top: 50% !important;
        right: 12px !important;
        display: grid !important;
        place-items: center !important;
        box-sizing: border-box !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #E1E4EC !important;
        border-radius: 9px !important;
        background: #FAFBFD !important;
        color: #6844DF !important;
        font-size: 21px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        transform: translateY(-50%) !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-cliente-wrap {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        align-items: center !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 8px !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-cliente-wrap:not(:has(.pv-cs-elegido)) {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-cliente-wrap > .pv-cs,
    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-cliente-wrap .pv-cs-trigger-form {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        border-radius: 11px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-panel-items > .pv-pedido-hr {
        margin: 14px 0 0 !important;
        border: 0 !important;
        border-top: 1px solid #E7EAF1 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-panel-cart-header {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 44px !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        gap: 8px !important;
        border-bottom: 1px solid #E7EAF1 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-panel-cart-title {
        display: inline-flex !important;
        align-items: center !important;
        min-width: 0 !important;
        gap: 7px !important;
        color: #59657C !important;
        font-size: 10px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: .045em !important;
        white-space: nowrap !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-panel-cart-badge {
        position: static !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 999px !important;
        background: #EEE9FF !important;
        color: #7046E8 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-panel-cart-header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        min-width: 0 !important;
        gap: 6px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-panel-rate {
        display: inline-flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
        min-height: 34px !important;
        height: 34px !important;
        padding: 0 9px !important;
        border: 1px solid #FF8FA9 !important;
        border-radius: 10px !important;
        background: #FFFFFF !important;
        color: #D82250 !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen :is(.pv-panel-clear-btn, .pv-carrito-item-trash) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 32px !important;
        box-sizing: border-box !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 9px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-carrito-item {
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 0 12px !important;
        padding: 12px !important;
        border: 1px solid #E1E5EE !important;
        border-radius: 14px !important;
        background: #FFFFFF !important;
        box-shadow: 0 7px 18px rgba(26, 34, 58, .045) !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-carrito-item-nombre {
        display: -webkit-box !important;
        min-width: 0 !important;
        overflow: hidden !important;
        color: #172036 !important;
        font-size: 12.5px !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
        text-overflow: ellipsis !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-carrito-campos {
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 10px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-carrito-principal {
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        align-items: end !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-carrito-costos {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: end !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 8px !important;
        gap: 8px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-carrito-campos label {
        display: block !important;
        min-width: 0 !important;
        color: #7B869B !important;
        font-size: 9.5px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-carrito-campos :is(input, select),
    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-carrito-campos .pv-cs-trigger {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        margin-top: 4px !important;
        padding: 0 11px !important;
        border: 1px solid #DDE2EC !important;
        border-radius: 10px !important;
        background: #F8F9FC !important;
        color: #1E2638 !important;
        font-size: 12px !important;
        font-weight: 750 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-proveedor-select + .pv-cs,
    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-fab-proveedor-select + .pv-cs .pv-cs-trigger {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-items-tabla .pv-carrito-item-precio {
        display: flex !important;
        justify-content: flex-end !important;
        width: 100% !important;
        margin: 9px 0 0 !important;
        padding-top: 8px !important;
        border-top: 1px solid #EDF0F5 !important;
        color: #5530D8 !important;
        font-size: 11.5px !important;
        font-weight: 850 !important;
        line-height: 1.2 !important;
        text-align: right !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-cobrar-simple {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 4px !important;
        padding-top: 14px !important;
        border-top: 1px solid #E7EAF1 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-cobrar-simple > .pv-cobrar-con-label {
        display: block !important;
        margin: 0 0 9px !important;
        color: #59657C !important;
        font-size: 10.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: .045em !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-cobrar-simple > .pv-pedido-campos-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-cobrar-simple > .pv-pedido-campos-grid > * {
        min-width: 0 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen #pv-fab-cobrar-simple > .pv-pedido-campos-grid :is(.pv-cs, .pv-cs-trigger) {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 11px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-vuelto-box {
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 12px !important;
        border: 1px solid #E7E4F0 !important;
        border-radius: 16px !important;
        background: #FFFFFF !important;
        box-shadow: 0 7px 18px rgba(28, 34, 56, .045) !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-acciones-fila {
        position: sticky !important;
        z-index: 8 !important;
        bottom: calc(-20px - env(safe-area-inset-bottom, 0px)) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) !important;
        box-sizing: border-box !important;
        width: 100% !important;
        margin: 12px 0 0 !important;
        padding: 12px 0 calc(12px + env(safe-area-inset-bottom, 0px)) !important;
        gap: 8px !important;
        border-top: 1px solid #E4E8F0 !important;
        background: linear-gradient(180deg, rgba(247, 249, 253, .93), #F7F9FD 30%) !important;
        box-shadow: 0 -8px 20px rgba(30, 36, 58, .06) !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-acciones-fila > * {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-acciones-fila > a {
        order: 1 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-fabricacion_nuevo
    #pv-fab-form #pv-fab-col-resumen .pv-pedido-acciones-fila > button {
        order: 2 !important;
    }
}