/*
 * Editar pedido v2 — cabecera compacta para tablet y escritorio.
 * El diseño móvil existente (<= 640 px) queda deliberadamente intacto.
 */
@media (min-width: 641px) {
    html body #pv-modal-editar-pedido {
        box-sizing: border-box !important;
        padding: clamp(10px, 1.4vw, 18px) !important;
        background: rgba(24, 24, 35, .36) !important;
        -webkit-backdrop-filter: blur(9px) !important;
        backdrop-filter: blur(9px) !important;
    }

    html body #pv-modal-editar-pedido .pv-modal-editar-pedido-box {
        box-sizing: border-box !important;
        width: min(1320px, calc(100vw - 20px)) !important;
        max-width: 1320px !important;
        max-height: calc(100dvh - 20px) !important;
        padding: 14px !important;
        border: 1px solid rgba(109, 57, 233, .13) !important;
        border-radius: 22px !important;
        background: #F7F7FB !important;
        box-shadow: 0 24px 70px rgba(30, 25, 54, .23) !important;
        scrollbar-color: rgba(92, 78, 126, .52) transparent !important;
        scrollbar-width: thin !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen {
        position: relative !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: minmax(230px, 1fr) auto !important;
        align-items: center !important;
        gap: 14px !important;
        width: calc(100% - 54px) !important;
        min-height: 74px !important;
        margin: 0 0 12px !important;
        padding: 13px 18px !important;
        overflow: visible !important;
        border: 1px solid transparent !important;
        border-top-width: 3px !important;
        border-radius: 17px !important;
        background:
            linear-gradient(112deg, #FFFFFF 0%, #FCFAFF 58%, #FFF6FB 100%) padding-box,
            linear-gradient(90deg, #6D39E9 0%, #9638D7 52%, #D41483 100%) border-box !important;
        box-shadow: 0 8px 24px rgba(49, 35, 86, .07) !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-identidad {
        display: grid !important;
        grid-template-columns: auto auto !important;
        align-items: center !important;
        justify-content: start !important;
        column-gap: 10px !important;
        row-gap: 3px !important;
        min-width: 0 !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-identidad::before {
        content: "EDITAR PEDIDO" !important;
        grid-column: 1 / -1 !important;
        display: block !important;
        color: #7542E8 !important;
        font-size: 9px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: .1em !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-identidad h2 {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        margin: 0 !important;
        color: #171A2B !important;
        font-size: clamp(18px, 1.65vw, 22px) !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
        letter-spacing: -.025em !important;
        white-space: nowrap !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-identidad .pv-estado-badge {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 23px !important;
        padding: 0 9px !important;
        border-radius: 999px !important;
        font-size: 9.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-identidad p {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        min-height: 23px !important;
        margin: 0 !important;
        padding: 0 9px !important;
        border: 1px solid #C7EEDB !important;
        border-radius: 999px !important;
        background: #ECFAF3 !important;
        color: #08794A !important;
        font-size: 9.5px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-identidad p::before {
        content: "" !important;
        width: 6px !important;
        height: 6px !important;
        flex: 0 0 6px !important;
        border-radius: 50% !important;
        background: #13A667 !important;
        box-shadow: 0 0 0 3px rgba(19, 166, 103, .12) !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones > * {
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones form {
        display: block !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones :is(a, button) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        width: auto !important;
        min-width: 112px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border-radius: 11px !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        box-shadow: none !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones form button.pvf-btn {
        display: inline-flex !important;
        height: 40px !important;
        min-height: 40px !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones .pvf-btn-sec {
        border: 1px solid transparent !important;
        background: linear-gradient(100deg, #6D39E9 0%, #8E35DB 54%, #D41483 100%) !important;
        color: #FFFFFF !important;
        box-shadow: 0 8px 18px rgba(112, 55, 221, .18) !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones .pvf-btn-del {
        border: 1px solid #F4A2BD !important;
        background: #FFFFFF !important;
        color: #D81055 !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones .pvf-btn-accent,
    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones .pvf-btn:not(.pvf-btn-sec):not(.pvf-btn-del) {
        border: 1px solid #D8CCFA !important;
        background: #F7F3FF !important;
        color: #6434D9 !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones :is(a, button):hover {
        transform: translateY(-1px) !important;
        filter: saturate(1.05) !important;
    }

    html body div#pv-modal-editar-pedido.pv-modal-overlay > div.pv-modal-box.pv-modal-editar-pedido-box > a.pv-modal-close.pv-pedido-editar-desktop-close {
        position: absolute !important;
        top: 33px !important;
        right: 14px !important;
        z-index: 5 !important;
        float: none !important;
        display: grid !important;
        place-items: center !important;
        box-sizing: border-box !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #DDD3F7 !important;
        border-radius: 11px !important;
        background: rgba(255, 255, 255, .94) !important;
        color: #6D39E9 !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        box-shadow: 0 6px 14px rgba(53, 37, 91, .09) !important;
    }

    html body #pv-modal-editar-pedido #pv-pedido-form {
        min-width: 0 !important;
    }
}

@media (min-width: 641px) and (max-width: 860px) {
    html body #pv-modal-editar-pedido .pv-modal-editar-pedido-box {
        padding: 12px !important;
        border-radius: 18px !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen {
        grid-template-columns: minmax(210px, 1fr) auto !important;
        min-height: 70px !important;
        margin-bottom: 10px !important;
        width: calc(100% - 50px) !important;
        padding: 11px 14px !important;
        border-radius: 15px !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-identidad {
        column-gap: 7px !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-identidad h2 {
        font-size: 17px !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones {
        gap: 6px !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones :is(a, button) {
        min-width: 100px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    html body #pv-modal-editar-pedido .pv-pedido-editar-resumen-acciones form button.pvf-btn {
        height: 38px !important;
        min-height: 38px !important;
    }

    html body div#pv-modal-editar-pedido.pv-modal-overlay > div.pv-modal-box.pv-modal-editar-pedido-box > a.pv-modal-close.pv-pedido-editar-desktop-close {
        top: 30px !important;
        right: 12px !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        border-radius: 10px !important;
    }

    html body #pv-modal-editar-pedido#pv-modal-editar-pedido .pv-modal-editar-pedido-box.pv-modal-editar-pedido-box > a.pv-modal-close.pv-pedido-editar-desktop-close {
        top: 30px !important;
        right: 12px !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }
}