.label-workspace { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.error-msg { font-size: 11px; font-weight: bold; margin-top: 4px; padding: 4px 8px; border-radius: 4px; }
.error-msg-red { color: #dc2626; background: #fee2e2; border: 1px solid #fca5a5; }
.sub-ok { font-size: 12px; color: #10b981; font-weight: normal; }
.label-preview-box {
  background: #fff; border: 1px solid #94a3b8; width: 350px; height: 200px;
  margin: 0 auto; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 8px 12px; box-sizing: border-box;
  display: flex; flex-direction: column; justify-content: space-between;
}
.label-content-wrap { display: flex; justify-content: space-between; align-items: flex-start; flex: 1; overflow: hidden; }
.label-left-col { flex: 1; display: flex; flex-direction: column; padding-right: 5px; overflow: hidden; }
.label-barcode-img { width: 100%; max-height: 42px; object-fit: contain; margin-left: -5px; }
.label-sku-text { font-size: 13px; font-weight: 900; text-align: center; line-height: 1.1; }
.label-info-row { font-size: 9px; font-weight: 900; margin-top: 1px; line-height: 1.1; white-space: nowrap; overflow: hidden; }
.qr-wrapper { width: 60px; height: 60px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.qr-wrapper img { width: 100%; height: 100%; object-fit: contain; }
.label-footer { width: 100%; border-top: 2px solid #000; text-align: center; font-size: 11px; font-weight: 900; padding-top: 2px; margin-top: auto; }
.global-print-wrap {
  background: #fff; border: 1px solid #94a3b8; width: 350px; height: 200px; margin: 0 auto;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
#global-label-canvas { width: 100%; height: 100%; display: block; }
.radio-row { display: flex; gap: 12px; margin-top: 6px; }
.smart-hint { display: block; font-size: 12px; font-weight: 700; margin-top: 4px; }
.remark-font-tools { display: flex; align-items: center; gap: 8px; margin: 8px 0; }
.batch-queue-list { list-style: none; margin: 8px 0 0; padding: 0; max-height: 120px; overflow: auto; font-size: 12px; }
.batch-queue-list li { padding: 6px 8px; border-bottom: 1px solid var(--border, #e2e8f0); }
.sr-only { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.hidden { display: none !important; }
#view-manifest .manifest-label-container {
  width: 70mm; height: 40mm; display: flex; flex-direction: row; align-items: center;
  box-sizing: border-box; padding: 3mm; background: #fff; border: 1px solid #cbd5e1; border-radius: 6px;
}
#view-manifest .manifest-qr-box {
  flex: 0 0 34mm; width: 34mm; height: 34mm; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
#view-manifest .manifest-text-box { flex: 1; min-width: 0; padding-left: 2mm; text-align: center; }
#view-manifest .manifest-title { font-weight: 900; font-size: 15px; }
#view-manifest .manifest-code { font-weight: 900; white-space: nowrap; overflow: hidden; }
.manifest-preview-wrap { display: flex; justify-content: center; padding: 10px; background: #f8fafc; border-radius: 6px; }

@media print {
  body[data-a4-print-fbn] .app-shell > aside,
  body[data-a4-print-fbn] .app-shell > header,
  body[data-a4-print-fbn] .fulfillment-page > :not(.form-preview),
  body[data-a4-print-fbn] .form-preview > .panel:first-child,
  body[data-a4-print-fbn] .button-row { display: none !important; }
  body[data-a4-print-fbn] #printableLabel {
    position: fixed; left: 0; top: 0; width: 70mm; height: 40mm; margin: 0; box-shadow: none;
  }
  body[data-a4-print-manifest] .app-shell > aside,
  body[data-a4-print-manifest] .app-shell > header,
  body[data-a4-print-manifest] .fulfillment-page .panel:first-child,
  body[data-a4-print-manifest] .button-row,
  body[data-a4-print-manifest] .sub-head { display: none !important; }
  body[data-a4-print-manifest] #manifest-print-area {
    position: fixed; left: 0; top: 0; width: 70mm !important; height: 40mm !important;
  }
}