.inventory-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;padding:12px 0;align-items:stretch}
.inventory-item-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border:1px solid var(--line,#e1e5ea);border-radius:14px;background:var(--style-paper,#fff);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;box-shadow:0 2px 6px #17212d03}
.inventory-item-card>header{display:flex;gap:11px;align-items:center;min-width:0}
.inventory-item-card .vw-product-photo,.inventory-material-icon{width:52px;height:52px;flex:0 0 52px;min-width:0;border-radius:11px}
.inventory-item-card .vw-photo-caption{display:none}
.inventory-material-icon{display:grid;place-items:center;background:var(--accent-soft,#f3f5f7);color:var(--theme-ink)}
.inventory-material-icon svg{width:24px;height:24px}
.inventory-item-identity{min-width:0;flex:1}
.inventory-item-name{border:0;background:transparent;padding:0;text-align:left;color:inherit;font-size:14px;font-weight:650;font-family:inherit;line-height:1.55;cursor:pointer;overflow-wrap:anywhere}
.inventory-item-name:hover{text-decoration:underline;text-underline-offset:3px}
.inventory-item-name .catalog-name small{font-size:11px}
.inventory-item-identity p{font-size:11px;line-height:1.5;margin:4px 0 0;color:var(--muted);overflow-wrap:anywhere}
.inventory-card-metrics{display:flex;justify-content:space-between;gap:8px;align-items:center}
.inventory-qty{font-size:29px;font-weight:650;line-height:1.1;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.inventory-unit{margin-left:5px;color:var(--muted);font-size:12px}
.inventory-card-metrics .inventory-status{font-size:10px;padding:4px 6px;white-space:normal;text-align:center;max-width:46%}
.inventory-card-meta{display:flex;flex-direction:column;gap:5px;font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.inventory-card-locations{display:flex;flex-wrap:wrap;gap:5px;align-items:flex-start;font-size:11px;line-height:1.6}
.inventory-place{padding:3px 6px;border-radius:5px;background:var(--hover-bg,#f5f6f8);color:var(--muted)}
.inventory-place b{margin-left:4px;color:var(--ink);font-weight:550}
.inventory-card-locations details{width:100%}.inventory-card-locations summary{cursor:pointer;color:var(--accent)}.inventory-card-locations details[open] .inventory-place{display:inline-block;margin:5px 4px 0 0}
.inventory-item-card>footer{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;margin-top:auto;border-top:1px solid var(--line)}
.inventory-item-card>footer .btn{padding:5px 10px;font-size:11px;border-radius:7px;min-height:30px}
.inventory-edit-card{align-self:start;border-color:var(--accent,#1686ce)}
.inventory-edit-card>footer{display:none}
.inventory-card-editor{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--line,#e1e5ea);min-width:0}
.inventory-card-editor h4{margin:0;font-size:14px}
.inventory-card-editor label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted,#64748b)}
.inventory-card-editor input,.inventory-card-editor select{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid var(--input-border,#cbd5e1);border-radius:8px;background:var(--style-paper,#fff);color:var(--ink,#17212d);font:inherit;font-size:16px;min-height:42px}
.inventory-editor-readonly{color:var(--ink,#17212d);overflow-wrap:anywhere}
.inventory-editor-hint{margin:0;font-size:11px;line-height:1.6;color:var(--muted,#64748b)}
.inventory-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
.inventory-editor-actions .btn{flex:1;min-height:42px}
.inventory-card-search{display:flex;align-items:center;gap:12px;margin:12px 0}
.inventory-card-search input{width:100%;max-width:420px;padding:10px 12px;border:1px solid var(--input-border);border-radius:9px;background:var(--style-paper,#fff);color:var(--ink)}
@media(max-width:600px){.inventory-card-grid{grid-template-columns:1fr;gap:10px}.inventory-item-card{padding:14px;gap:10px}.inventory-card-meta{flex-direction:row;flex-wrap:wrap;gap:4px 12px}.inventory-item-card>footer .btn{min-height:36px}.inventory-qty{font-size:28px}}
