/* Consistent pale badges for usage brands and suppliers. */
html .brand-mark[class*="brand-"]{border-radius:5px;font-weight:600}
.supplier-tag[class*="supplier-hue-"]{background:hsl(var(--supplier-hue,215) 55% 94%);border-color:hsl(var(--supplier-hue,215) 35% 79%);color:hsl(var(--supplier-hue,215) 52% 28%);border-radius:5px;min-width:26px;width:auto;height:20px;padding:0 4px;flex:0 0 auto;font-size:10px;font-weight:600;line-height:18px;white-space:nowrap;vertical-align:middle}
.mark-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#52615b;margin:0 0 10px}
.mark-legend>span{display:inline-flex;align-items:center;gap:5px}
.mark-legend i{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:2px;font-size:10px;font-style:normal}
.legend-brand{background:white;border:1px solid #7b877f;color:#475569}.legend-supplier{background:#edf3f8;border:1px solid #b9cbd9;color:#30536b}
.stock-title{min-width:0;flex:1;overflow-wrap:anywhere}
.stock-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45;display:flex;align-items:center;gap:5px;text-align:left}
.stock-spec{display:none}.stock-name .compact-qualifier{white-space:normal;font-size:.86em;color:#5d6863}
html[data-inventory-view=detail] .stock-name .compact-qualifier{display:inline}
.quantity-control{width:48px;max-width:48px;flex-shrink:0}
.quantity-button{display:flex;align-items:center;justify-content:center;gap:2px;width:48px;min-width:44px;height:44px;padding:0 3px;border:1px solid #bcc9c1;border-radius:7px;background:#fff;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums;color:#203e30;white-space:nowrap}
.quantity-button:focus-visible{outline:2px solid #245d49;outline-offset:2px}.quantity-caret{font-size:10px;color:#65736b}
.quantity-control .quantity-button>span{width:auto;min-width:0;font-size:inherit;flex:0 1 auto}.quantity-control .quantity-button>.quantity-caret{font-size:10px}
.quantity-picker{position:fixed;inset:auto;margin:0;padding:8px;width:248px;max-width:calc(100vw - 16px);max-height:min(440px,calc(100dvh - 16px));overflow:auto;border:1px solid #a9bbb0;border-radius:12px;box-shadow:0 12px 36px #13251b33;background:#fff}
.quantity-picker::backdrop{background:#172a2426}
.quantity-picker-head{display:flex;align-items:center;justify-content:space-between;padding-left:7px;font-size:13px}
.quantity-picker-head button{width:44px;height:44px;border:none;background:transparent;padding:0;font-size:22px}
.quantity-choices{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px}
.quantity-picker [role=option]{min-width:44px;min-height:44px;padding:5px;font-size:15px;font-variant-numeric:tabular-nums}
.quantity-picker [aria-selected=true]{background:#245d49;color:white;border-color:#245d49}
.quantity-empty{margin-bottom:5px}.quantity-empty button{width:100%;font-size:12px}
.quantity-config{width:100%;margin-top:7px;font-size:12px;min-height:44px}
.quantity-settings-link{border-top:1px solid #e0e7e1;padding-top:12px;margin-top:12px}.quantity-settings-link h3{font-size:14px;margin:0 0 5px}.quantity-settings-link p{font-size:12px;color:#596a5f}
.quantity-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:15px}.quantity-presets button{min-height:44px;font-size:12px}
.quantity-range{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quantity-range input{width:100%;min-width:0;padding:9px 6px}
#quantity-preview{display:block;padding:12px;border-radius:7px;background:#f0f5f1;font-size:13px;overflow-wrap:anywhere}
#item-form:has([name=active]:checked) .deactivation-password{display:none}
html[data-inventory-view="compact"] .stock-row,
html[data-inventory-view="compact"] .inventory-columns{grid-template-columns:minmax(0,1fr) 48px 44px;gap:6px;padding-left:8px;padding-right:8px}
html[data-inventory-view="compact"] .stock-row{grid-template-rows:auto;min-height:66px;padding-top:5px;padding-bottom:5px;align-items:center}
html[data-inventory-view="compact"] .stock-controls{width:48px;min-width:0}
html[data-inventory-view="compact"] .quantity-control{width:48px;max-width:48px}
html[data-inventory-view="compact"] .brand-name-line,
html[data-narrow-stock="1"][data-inventory-view="compact"] .brand-name-line{position:static;height:auto;display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0}
html[data-inventory-view="compact"] .item-brand-marks,
html[data-narrow-stock="1"][data-inventory-view="compact"] .item-brand-marks{position:static;display:flex;flex-wrap:wrap;gap:3px;height:auto;max-width:100%;overflow:visible;white-space:normal}
html[data-inventory-view="compact"] .brand-mark{max-width:none;overflow:visible;white-space:normal}
html[data-inventory-view="compact"] .brand-name-line .stock-name,
html[data-narrow-stock="1"][data-inventory-view="compact"] .brand-name-line .stock-name{position:static;display:flex;flex:0 1 auto;align-items:center;gap:5px;width:100%;min-width:0;height:auto;min-height:44px;padding:0;line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip;font-size:16px;text-align:left}
html[data-inventory-view="compact"] .stock-name .supplier-tag{margin:0;align-self:flex-start;margin-top:3px}
html[data-inventory-view="compact"] .stock-name .compact-qualifier{display:inline;white-space:normal}
@media(max-width:360px){html[data-inventory-view="compact"] .stock-row,html[data-inventory-view="compact"] .inventory-columns{padding-left:6px;padding-right:6px;gap:4px}}