/* ══ Papel del ticket ══════════════════════════════════════════════════════════

   El aspecto del comprobante térmico: 80 mm, tipografía chica, separadores punteados. Salió del
   tiquete del POS y vive acá porque lo usan todos los verticales — el salón imprime precuentas y
   comandas de cocina con este mismo papel, y un ticket que se ve distinto según de dónde salió
   confunde al cliente y al cajero.

   Cómo imprimir: css/ticket-print.css (contrato .ticket-printable / .pos-no-print). */


    .tkt {
        width: 100%;
        max-width: 380px;
        margin: 0 auto;
        background: #fff;
        color: #1a1a1a;
        font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 1.35;
        border-radius: 8px;
        box-shadow: 0 2px 12px rgba(0,0,0,.12);
        padding: 18px 18px 14px;
    }
    .tkt-center { text-align: center; }
    .tkt-logo   { max-width: 190px; max-height: 90px; object-fit: contain; margin: 0 auto 8px; display: block; }
    .tkt-emisor-name { font-weight: 800; font-size: 15px; line-height: 1.2; }
    /* De qué local salió, si la empresa tiene más de uno (30/10). */
    .tkt-sucursal { font-weight: 700; margin-top: 2px; }
    .tkt-muted  { color: #555; }
    .tkt-xsmall { font-size: 11px; }
    .tkt-hr     { border: 0; border-top: 1px dashed #bbb; margin: 10px 0; }
    .tkt-title  { font-weight: 800; font-size: 15px; letter-spacing: .5px; }

    .tkt-row    { display: flex; justify-content: space-between; gap: 8px; margin: 1px 0; }
    .tkt-row > .lbl { color: #555; }
    .tkt-row > .val { font-weight: 700; text-align: right; word-break: break-all; }

    .tkt-recv-title { font-weight: 800; }

    table.tkt-items { width: 100%; border-collapse: collapse; }
    table.tkt-items th {
        font-size: 10.5px; color: #444; text-align: left; font-weight: 700;
        padding-bottom: 4px; border-bottom: 1px solid #ddd;
    }
    table.tkt-items th.num, table.tkt-items td.num { text-align: right; white-space: nowrap; }
    table.tkt-items td { padding: 6px 0 2px; vertical-align: top; }
    .tkt-item-name { font-weight: 700; }

    /* Detalle compacto: la descripción en un solo renglón; lo que no cabe termina en «…». Las
       columnas de cantidad y total toman lo justo y la descripción todo lo demás. */
    table.tkt-items--compacta { table-layout: fixed; }
    table.tkt-items--compacta .tkt-col-cant  { width: 1.9em; }
    table.tkt-items--compacta .tkt-col-total { width: 6.3em; }
    table.tkt-items--compacta td.tkt-item-desc {
        font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 4px;
    }
    table.tkt-items--compacta td.tkt-item-desc .tkt-item-sub { font-weight: 400; }
    .tkt-item-sub  { color: #666; font-size: 10.5px; }

    .tkt-totline { display: flex; justify-content: space-between; gap: 8px; margin: 2px 0; }
    .tkt-totline > span:last-child { white-space: nowrap; }
    .tkt-totline .lbl { color: #444; font-weight: 700; }
    .tkt-total {
        display: flex; justify-content: space-between; align-items: center;
        border-top: 2px solid #1a1a1a; margin-top: 6px; padding-top: 6px;
    }
    .tkt-total .lbl { font-weight: 800; font-size: 17px; }
    .tkt-total .val { font-weight: 800; font-size: 19px; }

    .tkt-pay-head { display: flex; align-items: center; gap: 6px; font-weight: 800; margin-bottom: 4px; }
    table.tkt-pay { width: 100%; border-collapse: collapse; }
    table.tkt-pay th { font-size: 10.5px; color: #444; font-weight: 700; text-align: left; }
    table.tkt-pay th.mid, table.tkt-pay td.mid { text-align: center; }
    table.tkt-pay th.num, table.tkt-pay td.num { text-align: right; white-space: nowrap; }
    table.tkt-pay td { padding-top: 3px; }

    .tkt-cambio {
        display: flex; justify-content: space-between; align-items: center;
        border: 1.5px solid #16a34a; background: #ecfdf3; color: #15803d;
        border-radius: 6px; padding: 8px 12px; margin-top: 10px;
    }
    .tkt-cambio .lbl { font-weight: 800; letter-spacing: .5px; }
    .tkt-cambio .val { font-weight: 800; font-size: 18px; }

    .tkt-fiscal { display: flex; gap: 12px; align-items: flex-start; }
    .tkt-qr { flex: 0 0 auto; }
    .tkt-fiscal-text { font-size: 10.5px; color: #444; }

    .tkt-footer { text-align: center; margin-top: 12px; }
    .tkt-thanks { font-weight: 800; }
    .tkt-social { display: flex; justify-content: center; gap: 12px; margin: 8px 0 4px; }
    .tkt-social .mud-icon-root { color: #333; }

/* ── Cierre de caja (TicketCierreCaja) ─────────────────────────────────────────
   En blanco y negro (la térmica no tiene color) y con montos que no se parten: la etiqueta se
   acomoda en dos renglones si hace falta, el monto queda entero a la derecha. */
    .tcc-titulo {
        display: inline-block; margin-top: 6px; padding: 3px 12px; border: 1.5px solid #1a1a1a;
        font-weight: 800; font-size: 13px; letter-spacing: 2px;
    }
    .tcc-datos { margin-top: 10px; }

    .tcc-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 2px 0; }
    .tcc-lbl { flex: 1 1 auto; min-width: 0; color: #444; }
    .tcc-val {
        flex: 0 0 auto; font-weight: 700; text-align: right; white-space: nowrap !important;
        font-variant-numeric: tabular-nums;
    }
    .tcc-row--fuerte .tcc-lbl, .tcc-row--fuerte .tcc-val { color: #1a1a1a; font-weight: 800; font-size: 13px; }

    .tcc-sec {
        margin: 12px 0 5px; padding-bottom: 3px; border-bottom: 1.5px solid #1a1a1a;
        font-weight: 800; font-size: 11.5px; letter-spacing: .6px;
    }
    .tcc-linea { border-top: 1px dashed #999; margin: 5px 0; }

    .tcc-diff {
        display: flex; flex-direction: column; align-items: center; gap: 2px;
        margin: 12px 0 4px; padding: 8px 6px; border: 2px solid #1a1a1a; border-radius: 6px;
    }
    .tcc-diff-lbl { font-size: 10.5px; font-weight: 700; letter-spacing: 2px; color: #444; }
    .tcc-diff-val { font-size: 16px; font-weight: 900; white-space: nowrap !important; font-variant-numeric: tabular-nums; }

    .tcc-bloque + .tcc-bloque { border-top: 1px dashed #bbb; margin-top: 4px; padding-top: 4px; }
    .tcc-bloque-nombre { font-weight: 800; }
    .tcc-ref { font-weight: 400; color: #555; }

    table.tcc-tabla { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
    table.tcc-tabla th {
        font-size: 10px; color: #444; font-weight: 700; text-align: right; padding-bottom: 2px;
        border-bottom: 1px solid #ccc;
    }
    table.tcc-tabla td { font-size: 10.5px; text-align: right; white-space: nowrap !important; padding: 1px 0; }
    table.tcc-tabla td.tcc-tabla-nombre {
        text-align: left; font-weight: 700; font-size: 11.5px; white-space: normal !important; padding-top: 5px;
    }
    table.tcc-tabla td.tcc-tabla-total { font-weight: 800; }
    table.tcc-tabla tbody.tcc-tabla-suma td { border-top: 1.5px solid #1a1a1a; font-weight: 800; }
    table.tcc-tabla tbody.tcc-tabla-suma tr + tr td { border-top: 0; }

    .tcc-pie { margin-top: 14px; }

    /* Formato del local (2026-10-15): negocio en grande con regla, filas en letra de máquina
       (columnas parejas, como el papel del cierre que usaban), diferencia en recuadro. */
    .tcc-negocio {
        text-align: center; font-weight: 900; font-size: 17px; line-height: 1.15; text-transform: uppercase;
        padding-bottom: 4px; border-bottom: 1.5px solid #1a1a1a;
    }
    .tcc .tcc-titulo { margin-top: 8px; padding: 3px 16px; font-size: 14px; letter-spacing: 3px; border-width: 2px; border-radius: 3px; }
    .tcc .tcc-row { font-family: "Consolas", "DejaVu Sans Mono", "Courier New", monospace; font-size: 11.5px; }
    .tcc .tcc-lbl { color: #1a1a1a; }
    .tcc .tcc-row--fuerte .tcc-lbl, .tcc .tcc-row--fuerte .tcc-val { font-family: inherit; font-size: 12.5px; }
    .tcc .tcc-sec { font-size: 12px; margin-top: 10px; }
    .tcc-caja {
        display: flex; justify-content: space-between; align-items: baseline; gap: 8px;
        padding: 6px 8px; border: 1.5px solid #1a1a1a; font-weight: 800; font-size: 12px;
    }
    .tcc-caja-val { font-size: 16px; font-weight: 900; white-space: nowrap !important; font-variant-numeric: tabular-nums; }
    .tcc-linea--solida { border-top: 1.5px solid #1a1a1a; }

/* ── Documento de ticket en HTML (TicketDocumentoHtml) ─────────────────────────────────────────
   El mismo DocumentoTicket que imprime el equipo central, en letra de ancho fijo. La letra se
   calcula para que las columnas del documento (--tdoc-cols) llenen el ancho del papel: Courier
   mide 0,6 em por carácter. */
.tdoc { container-type: inline-size; width: 100%; background: #fff; color: #000; }
.tdoc__papel {
    font-family: "Courier New", Consolas, "Liberation Mono", monospace;
    font-size: min(16px, calc(100cqi / (var(--tdoc-cols, 48) * 0.6)));
    line-height: 1.25;
    font-weight: 600;
}
.tdoc__l { white-space: pre; overflow: hidden; }
.tdoc__l--negrita { font-weight: 900; }
.tdoc__negrita { font-weight: 900; }
.tdoc__l--centro { text-align: center; }
.tdoc__l--derecha { text-align: right; }
/* Doble alto: la misma columna, el doble de alto (como ESC ! 0x10). */
.tdoc__l--alto { line-height: 2.5; }
.tdoc__l--alto > span { display: inline-block; transform: scaleY(2); }
/* Doble: doble alto y doble ancho; el documento ya lo parte a la mitad de columnas. */
.tdoc__l--doble { font-size: 2em; line-height: 1.25; }