#inventoryPage .panel{margin-bottom:12px}
#inventoryPage h2{margin:0 0 4px;font-size:20px}
.inv-intro,.inv-table-head,.inv-dialog-head,.inv-dialog-actions,.inv-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}
#inventoryPage .inv-intro{padding:16px 20px}
.inv-intro p{margin:0;font-size:12px}
#inventoryPage .inv-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 20px}
.inv-tools label,.inv-field{display:grid;gap:6px;font-size:12px;font-weight:600}
.inv-tools input,.inv-tools select,.inv-field input{width:100%;min-height:40px;box-sizing:border-box}
.inv-search{flex:1;min-width:200px}
.inv-stats{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:14px 2px;font-size:12px}
.inv-stat{display:inline-flex;align-items:baseline;gap:8px}
.inv-stat b{font-size:20px;font-variant-numeric:tabular-nums}
.inv-stats small{font-size:11px}
#inventoryPage .inv-catalog{padding:18px}
.inv-table-head{font-size:12px}
.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px;margin-top:16px}
#inventoryPage .inv-card{display:block;width:100%;min-width:0;text-align:left;padding:0;overflow:hidden;border:1px solid #e4e9e5;border-radius:10px;background:#fff;color:#283c32;font:inherit;cursor:pointer;box-shadow:none;transition:border-color .15s,box-shadow .15s}
#inventoryPage .inv-card:hover{border-color:#7f9b8a;box-shadow:0 3px 12px #233b3010;transform:none}
#inventoryPage .inv-card:focus-visible{outline:3px solid #42765c;outline-offset:3px}
.inv-photo{display:block;position:relative;aspect-ratio:1;width:100%;background:#f4f3ee;overflow:hidden}
.inv-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f4f3ee}
.inv-photo-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#929b94;font-size:12px;font-weight:400}
.inv-status{position:absolute;top:8px;left:8px;background:#fffffff0;padding:3px 7px;border-radius:4px;font-size:10px;font-weight:500}
.inv-card-info{display:block;padding:10px 11px}
.inv-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;min-height:35px;font-weight:600}
.inv-card-variant,.inv-card-sku{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.6;font-weight:400}
.inv-card-variant{color:#5f7066;margin-top:3px}
.inv-card-sku{color:#8b958f}
.inv-card-stock{display:flex;justify-content:space-between;align-items:baseline;gap:6px;border-top:1px solid #edf0ed;margin-top:8px;padding-top:8px;font-size:11px;font-weight:400}
.inv-card-stock strong{font-size:19px;font-variant-numeric:tabular-nums;line-height:1.2}
.inv-low{color:#a43d2b;font-weight:600}
.inv-empty{grid-column:1/-1;text-align:center;padding:40px 0}
.inv-pagination{justify-content:flex-end;padding-top:18px;font-size:12px}
.inv-error{padding:12px 16px;border:1px solid #e8c3b7;background:#fff5ee;border-radius:8px;color:#8c3426;margin-bottom:14px}
.inv-dialog{border:1px solid #dce2e8;border-radius:16px;padding:26px;width:min(520px,90vw);max-height:90vh;overflow:auto;box-sizing:border-box;color:#253249}
.inv-dialog::backdrop{background:rgba(20,30,44,.4)}
.inv-dialog h2{margin:0;font-size:21px}
.inv-dialog h3{font-size:16px;margin-top:22px}
.inv-dialog .muted{font-size:12px;line-height:1.7}
.inv-before,.inv-preview{padding:14px;background:#f3f6f8;border-radius:8px;line-height:1.6;margin:16px 0}
.inv-field{margin:16px 0}
.inv-dialog-actions{justify-content:flex-end;margin-top:20px}
.inv-dialog button:disabled{opacity:.5;cursor:not-allowed}
.inv-history-row{padding:14px 0;border-bottom:1px solid #e8edf2;font-size:13px;line-height:1.8}
#invHistoryPanel summary{cursor:pointer;font-weight:700}
#invTime{font-size:11px}
#inventoryPage .inv-review-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
@media(max-width:760px){
 #inventoryPage .inv-intro,#inventoryPage .inv-tools,#inventoryPage .inv-catalog{padding:12px}
 .inv-intro h2{font-size:18px}
 .inv-tools label{flex:1 1 0;min-width:0}
 .inv-tools .inv-search{flex-basis:100%;order:-1}
 .inv-tools input,.inv-tools select{min-width:0}
 .inv-tools select{padding:8px 5px;font-size:11px}
 .inv-table-head{align-items:flex-start;flex-direction:column;gap:5px}
 .inv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:12px}
 .inv-card-info{padding:9px}
 .inv-stats{gap:8px 16px}
 .inv-stats small{flex-basis:100%}
 .inv-stat b{font-size:18px}
 .inv-dialog{padding:18px}
 .inv-dialog-actions{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){#inventoryPage .inv-card{transition:none}}