@media (min-width: 1025px) {
    #mesa-modal .modal-column-pedido {
        min-height: 0;
        display: flex;
        flex-direction: column;
        border-radius: 16px;
        border: 1px solid rgba(226, 232, 240, 0.95);
        background: #ffffff;
        overflow: hidden;
        box-shadow: 0 16px 34px -28px rgba(15, 23, 42, 0.55);
    }

    #mesa-modal .pedido-panel-header {
        flex-shrink: 0;
        padding: 14px 16px 12px;
        border-bottom: 1px solid #edf2f7;
        background: rgba(255, 255, 255, 0.96);
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    #mesa-modal .pedido-panel-header-copy {
        display: grid;
        gap: 4px;
    }

    #mesa-modal .pedido-panel-header h3 {
        margin: 0;
        font-size: 0.83rem;
        font-weight: 700;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    #mesa-modal #pedido-panel-summary {
        margin: 0;
        font-size: 0.78rem;
        color: #94a3b8;
        font-weight: 600;
    }

    #mesa-modal .pedido-panel-close {
        display: none;
    }

    #mesa-modal .pedido-panel-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        padding: 0;
        background: #ffffff;
    }

    #mesa-modal .pedido-panel-body::-webkit-scrollbar {
        width: 7px;
    }

    #mesa-modal .pedido-panel-body::-webkit-scrollbar-thumb {
        background: rgba(148, 163, 184, 0.4);
        border-radius: 999px;
    }

    #mesa-modal .modal-column-pedido .pedido-item {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: start;
        gap: 8px 10px;
        margin: 0;
        padding: 14px 16px;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #f1f5f9;
        background: #ffffff;
        box-shadow: none;
    }

    #mesa-modal .modal-column-pedido .pedido-item:hover {
        background: #f8fafc;
    }

    #mesa-modal .modal-column-pedido .item-cantidad {
        grid-column: 1;
        grid-row: 1 / span 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 4px 6px;
        border-radius: 10px;
        background: rgba(var(--primary-rgb), 0.08);
        font-size: 0.78rem;
        font-weight: 700;
        color: #64748b;
        text-align: center;
    }

    #mesa-modal .modal-column-pedido .item-nombre {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        font-size: 0.88rem;
        font-weight: 600;
        color: #1f2937;
        line-height: 1.25;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #mesa-modal .modal-column-pedido .item-badge {
        margin-left: 6px;
        padding: 2px 6px;
        border-radius: 999px;
        background: rgba(59, 130, 246, 0.12);
        color: #1d4ed8;
        font-size: 0.66rem;
        font-weight: 700;
        vertical-align: middle;
    }

    #mesa-modal .modal-column-pedido .item-precio {
        grid-column: 3;
        grid-row: 1;
        font-size: 0.88rem;
        font-weight: 700;
        color: #334155;
        text-align: right;
        white-space: nowrap;
    }

    #mesa-modal .modal-column-pedido .item-acciones {
        grid-column: 2 / 4;
        grid-row: 2;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        opacity: 1;
    }

    #mesa-modal .modal-column-pedido .item-control,
    #mesa-modal .modal-column-pedido .btn-add-nota,
    #mesa-modal .modal-column-pedido .item-nota-icon {
        min-width: 30px;
        height: 30px;
        border-radius: 8px;
        border: 1px solid #d8e1eb;
        background: #ffffff;
        color: #334155;
        font-size: 0.78rem;
        box-shadow: none;
    }

    #mesa-modal .modal-column-pedido .item-control:hover,
    #mesa-modal .modal-column-pedido .btn-add-nota:hover,
    #mesa-modal .modal-column-pedido .item-nota-icon:hover {
        background: #eef2f7;
        border-color: #c3d0de;
        color: #0f172a;
    }

    #mesa-modal .modal-column-pedido .item-nota {
        grid-column: 1 / -1;
        margin-top: 2px;
        padding: 8px 10px;
        border-radius: 8px;
        border: 1px solid rgba(245, 158, 11, 0.35);
        background: rgba(255, 248, 235, 0.9);
        color: #92400e;
        font-size: 0.76rem;
        line-height: 1.3;
    }

    #mesa-modal .pedido-panel-footer {
        flex-shrink: 0;
        padding: 14px;
        border-top: 1px solid #e2e8f0;
        background: #f8fafc;
        display: grid;
        gap: 12px;
    }

    #mesa-modal .pedido-panel-total {
        margin-bottom: 12px;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        color: #0f172a;
        font-size: 1.15rem;
        font-weight: 700;
    }

    #mesa-modal .pedido-panel-total span:first-child {
        font-size: 0.75rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #64748b;
        font-weight: 700;
    }

    #mesa-modal .modal-column-pedido .pedido-panel-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    #mesa-modal .modal-column-pedido .pedido-panel-actions button {
        border-radius: 12px;
        padding: 12px 12px;
        font-size: 0.82rem;
        font-weight: 700;
        border: 1px solid rgba(var(--primary-rgb), 0.2);
        background: rgba(var(--primary-rgb), 0.08);
        color: var(--primary-color-dark);
        box-shadow: none;
        transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
    }

    #mesa-modal .modal-column-pedido .pedido-panel-actions button:hover {
        transform: translateY(-1px);
        background: rgba(var(--primary-rgb), 0.16);
        box-shadow: 0 8px 14px -12px rgba(var(--primary-rgb), 0.45);
    }

    #mesa-modal .modal-column-pedido .pedido-panel-actions .btn-cobrar {
        grid-column: 1 / -1;
        border: none;
        background: linear-gradient(135deg, #22c55e, #16a34a);
        color: #ffffff;
        font-size: 0.92rem;
    }

    #mesa-modal .modal-column-pedido .pedido-panel-actions .btn-cobrar:hover {
        background: linear-gradient(135deg, #1fb453, #15803d);
        box-shadow: 0 14px 24px -16px rgba(22, 163, 74, 0.7);
    }

    #mesa-modal .modal-column-pedido .pedido-panel-actions .btn-parcial {
        background: rgba(59, 130, 246, 0.12);
        border-color: rgba(59, 130, 246, 0.28);
        color: #1d4ed8;
    }

    #mesa-modal .modal-column-pedido .pedido-panel-actions .btn-factura {
        background: rgba(245, 158, 11, 0.14);
        border-color: rgba(245, 158, 11, 0.32);
        color: #92400e;
    }

    #mesa-modal .modal-column-pedido .pedido-panel-actions .btn-imprimir {
        background: rgba(71, 85, 105, 0.12);
        border-color: rgba(71, 85, 105, 0.3);
        color: #334155;
    }

    #mesa-modal .btn-ver-pedido,
    #mesa-modal .pedido-panel {
        display: none !important;
    }
}