/* Vendor inventory: stock status, delivery actions, and optional product photos. */
.inventory-summary { margin: -8px 0 22px; font-size: 12px; color: var(--muted); }
.inventory .inventory-card { flex-wrap: wrap; align-items: flex-start; }
.inventory-details { flex: 1; min-width: 140px; }
.inventory .stock-label { display: block; margin-top: 9px; font-size: 12px; color: var(--green); }
.inventory .inventory-details small { font-size: 10px; color: var(--muted); }
.stock-meter { display: block; width: 100%; height: 12px; margin: 5px 0; border: none; }
.stock-meter::-webkit-meter-bar { background: #e6eadf; border: none; border-radius: 6px; }
.stock-meter::-webkit-meter-optimum-value { background: #528661; border-radius: 6px; }
.stock-meter::-moz-meter-bar { background: #528661; border-radius: 6px; }
.inventory .low-stock { background: #fff5f2; border: 1px solid #dfaaa0; }
.inventory .low-stock .stock-label, .low-stock-text { color: #b23827; font-weight: 700; }
.low-stock .stock-meter::-webkit-meter-optimum-value { background: #c34230; }
.low-stock .stock-meter::-moz-meter-bar { background: #c34230; }
.inventory-actions { display: flex; width: 100%; justify-content: flex-end; gap: 9px; border-top: 1px solid var(--line); padding-top: 12px; }
.inventory-actions button { font-size: 11px; padding: 10px 13px; }
.photo-editor { display: flex; align-items: center; gap: 15px; margin-top: 22px; }
.photo-editor img { width: 85px; height: 80px; object-fit: cover; border-radius: 7px; }
.photo-editor strong { font-size: 12px; }
#photo-file { padding: 9px; font-size: 11px; }

/* Familiar name in English letters / Tamil script, on every product surface. */
.product-name { display: inline-block; max-width: 100%; }
.tamil-name { font-family: "Nirmala UI", "Latha", sans-serif; font-weight: 600; line-height: 1.65; overflow-wrap: anywhere; }
.familiar-name { overflow-wrap: anywhere; line-height: 1.65; }
.name-preview { padding: 10px 12px; border-radius: 6px; background: #edf1e7; font-size: 12px; }
.product-info h3 .tamil-name, .inventory-details h3 .tamil-name { font-size: 14px; }
.order-lines .product-name, .basket-line .product-name { font-size: 12px; }
.order-lines > div { gap: 12px; }
.order-lines > div > strong, .basket-line > strong { flex-shrink: 0; }
input[lang="ta"] { font-family: "Nirmala UI", "Latha", sans-serif; }

/* Product tiles: the portion line stays one line, so adding an item never makes the tile taller. */
.product-info > .product-portion { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-portion .selected-quantity { display: inline; margin: 0; color: var(--green); font-size: inherit; font-weight: 700; }