body { margin:0; font-family:system-ui,-apple-system,Segoe UI,sans-serif; background:#f4f6f8; color:#0f172a; }
.wms-putaway-pending-banner {
  border: 1px solid #f59e0b;
  background: #fffbeb;
  color: #78350f;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0 0 12px;
}
.wms-putaway-pending-banner__title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
}
.wms-putaway-pending-banner__body {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.45;
}
.wms-putaway-pending-banner__actions { margin: 0; }
.wms-putaway-pending-banner__link {
  font-size: 13px;
  font-weight: 700;
  color: #0f766e;
  text-decoration: none;
}
.wms-putaway-pending-banner__link:hover { text-decoration: underline; }
.page { max-width:1220px; margin:0 auto; padding:18px 22px 36px; }
.back-bar { margin:0 0 10px; display:flex; gap:8px; flex-wrap:wrap; }
.back-bar a, .btn-link, button {
  display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:#0f172a;
  text-decoration:none; padding:7px 12px; border:1px solid #cbd5e1; border-radius:8px; background:#ffffff;
}
button { cursor:pointer; }
.btn-link { color:#0d5c63; border-color:#0d5c63; background:#eff6ff; }
.back-bar a:hover { border-color:#0d5c63; color:#127a84; }
h1 { margin:0 0 6px; }
.sub { margin:0 0 12px; color:#94a3b8; }
.panel { border:1px solid #e2e8f0; border-radius:10px; background:#ffffff; padding:12px; margin-bottom:12px; }
.panel h2 { margin:0 0 10px; font-size:16px; }
.row { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
label { display:flex; flex-direction:column; gap:5px; color:#64748b; font-size:12px; }
input, select { border:1px solid #cbd5e1; border-radius:7px; background:#ffffff; color:#0f172a; padding:8px; font-size:13px; min-width:180px; }
.head-row { display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; }
th, td { border-bottom:1px solid #1e293b; text-align:left; padding:8px 6px; font-size:12px; vertical-align:top; }
th { color:#93c5fd; font-size:11px; text-transform:uppercase; letter-spacing:.03em; }
.mono { font-family:ui-monospace,monospace; }
.badge { display:inline-block; padding:2px 7px; border-radius:999px; border:1px solid #475569; color:#cbd5e1; font-size:10px; margin-right:4px; }
.ready { border-color:#34d399; color:#6ee7b7; }
.warn { border-color:#f59e0b; color:#fcd34d; }
.err { color:#fca5a5; border:1px solid #7f1d1d; background:#1c1917; border-radius:8px; padding:8px 10px; margin-bottom:10px; }
.ok { color:#86efac; border:1px solid #14532d; background:#052e16; border-radius:8px; padding:8px 10px; margin-bottom:10px; }
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.kv { display:grid; grid-template-columns:170px 1fr; gap:6px 10px; margin:8px 0 10px; }
.kv .k { color:#94a3b8; }
.muted { color:#94a3b8; font-size:12px; }
@media (max-width: 980px) { .grid2 { grid-template-columns:1fr; } }

.putaway-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
  font-size: 13px;
}
.putaway-compare-grid .k {
  color: #94a3b8;
  margin-right: 6px;
}
.putaway-line-locked {
  border-color: #22c55e55 !important;
  background: rgba(6, 40, 25, 0.35);
}
.putaway-locked-card {
  margin-top: 10px;
  padding: 10px;
  border-radius: 8px;
  border: 1px dashed #334155;
  background: #0b1625;
}
.putaway-locked-card h4 {
  margin: 0 0 8px;
  font-size: 14px;
  color: #86efac;
}
.putaway-mini-table th {
  font-size: 10px;
}
.putaway-partial-banner {
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #f59e0b55;
  background: rgba(69, 47, 12, 0.35);
  color: #fcd34d;
  font-size: 13px;
}
.putaway-batch-line {
  margin-top: 4px;
}

.recv-modal { position:fixed; inset:0; z-index:80; display:flex; align-items:flex-start; justify-content:center; padding:24px 12px 32px; overflow:auto; }
.recv-modal[hidden] { display:none !important; }
.recv-modal__backdrop { position:fixed; inset:0; background:rgba(2,6,23,.72); backdrop-filter:blur(6px); }
.recv-modal__panel.glass {
  position:relative; z-index:1; width:min(1040px,100%);
  border:1px solid rgba(148,163,184,.35); border-radius:14px;
  background:linear-gradient(155deg,rgba(15,23,42,.94),rgba(7,18,31,.92));
  box-shadow:0 24px 80px rgba(0,0,0,.55);
  padding:16px 18px 20px; max-height:calc(100vh - 48px); overflow:auto;
}
.recv-modal__head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.recv-modal__head h2 { margin:0; font-size:18px; color:#e2e8f0; }
.recv-modal__head-actions { display:flex; gap:8px; flex-wrap:wrap; }
.recv-qr-block {
  display:flex; flex-wrap:wrap; gap:16px; align-items:center;
  margin-bottom:14px; padding:12px; border-radius:12px;
  border:1px solid #334155; background:rgba(11,22,37,.85);
}
.recv-qr-img-wrap { flex:0 0 auto; padding:8px; border-radius:10px; background:#ffffff; border:1px solid #e2e8f0; }
.recv-qr-img-wrap img,
.recv-qr-img-wrap canvas,
.recv-qr-host img,
.recv-qr-host canvas { display:block; border-radius:6px; max-width:280px; max-height:280px; }
.recv-qr-meta { flex:1; min-width:200px; }
.recv-qr-caption { margin:0 0 6px; color:#94a3b8; font-size:12px; }
.recv-qr-text { margin:0; font-size:14px; color:#f8fafc; word-break:break-all; }
.recv-summary-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px;
  margin-bottom:12px;
}
.recv-sum-card { border:1px solid #334155; border-radius:10px; padding:10px 12px; background:rgba(15,23,42,.75); }
.recv-sum-card .k { font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:#94a3b8; margin-bottom:4px; }
.recv-sum-card .v { font-size:14px; color:#f1f5f9; font-weight:600; }
.recv-modal__links { margin:10px 0 12px; }
.recv-modal__body .split { margin-top:8px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width: 980px) { .recv-modal__body .split { grid-template-columns:1fr; } }

.putaway-modal-hero {
  margin-bottom:12px; padding:12px 14px; border-radius:12px;
  border:1px solid rgba(52,211,153,.35); background:rgba(6,40,25,.25);
  font-size:15px; line-height:1.45;
}
.putaway-modal-hero .putaway-hero-batch { font-size:20px; font-weight:800; color:#6ee7b7; margin:0 0 4px; }
.putaway-modal-hero .putaway-hero-exp { font-size:18px; font-weight:700; color:#fde68a; margin:0; }

.putaway-line-block.panel { padding:10px 12px; margin-bottom:10px; }
.putaway-line-title { font-size:15px; font-weight:700; margin:0 0 6px; }
.putaway-line-meta { font-size:13px; color:#cbd5e1; margin:0 0 8px; }
.putaway-line-batch { font-size:17px; font-weight:800; color:#86efac; }
.putaway-line-exp { font-size:16px; font-weight:700; color:#fcd34d; margin-top:4px; }