/* CortexCommerce: WooCommerce → Enriched products. Loads on that screen only, after admin.css. */
.cortexcommerce-enriched { max-width: 1100px; }
.cortexcommerce-enriched .tablenav.top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; height: auto; margin: 0 0 8px; }
.cortexcommerce-enriched .tablenav .tablenav-pages { float: none; margin: 0; }
.cortexcommerce-enriched__filters { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; float: none; padding: 0; }
.cortexcommerce-enriched__filters input[type="search"] { width: 240px; max-width: 100%; }
.cortexcommerce-enriched__table { table-layout: fixed; }
.cortexcommerce-enriched__table .column-picture { width: 56px; }
.cortexcommerce-enriched__table .column-product { width: 24%; }
.cortexcommerce-enriched__table .column-status { width: 150px; }
.cortexcommerce-enriched__table .column-store_links { width: 150px; }
.cortexcommerce-enriched__table td { vertical-align: middle; }
.cortexcommerce-enriched__table td.column-picture img { display: block; width: 40px; height: 40px; object-fit: cover; border-radius: 3px; background: #f0f0f1; }
.cortexcommerce-enriched__links { display: flex; flex-direction: column; gap: 4px; }
.cortexcommerce-badges { display: flex; flex-wrap: wrap; gap: 4px; }
.cortexcommerce-badge { padding: 2px 8px; color: #4338ca; font-size: 12px; line-height: 1.5; background: #eef2ff; border-radius: 10px; }
.cortexcommerce-chip { display: inline-block; padding: 2px 10px; font-size: 12px; font-weight: 600; line-height: 1.6; border-radius: 10px; }
/* WordPress notice colours: success, info, warning. */
.cortexcommerce-chip--live { color: #00450c; background: #edfaef; box-shadow: inset 0 0 0 1px #00a32a; }
.cortexcommerce-chip--approved { color: #043959; background: #f0f6fc; box-shadow: inset 0 0 0 1px #72aee6; }
.cortexcommerce-chip--waiting { color: #614200; background: #fcf9e8; box-shadow: inset 0 0 0 1px #dba617; }
.cortexcommerce-enriched__title { margin: 16px 0 12px; font-size: 18px; }
.cortexcommerce-enriched__count { margin-left: 6px; color: #646970; font-size: 13px; font-weight: 400; }
@media ( max-width: 782px ) {
	.cortexcommerce-enriched .tablenav.top { display: block; }
	/* WordPress hides a table's .actions on a phone; the filters are the point of this page. */
	.cortexcommerce-enriched .tablenav .actions.cortexcommerce-enriched__filters { display: flex; overflow: visible; padding: 0 0 8px; }
	.cortexcommerce-enriched__filters input[type="search"] { flex: 1 1 100%; width: 100%; }
	.cortexcommerce-enriched__filters select { flex: 1 1 140px; max-width: none; }
	/* WordPress folds a row on a phone behind a toggle; here a row is a card that shows everything: thumbnail on the
	   left, then name, status, badges and links. */
	.cortexcommerce-enriched .cortexcommerce-enriched__table thead,
	.cortexcommerce-enriched .cortexcommerce-enriched__table tfoot,
	.cortexcommerce-enriched .cortexcommerce-enriched__table .toggle-row { display: none; }
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody tr { display: grid; grid-template-columns: 56px minmax( 0, 1fr ); column-gap: 12px; row-gap: 6px; align-items: start; padding: 12px; }
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody tr.no-items { display: table-row; }
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody td,
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody th { display: block !important; width: auto; min-width: 0; padding: 0 !important; margin: 0 !important; }
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody td::before { display: none !important; content: none !important; }
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody td.column-picture { grid-column: 1; grid-row: 1 / span 4; }
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody th.column-product,
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody td.column-status,
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody td.column-updated,
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody td.column-store_links { display: block !important; grid-column: 2; }
	.cortexcommerce-enriched .cortexcommerce-enriched__table tbody td.column-store_links:empty { display: none !important; }
	.cortexcommerce-enriched__links { flex-direction: row; flex-wrap: wrap; gap: 4px 16px; }
}