.warehouse-contents-shell { margin-top:20px; padding:24px; background:#fff; border:1px solid var(--line,#d9e2ec); border-radius:18px; }
.warehouse-contents-shell h2,.warehouse-contents-shell h3 { margin:0; }
.contents-hint,.contents-item-text span { color:#526277; }
.contents-search { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:20px 0; }
.contents-search label { display:grid; gap:7px; flex:1 1 260px; }
.contents-search input { min-width:0; width:100%; }
.contents-search button { min-height:44px; padding:10px 18px; border:0; border-radius:10px; background:var(--accent); color:#fff; font-weight:700; }
.contents-search button:disabled { opacity:.45; }
.contents-error { padding:12px; border-radius:10px; background:#fff1f1; color:#9b1c1c; }
.contents-total { font-weight:700; }
.contents-box { margin-top:16px; }
.contents-box-link { border:0; border-radius:8px; padding:8px 12px; color:var(--accent); background:#f6eaf8; font-weight:700; margin-bottom:10px; }
.contents-item { display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:14px; align-items:center; padding:12px; border:1px solid var(--line,#d9e2ec); border-radius:12px; margin-top:8px; }
.contents-photo { width:64px; height:80px; position:relative; display:grid; place-items:center; font-size:11px; background:#f3f5f7; border-radius:8px; overflow:hidden; }
.contents-photo img { position:absolute; width:100%; height:100%; object-fit:contain; }
.contents-item-text { display:grid; gap:4px; overflow-wrap:anywhere; min-width:0; }
.contents-item-text span { font-size:13px; }
.contents-quantity { white-space:nowrap; }
#warehouseContentsRoot:not([hidden]) + #warehouseLocationsRoot { margin-top:20px; }
@media(max-width:600px) { .warehouse-contents-shell { padding:16px; } .contents-item { grid-template-columns:54px minmax(0,1fr); gap:10px; } .contents-photo { width:54px; height:72px; } .contents-quantity { grid-column:2; } }