.produit-table-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; margin: 20px 0; }
.produit-table-controls label { display: flex; flex-direction: column; gap: 6px; font-weight: bold; }
.produit-table-controls input { padding: 10px; border: 1px solid #aaa; border-radius: 4px; min-height: 44px; color: #222; background: #fff; }
.produit-table-controls button { padding: 10px 16px; min-height: 44px; border: 1px solid #aaa; border-radius: 4px; cursor: pointer; }
.produit-table-scroll { overflow-x: auto; }
#produit-test-table { width: 100%; min-width: 1000px; border-collapse: collapse; text-align: left; }
#produit-test-table thead { background: #b575f5; color: #fff; }
#produit-test-table th, #produit-test-table td { padding: 10px; vertical-align: middle; }
#produit-test-table th button { background: transparent; border: 0; color: inherit; font: inherit; font-weight: bold; padding: 4px 0; cursor: pointer; white-space: nowrap; }
#produit-test-table button:focus-visible, .produit-table-controls :focus-visible { outline: 3px solid #462175; outline-offset: 3px; }
#produit-test-table tbody tr:nth-child(even) { background: #f6f6f6; }
#produit-test-table [hidden] { display: none !important; }
#produit-test-table td.photo { width: 110px; }
#produit-test-table td.photo img { width: 100px; height: 100px; object-fit: cover; }
#produit-test-table td.photo .field { margin: 0; }
#produit-test-table .field__label { display: none; }
#produit-test-table td.nom { width: 100%; min-width: 180px; }
#produit-test-table td.nom a { color: inherit; }
#produit-test-table td.stock, #produit-test-table td.stock-maison { text-align: center; }
#produit-test-table td:not(.nom):not(.photo) { white-space: nowrap; }
#produit-test-table .stock span { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; min-width: 30px; height: 30px; padding: 4px; color: #fff; }
#produit-test-table .stock .high { background: #347d36; }
#produit-test-table .stock .medium { background: #6e8b20; }
#produit-test-table .stock .low { background: #98c73e; }
#produit-test-table .stock .none { background: #f00; }
#produit-test-table .gain-badge { background: #98c73e; color: #fff; padding: 7px 10px; border-radius: 10px; font-weight: bold; }
#produit-test-table .voir img { min-width: 26px; }
#produit-table-status { min-height: 1.5em; }