#logisticsShelfMode { margin-bottom: 0; }
.shelf-mode-tab { white-space:nowrap; }
.shelf-mode { padding:20px; border:1px solid #34415a; border-radius:18px; background:#151c2a; color:#f8fafc; box-shadow:0 12px 28px rgba(0,0,0,.22); }
.shelf-mode-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:18px; }
.shelf-mode-head h2 { margin:0; color:#f8fafc; }
.shelf-back,.shelf-active button,.shelf-remove { appearance:none; cursor:pointer; font:inherit; font-weight:750; border:1px solid #4c5a72; border-radius:10px; padding:7px 10px; background:#202a3b; color:#f8fafc; }
.shelf-step { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.shelf-step > span { display:grid; place-items:center; flex:0 0 auto; width:34px; height:34px; border-radius:50%; background:#e9294f; color:white; font-weight:900; }
.shelf-step h3,.shelf-step p { margin:0; }
.shelf-step p { margin-top:3px; color:#aab4c8; }
.shelf-scan-input { box-sizing:border-box; width:100%; min-height:56px; border:2px solid #53617b; border-radius:13px; padding:12px 14px; background:#101725; color:#f8fafc; font:inherit; font-size:1.05rem; font-weight:800; letter-spacing:.03em; }
.shelf-scan-input:focus { outline:none; border-color:#e9294f; box-shadow:0 0 0 4px rgba(233,41,79,.14); }
.shelf-active { display:grid; justify-items:center; gap:3px; margin-bottom:18px; padding:14px; border:2px solid #e9294f; border-radius:15px; background:#1d2636; text-align:center; }
.shelf-active span { color:#ff9ab0; font-size:.75rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.shelf-active strong { font-size:clamp(1.8rem,6vw,3rem); letter-spacing:.05em; }
.shelf-review { margin-top:18px; padding-top:16px; border-top:1px solid #34415a; }
.shelf-review h3,.shelf-review > div { margin:0 0 5px; }
.shelf-review > div { color:#c7d2e8; font-weight:800; }
.shelf-review ul { max-height:260px; overflow:auto; list-style:none; margin:10px 0 14px; padding:0; border-top:1px solid #34415a; }
.shelf-review li { display:flex; align-items:center; gap:12px; padding:9px 2px; border-bottom:1px solid #34415a; }
.shelf-review li.shelf-latest { padding:13px 10px; margin:6px 0; border:1px solid #e9294f; border-radius:12px; background:#242f43; }
.shelf-review li.shelf-latest strong { font-size:1.18rem; color:#fff; }
.shelf-tire-number { flex:0 0 auto; min-width:104px; color:#ffb4c1; font-size:.82rem; font-weight:900; }
.shelf-remove { margin-left:auto; border-color:#864052; color:#ffb4c1; }
.shelf-empty { color:#aab4c8; }
.shelf-queue-notice { min-height:1.15em; margin:0 0 12px; color:#ffd27f; font-size:.84rem; font-weight:800; }
@media (max-width:620px) { .shelf-mode { padding:14px; } .shelf-mode-tab { flex:1 1 100%; } }

/* MANUAL_PNS_ENTRY_V2105 */
.shelf-manual-entry { margin: 10px 0 16px; }
.shelf-manual-entry [data-manual-box] { margin-top: 10px; padding: 12px; border: 1px solid var(--line, #3a4357); border-radius: 12px; background: rgba(255,255,255,.03); }
.shelf-manual-entry p { margin: 0 0 9px; color: var(--muted, #aab2c0); font-size: .92rem; }

/* SHELF_COUNT_CORRECTION_UI_V2108 */
.shelf-count-correction { margin: 10px 0 16px; }
.shelf-count-correction [data-count-correction-box] { margin-top: 10px; padding: 12px; border: 1px solid var(--line, #3a4357); border-radius: 12px; background: rgba(255,255,255,.03); }
.shelf-count-correction p { margin: 0 0 9px; color: var(--muted, #aab2c0); font-size: .92rem; }


/* SHELF_SAFETY_ADDITIVE_V2130 */
.shelf-danger-zone {
  margin-top: 22px;
  padding: 15px;
  border: 1px solid #bb7a19;
  border-radius: 14px;
  background: rgba(187, 122, 25, .12);
}
.shelf-danger-zone > button {
  border-color: #d39329;
  color: #ffd28a;
  background: rgba(102, 61, 8, .36);
}
.shelf-danger-warning {
  margin: 0 0 10px;
  color: #ffd28a;
  font-weight: 700;
}

/* INV-002 visual hierarchy for the explicit move flow. */
#inventoryMoveBatch .inventory-move-card { max-width: 920px; margin: 0 auto; padding: 26px; }
#inventoryMoveBatch .inventory-move-kicker { display:block; margin-bottom:4px; color:#ff8ba4; font-size:.72rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
#inventoryMoveBatch .inventory-move-progress { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; list-style:none; margin:0 0 22px; padding:0; }
#inventoryMoveBatch .inventory-move-progress li { display:flex; align-items:center; gap:10px; min-width:0; padding:11px; border:1px solid #34415a; border-radius:13px; background:#111827; opacity:.64; }
#inventoryMoveBatch .inventory-move-progress li.done { border-color:#39745e; background:#14271f; opacity:1; }
#inventoryMoveBatch .inventory-move-progress li.is-current { border-color:#64799d; background:#1a2639; opacity:1; }
#inventoryMoveBatch .inventory-move-progress span { display:grid; place-items:center; flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:#35425b; color:#dbe7ff; font-size:.82rem; font-weight:900; }
#inventoryMoveBatch .inventory-move-progress .done span { background:#167151; color:#fff; }
#inventoryMoveBatch .inventory-move-progress small { display:block; overflow:hidden; color:#aab4c8; font-size:.68rem; font-weight:800; letter-spacing:.04em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
#inventoryMoveBatch .inventory-move-progress strong { display:block; overflow:hidden; margin-top:2px; color:#f8fafc; text-overflow:ellipsis; white-space:nowrap; }
#inventoryMoveBatch .inventory-move-state { padding:18px; border:1px solid #34415a; border-radius:15px; background:#111827; }
#inventoryMoveBatch .inventory-move-state > p { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 14px; }
#inventoryMoveBatch .inventory-move-state > p b { color:#fff; font-size:1rem; }
#inventoryMoveBatch .inventory-move-state > p small { color:#aab4c8; text-align:right; }
#inventoryMoveBatch .inventory-move-input { display:block; }
#inventoryMoveBatch .inventory-move-input > b { display:block; margin:0 0 7px; color:#d8e2f3; font-size:.84rem; }
#inventoryMoveBatch .inventory-move-state ul { display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:8px; list-style:none; margin:0 0 14px; padding:0; }
#inventoryMoveBatch .inventory-move-state li { display:flex; align-items:center; gap:8px; min-width:0; padding:10px 10px 10px 12px; border:1px solid #3d4d69; border-radius:11px; background:#172235; }
#inventoryMoveBatch .inventory-move-state li strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; }
#inventoryMoveBatch .inventory-move-quantity { display:grid; place-items:center; min-width:31px; height:27px; border-radius:9px; background:#254a40; color:#baf5dc; font-size:.84rem; font-weight:900; }
#inventoryMoveBatch .inventory-move-state li .shelf-remove { padding:5px 8px; font-size:.82rem; }
#inventoryMoveBatch .inventory-move-state li.shelf-empty { display:block; border-style:dashed; color:#98a6bb; text-align:center; }
#inventoryMoveBatch .inventory-move-state .btn { margin-top:12px; }
#inventoryMoveBatch .inventory-origin-stock { margin:0 0 16px; padding:12px; border:1px solid #39745e; border-radius:12px; background:#13271f; }
#inventoryMoveBatch .inventory-origin-stock > b { display:block; margin-bottom:8px; color:#baf5dc; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; }
#inventoryMoveBatch .inventory-origin-stock ul { margin:0; }
#inventoryMoveBatch .inventory-origin-stock li { padding:7px 9px; background:#182f28; }
#inventoryMoveBatch .inventory-origin-stock li span { margin-left:auto; color:#c9d6e9; font-size:.84rem; font-weight:750; }
@media (max-width:620px) { #inventoryMoveBatch .inventory-move-card { padding:16px; } #inventoryMoveBatch .inventory-move-progress { grid-template-columns:1fr; gap:7px; } #inventoryMoveBatch .inventory-move-progress li { padding:8px 10px; } #inventoryMoveBatch .inventory-move-state > p { display:block; } #inventoryMoveBatch .inventory-move-state > p small { display:block; margin-top:4px; text-align:left; } }