.packing-picker{border:1px solid var(--border);border-radius:10px;padding:12px}.packing-picker summary{cursor:pointer;font-weight:600}.packing-picker>input{margin:10px 0}.packing-options{max-height:220px;overflow:auto;display:grid;gap:8px}.packing-options label{display:flex!important;gap:10px;align-items:center;padding:8px;background:var(--surface-soft,var(--bg));border-radius:8px}.packing-options label[hidden]{display:none!important}.packing-options input{width:18px!important;height:18px;flex:0 0 auto}.packing-options small{display:block;color:var(--muted)}.printing-batch-info{padding:12px;background:var(--surface-soft,var(--bg));border-radius:10px;white-space:pre-line;overflow-wrap:anywhere}
.packing-summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.packing-stat-card{background:var(--surface-soft,rgba(0,0,0,0.03));border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}
.packing-stat-card .stat-label{font-size:0.75rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted,#6b7280)}
.packing-stat-card .stat-val{font-size:1.35rem;font-weight:800;line-height:1.2}
.packing-stat-card.stat-received .stat-val{color:#10b981}
.packing-stat-card.stat-consumed .stat-val{color:#ef4444}
.packing-stat-card.stat-stock .stat-val{color:#0284c7}
.packing-stock-table td{vertical-align:middle}
.stock-val-in{font-weight:700;color:#059669}
.stock-val-out{font-weight:700;color:#dc2626}
.stock-val-bal{font-weight:800;font-size:1rem;color:var(--text,#111827)}
.stock-date-badge{font-size:0.8rem;color:var(--muted,#6b7280);display:block;margin-top:2px}
.stock-unit-tag{display:inline-block;padding:2px 7px;font-size:0.75rem;font-weight:600;border-radius:6px;background:var(--surface-soft,rgba(0,0,0,0.06));color:var(--muted,#4b5563);margin-left:6px}
.packing-action-btns{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.btn-stock-in{background:rgba(16,185,129,0.12)!important;color:#059669!important;border:1px solid rgba(16,185,129,0.3)!important}
.btn-stock-in:hover{background:rgba(16,185,129,0.2)!important}
.btn-stock-out{background:rgba(239,68,68,0.1)!important;color:#dc2626!important;border:1px solid rgba(239,68,68,0.3)!important}
.btn-stock-out:hover{background:rgba(239,68,68,0.18)!important}
.history-meta-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:12px;background:var(--surface-soft,rgba(0,0,0,0.03));border:1px solid var(--border,#e5e7eb);border-radius:10px;margin-bottom:16px}
.history-meta-summary div{display:flex;flex-direction:column;gap:2px}
.history-meta-summary span{font-size:0.72rem;font-weight:700;text-transform:uppercase;color:var(--muted)}
.history-meta-summary strong{font-size:1.1rem;font-weight:800}
.badge-history-in{background:rgba(16,185,129,0.15);color:#047857;font-weight:700;padding:3px 8px;border-radius:6px;display:inline-block;font-size:0.8rem}
.badge-history-out{background:rgba(239,68,68,0.15);color:#b91c1c;font-weight:700;padding:3px 8px;border-radius:6px;display:inline-block;font-size:0.8rem}

@media print {
  .packing-action-btns, .inventory-toolbar, .inventory-section-tabs, button, .btn {
    display: none !important;
  }
  .packing-stock-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #cbd5e1 !important;
  }
  .packing-stock-table th {
    background: #0f766e !important;
    color: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    border: 1px solid #0d9488 !important;
    font-size: 8pt !important;
    padding: 6px 4px !important;
  }
  .packing-stock-table td {
    border: 1px solid #e2e8f0 !important;
    font-size: 8pt !important;
    padding: 6px 4px !important;
  }
  .packing-summary-strip, .history-meta-summary {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  .packing-stat-card {
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
    flex: 1 !important;
    padding: 6px 10px !important;
  }
}