/* Product creation/editing: appearance only. */
#modal:has(#productForm){background:#FFFFFF;border:1px solid rgba(23,53,47,.06);border-radius:24px;padding:22px;font-family:'DM Sans',sans-serif;color:#17352f;box-shadow:0 12px 32px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,.06)}
#modal:has(#productForm) h2{font:600 21px 'DM Sans',sans-serif;letter-spacing:-.03em;padding-right:30px;margin:0 0 8px}
#modal:has(#productForm)>div>p{font-size:12px;line-height:1.6;color:#71817b;margin-bottom:14px}
#productForm{margin-top:14px}
#productForm label{font:500 12px 'DM Sans',sans-serif;color:#52675f;line-height:1.5;margin:10px 0}
#productForm label small{font-size:11px;font-weight:400;color:#71817b}
#productForm input:not([type=hidden]){min-width:0;min-height:40px;padding:9px 12px;border:1px solid rgba(23,53,47,.12);border-radius:12px;background:#FFFFFF;color:#17352f;font:400 14px 'DM Sans',sans-serif}
#productForm input::placeholder{font-weight:400;color:#87968f}
#productForm .form-row{gap:14px;margin:0;align-items:start}
#productForm .barcode-lookup{background:#f7f9f8;border:1px solid rgba(23,53,47,.06);border-radius:16px;padding:12px}
#productForm .barcode-lookup label{margin:0}
#productForm .barcode-lookup label>div{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
#productForm #productBarcode{flex:1 1 220px}
#productForm .barcode-lookup em,#productForm .locked-price small{font-size:11px;line-height:1.6;font-style:normal;color:#71817b}
#productForm .secondary{background:#FFFFFF;border:1px solid rgba(23,53,47,.1);border-radius:12px;min-height:42px;padding:10px 14px;font:500 12px 'DM Sans',sans-serif;color:#214a40;box-shadow:none}
#productForm .primary{background:#214a40;border:0;border-radius:12px;min-height:44px;padding:12px 18px;font:500 13px 'DM Sans',sans-serif;color:#FFFFFF;box-shadow:none}
#productForm .locked-price{background:#f0f6f3;border:1px solid rgba(23,53,47,.06);border-radius:14px;padding:12px;margin-top:12px}
#productForm .locked-price span{font-size:11px}#productForm .locked-price b{font-size:14px;margin:6px 0}
#productForm .cotiqa-select-trigger{min-height:40px;border:1px solid rgba(23,53,47,.12);border-radius:12px;padding:9px 36px 9px 12px;font:400 13px 'DM Sans',sans-serif;background:#FFFFFF;color:#17352f}
#productForm .cotiqa-select-menu{background:#FFFFFF;border:1px solid rgba(23,53,47,.06);border-radius:16px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,.06);max-height:220px;overflow:auto}
#productForm .cotiqa-select-menu button{font:500 12px 'DM Sans',sans-serif;border-radius:10px;min-height:40px;padding:10px 12px;background:#FFFFFF;color:#17352f}
#productForm .cotiqa-select-menu button.selected,#productForm .cotiqa-select-menu button:hover{background:#f0f6f3;color:#214a40}
#productForm .product-icon-current{min-height:44px;border-radius:12px;background:#FFFFFF;border:1px solid rgba(23,53,47,.12)}
#productForm .product-icon-library{background:#FFFFFF;border-radius:16px;border:1px solid rgba(23,53,47,.06);box-shadow:0 12px 32px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,.06)}
#productForm .modal-footer{padding-top:12px;margin-top:14px;border-top:1px solid rgba(23,53,47,.08);gap:10px;flex-wrap:wrap}
#modal:has(#productForm) .modal-close{width:32px;height:32px;border-radius:50%;background:#f0f4f2;display:flex;align-items:center;justify-content:center;color:#52675f}
#productForm button:focus-visible{outline:2px solid #214a40;outline-offset:2px}
#productForm .product-reference-row{margin:10px 0}
#productForm .product-field-head label,#productForm .product-icon-picker>label{margin:0 0 6px}
#productForm .quantity-control{display:flex;align-items:stretch;gap:8px}
#productForm .quantity-control>input{flex:1;width:0;min-width:0}
#productForm .quantity-control>.product-select-shell{flex:0 0 100px;width:100px;margin-top:0}
#productForm .quantity-control .cotiqa-select{min-width:0;width:100%}
#productForm .quantity-control .cotiqa-select-trigger span{white-space:nowrap}
@media(max-width:767px){#modal:has(#productForm){padding:22px 18px;border-radius:22px}#productForm .form-row:not(.brand-icon-row){display:grid;grid-template-columns:1fr}#productForm input:not([type=hidden]),#productForm .cotiqa-select-trigger{font-size:16px}#productForm .barcode-lookup{padding:14px}#productForm .quantity-control{min-width:0}#productForm .modal-footer .primary{flex:1}}