/* Kit 0.1.20, assembled from the template library. In the library, change it there and assemble again. */
@page { size: A4; margin: 16mm; }
@page a4 { size: A4; margin: 16mm; }
@page thermal80 { size: 80mm 297mm; margin: 3mm; }
.sidebar, .topbar, .actions, .filters, .pagination, #toast { display: none !important; }
.shell { display: block; }
main { padding: 0; }
:root { --bg: white; --surface: white; --ink: black; --muted: #444444; }
.card, .panel, tr { break-inside: avoid; }
body { margin: 0; background: white !important; color: black !important; }
body[data-paper="a4"] { page: a4; }
body[data-paper="thermal80"] { page: thermal80; width: 74mm; font-size: 9pt; }
body:has(.document) [data-screen] > :not(.document) { display: none !important; }
.document { background: white !important; color: black !important; border: 0; border-radius: 0;
  box-shadow: none; padding: 0; break-inside: auto; }
.document .table-wrap { border: 0; overflow: visible; }
.document table { display: table; width: 100%; border-collapse: collapse; table-layout: fixed; }
.document thead { display: table-header-group; }
.document tbody { display: table-row-group; }
.document tr { display: table-row; }
.document th, .document td { display: table-cell; padding: 2mm 1mm; overflow-wrap: anywhere; }
.document td::before { display: none; }
.document .totals p { display: flex; justify-content: space-between; gap: 2mm; }
.document .payment-qr svg { max-width: 35mm; height: auto; }
body[data-paper="thermal80"] main { width: 74mm; max-width: 74mm; margin: 0; }
body[data-paper="thermal80"] .document-head { display: block; }
body[data-paper="thermal80"] .document h2 { font-size: 12pt; }
body[data-paper="thermal80"] .document h3 { font-size: 10pt; }
body[data-paper="thermal80"] .document p { margin: 1.5mm 0; }
body[data-paper="thermal80"] .document th, body[data-paper="thermal80"] .document td {
  padding: 1mm .4mm; font-size: 7pt;
}
body[data-paper="thermal80"] .document th:first-child { width: 25%; }