.label-page { padding: 24px; }.label-tools { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-bottom: 24px; }.label-tools label { max-width: 130px; }.label-tools input { display: block; width: 100%; margin-top: 5px; }.label { width: var(--label-w); height: var(--label-h); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 2mm; border: 1px dashed #aaa; text-align: center; page-break-inside: avoid; }.label strong { max-width: 100%; overflow: hidden; font-size: 9pt; text-overflow: ellipsis; white-space: nowrap; }.label > b { font-size: 14pt; }.label .barcode { max-width: 95%; max-height: 10mm; }.label small { font-size: 7pt; }.receipt { max-width: 420px; margin: auto; padding: 22px; }.receipt-tools { display: flex; justify-content: space-between; margin-bottom: 18px; }.receipt > section { padding: 22px; background: #fff; box-shadow: var(--shadow-md); }.receipt section > h1, .receipt section > p { text-align: center; }.receipt section > div { display: flex; justify-content: space-between; gap: 15px; margin: 7px 0; }
@media print { @page { margin: 5mm; } body { height: auto; overflow: visible; background: #fff; }.no-print, .app-header, .app-sidebar, .app-bottom-nav, .toast { display: none !important; }.app-shell, .app-content { display: block; height: auto; overflow: visible; padding: 0; }.panel, .table-wrap { border: 0; box-shadow: none; }.label { border: 0; }.receipt { max-width: none; padding: 0; }.receipt > section { box-shadow: none; }.print-58 { width: 48mm; }.print-80 { width: 72mm; } }
