Add QR share and print actions

styles.css

@@ -906,6 +906,54 @@ tr:last-child td {
   text-align: center;
 }
 
+.qr-slip {
+  width: 100%;
+  display: grid;
+  gap: 14px;
+}
+
+.qr-slip-header {
+  display: grid;
+  grid-template-columns: 190px minmax(0, 1fr);
+  gap: 2px 18px;
+  align-items: start;
+  text-align: left;
+  font-size: 1.02rem;
+}
+
+.qr-slip-label {
+  font-weight: 700;
+}
+
+.qr-slip-value {
+  font-weight: 500;
+}
+
+.qr-slip-section-title {
+  margin-top: 8px;
+  font-size: 1.4rem;
+  font-weight: 700;
+  text-align: left;
+}
+
+.qr-slip-tests {
+  display: grid;
+  gap: 8px;
+  text-align: left;
+}
+
+.qr-slip-test {
+  font-size: 1.15rem;
+  line-height: 1.3;
+}
+
+.qr-code-text {
+  font-size: 1.7rem;
+  font-weight: 800;
+  letter-spacing: 0.04em;
+  text-align: center;
+}
+
 .qr-preview {
   display: grid;
   place-items: center;
@@ -928,6 +976,104 @@ tr:last-child td {
   box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
 }
 
+body.print-order .bg-orb,
+body.print-order .bg-grid,
+body.print-order .sidebar,
+body.print-order .topbar,
+body.print-order .mobile-nav,
+body.print-order .order-created-shell .panel .pill-row,
+body.print-order .order-created-shell .qr-actions,
+body.print-order .order-created-shell .card:not(.order-created-qr),
+body.print-order .order-created-shell > .panel:last-child {
+  display: none !important;
+}
+
+body.print-order {
+  background: white;
+}
+
+body.print-order #app {
+  min-height: auto;
+}
+
+body.print-order .page-shell {
+  display: block;
+  min-height: auto;
+}
+
+body.print-order .content {
+  padding: 0;
+}
+
+body.print-order .content-inner {
+  max-width: none;
+  margin: 0;
+  gap: 0;
+}
+
+body.print-order .order-created-shell {
+  gap: 0;
+}
+
+body.print-order .order-created-shell > .panel {
+  box-shadow: none;
+  border: none;
+  background: white;
+  padding: 0;
+}
+
+body.print-order .order-created-shell .panel-header {
+  margin-bottom: 24px;
+}
+
+body.print-order .order-created-shell .detail-grid {
+  grid-template-columns: 1fr;
+}
+
+body.print-order .qr-slip {
+  width: 100%;
+}
+
+body.print-order .qr-preview {
+  border: none;
+  background: transparent;
+  min-height: 0;
+  padding: 10px 0 0;
+}
+
+body.print-order .image_qrcode {
+  width: 320px;
+  height: 320px;
+  box-shadow: none;
+}
+
+body.print-order .qr-code-text {
+  font-size: 1.9rem;
+}
+
+@media print {
+  @page {
+    size: auto;
+    margin: 12mm;
+  }
+
+  body {
+    background: white !important;
+  }
+
+  body.print-order .content {
+    padding: 0 !important;
+  }
+
+  body.print-order .topbar,
+  body.print-order .sidebar,
+  body.print-order .mobile-nav,
+  body.print-order .bg-orb,
+  body.print-order .bg-grid {
+    display: none !important;
+  }
+}
+
 .form {
   display: grid;
   gap: 16px;