/* ============================================================
   print-pedido.css — Estilos de impresión para comanda y resumen
   Formato 80mm (térmica) — fuente monospace
   ============================================================ */

@media print {
    /* Ocultar TODO el layout del admin */
    body > *                    { display: none !important; }
    #print-area                 { display: block !important; }

    /* Reset tipográfico */
    #print-area {
        font-family: 'Courier New', Courier, monospace;
        font-size: 11px;
        color: #000;
        width: 72mm;
        margin: 0;
        padding: 4mm;
    }

    /* Encabezado del ticket */
    #print-area .ticket-header {
        text-align: center;
        border-bottom: 1px dashed #000;
        padding-bottom: 4px;
        margin-bottom: 6px;
    }

    #print-area .ticket-header h2 {
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 2px;
    }

    #print-area .ticket-header p {
        font-size: 10px;
        margin: 1px 0;
    }

    /* Tabla de ítems */
    #print-area table {
        width: 100%;
        border-collapse: collapse;
        font-size: 11px;
    }

    #print-area table th {
        text-align: left;
        border-bottom: 1px solid #000;
        padding: 2px 0;
        font-size: 10px;
    }

    #print-area table td {
        padding: 2px 0;
        vertical-align: top;
    }

    #print-area table td:last-child,
    #print-area table th:last-child {
        text-align: right;
    }

    #print-area table tfoot td {
        border-top: 1px dashed #000;
        font-weight: bold;
        padding-top: 3px;
    }

    /* Separador */
    #print-area .divider {
        border: none;
        border-top: 1px dashed #000;
        margin: 4px 0;
    }

    /* Pie de ticket */
    #print-area .ticket-footer {
        text-align: center;
        font-size: 10px;
        margin-top: 6px;
        border-top: 1px dashed #000;
        padding-top: 4px;
    }

    /* Texto derecho / izquierdo */
    #print-area .text-right { text-align: right; }
    #print-area .text-left  { text-align: left; }

    /* Evitar cortes de página dentro del ticket */
    #print-area { page-break-inside: avoid; }
}