:root {/* AUTO-GENERATED FROM PARAMETER REGISTRY */
		--chip-more-button-border-color: #232323;
		--chip-more-button-border-width: 2px;
		--chip-more-button-bg-color: #ffffff;
		--chip-more-button-hover-bg-color: #ececec;
		--chip-gap: 11px;
		--chip-text-color: #ffffff;
		--chip-font-weight: 500;
		--chip-font-size: 12px;
		--chip-bg-color: #303439;
		--chip-border-color: #ff8647;
		--chip-border-radius: 16px;
		--chip-height: 26px;
		--chip-container-margin-bottom: -8px;
		--chip-container-margin-left: 42px;
		--chip-menu-bg-color: #ffffff;
		--chip-menu-item-active-bg-color: #ffffff;
		--chip-menu-item-inactive-bg-color: #ffffff;
		--chip-menu-item-active-text-color: #000000;
		--chip-menu-item-inactive-text-color: #c0c0c0;
		--chip-menu-item-font-size: 14px;
		--chip-menu-item-font-weight: 400;
		--table-row-height: 95px;
		--table-first-row-corner-radius: 18px;
		--table-row-separator-color: #606060;
		--table-row-separator-width: 2px;
		--table-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
		--table-header-font-size: 12px;
		--table-header-font-weight: 500;
		--table-cell-font-size: 12px;
		--table-cell-font-weight: 400;
		--table-first-column-font-size: 12px;
		--table-first-column-font-weight: 400;
		--table-text-color: #444444;
		--table-header-bg-color: #ffffff;
		--table-header-text-color: #444444;
		--table-row-hover-color: #eff0f2;
		--table-first-column-bg-color: #ffffff;
		--table-odd-row-bg-color: #f8f8f8;
		--table-even-row-bg-color: #fcfcfc;
		--table-cell-padding: 15px;
		--table-header-padding: 4px;
		--cgl-mw: 64px;
		--hover-transition-duration: 0s

		/* MANUAL OVERRIDES WITH SPECIAL LOGIC */
		
		/* ✅ Typography parameters migrated to registry (auto-generated) */
		/* ✅ Color parameters migrated to registry (auto-generated) */

		/* Colors - Special conditional logic overrides */
		--table-first-column-bg-color: #ffffff;
		--table-odd-row-bg-color: #f8f8f8;
		--table-even-row-bg-color: #fcfcfc;
		--table-header-text-color: #444444;

		/* Blended hover colors - using full hover color (100%) */
		--table-first-column-hover-blended: #eff0f2;
		--table-row-hover-blended: #eff0f2;

		/* Transitions */
		--hover-transition-duration: 0s;

		/* ✅ Layout parameters migrated to registry (auto-generated) */
		/* ✅ Row separator parameters migrated to registry (auto-generated) */

		/* Layout - Special conditional logic overrides */
		--table-row-height: 95px;
		--cgl-mw: 64px;
		--table-column-max-width: none;

		/* ✅ Chip parameters migrated to registry (auto-generated) */
		/* ✅ Filtering panel parameters migrated to registry (auto-generated) */
	
		
		/* Column min-widths */
		--c1-mw:90px;--c2-mw:96px;--c3-mw:120px;--c4-mw:120px;--c5-mw:92px;--c6-mw:92px;--c7-mw:96px;--c8-mw:120px;--c10-mw:92px;--c15-mw:92px}

/* Component CSS */
/*
		 * CLASS_MAP (for debugging):
		 * thd=table-head | tc=table-cell | tro=table-row | cw=cell-wrapper
		 * fc=first-column | lc=last-column | frfc=first-row-first-col | frlc=first-row-last-col
		 * al/ac/ar=align-left/center/right | txl/txc/txr=text-left/center/right
		 * vt/vm/vb=vertical-top/middle/bottom | srt=sortable
		 * sb/st=separator-bottom/top | hv=hover | odd/evn=odd/even-row | sp=striped
		 * ho=has-overflow (line-clamp) | tr=truncated (clickable, blue border on hover)
		 * tt=tooltip-showing
		 * htt=has-tooltip | hc=header-content | ttb=tooltip-box | ct=cell-tooltip
		 * shv=synced-hover | --lc=line-clamp
		 */

		/* Column width rules - index-based for minimal HTML */
		.c0{min-width:var(--c0-mw,var(--cgl-mw));width:var(--c0-mw,auto)}
		.c1{min-width:var(--c1-mw,var(--cgl-mw));width:var(--c1-mw,auto)}
		.c2{min-width:var(--c2-mw,var(--cgl-mw));width:var(--c2-mw,auto)}
		.c3{min-width:var(--c3-mw,var(--cgl-mw));width:var(--c3-mw,auto)}
		.c4{min-width:var(--c4-mw,var(--cgl-mw));width:var(--c4-mw,auto)}
		.c5{min-width:var(--c5-mw,var(--cgl-mw));width:var(--c5-mw,auto)}
		.c6{min-width:var(--c6-mw,var(--cgl-mw));width:var(--c6-mw,auto)}
		.c7{min-width:var(--c7-mw,var(--cgl-mw));width:var(--c7-mw,auto)}
		.c8{min-width:var(--c8-mw,var(--cgl-mw));width:var(--c8-mw,auto)}
		.c9{min-width:var(--c9-mw,var(--cgl-mw));width:var(--c9-mw,auto)}
		.c10{min-width:var(--c10-mw,var(--cgl-mw));width:var(--c10-mw,auto)}
		.c11{min-width:var(--c11-mw,var(--cgl-mw));width:var(--c11-mw,auto)}
		.c12{min-width:var(--c12-mw,var(--cgl-mw));width:var(--c12-mw,auto)}
		.c13{min-width:var(--c13-mw,var(--cgl-mw));width:var(--c13-mw,auto)}
		.c14{min-width:var(--c14-mw,var(--cgl-mw));width:var(--c14-mw,auto)}
		.c15{min-width:var(--c15-mw,var(--cgl-mw));width:var(--c15-mw,auto)}
		.c16{min-width:var(--c16-mw,var(--cgl-mw));width:var(--c16-mw,auto)}
		.c17{min-width:var(--c17-mw,var(--cgl-mw));width:var(--c17-mw,auto)}
		.c18{min-width:var(--c18-mw,var(--cgl-mw));width:var(--c18-mw,auto)}

		/* Table base styles */
		.data-table {
			width: 100%;
			border-collapse: separate;
			border-spacing: 0;
			table-layout: auto;
			font-family: var(--table-font-family);
			background-color: var(--table-bg-color);
			color: var(--table-text-color);
			border: var(--table-border-width, 0) solid var(--table-border-color);
			border-radius: var(--table-border-radius);
		}

		.table-header {
			background-color: var(--table-header-bg-color);
		}

		/* TableHead (thd) styles */
		.thd {
			font-size: var(--table-header-font-size);
			font-weight: var(--table-header-font-weight);
			padding: var(--table-header-padding);
			color: var(--table-header-text-color);
			background-color: var(--table-header-bg-color);
			border: none;
		}
		.thd.al { text-align: left; }
		.thd.ac { text-align: center; }
		.thd.ar { text-align: right; }
		.srt { cursor: pointer; user-select: none; }

		/* TableRow (tro) styles */
		.tro {
			transition: background-color var(--hover-transition-duration, 0.2s) ease;
			border: none;
		}
		.tro.sb {
			border-bottom: var(--table-row-separator-width) solid var(--table-row-separator-color);
		}
		.tro.odd {
			background-color: var(--table-odd-row-bg-color);
		}
		.tro.evn {
			background-color: var(--table-even-row-bg-color);
		}
		.tro.hv:hover {
			background: var(--table-row-hover-blended) !important;
		}

		/* TableCell (tc) styles */
		.tc {
			position: relative;
			font-size: var(--table-cell-font-size);
			font-weight: var(--table-cell-font-weight);
			padding: var(--table-cell-padding);
			border: none;
			height: var(--table-row-height);
			max-height: var(--table-row-height);
			overflow: hidden;
		}
		/* Allow overflow when tooltip is active (tooltip is direct child of td) */
		.tc.tt {
			overflow: visible !important;
			z-index: 100;
			position: relative;
		}
		.tc.vt { vertical-align: top; }
		.tc.vm { vertical-align: middle; }
		.tc.vb { vertical-align: bottom; }
		.tc.txl { text-align: left; }
		.tc.txc { text-align: center; }
		.tc.txr { text-align: right; }
		.tc.frfc {
			border-top-left-radius: var(--table-first-row-corner-radius, 0);
			overflow: hidden;
		}
		.tc.frlc {
			border-top-right-radius: var(--table-first-row-corner-radius, 0);
			overflow: hidden;
		}
		.tc.fc {
			font-size: var(--table-first-column-font-size);
			font-weight: var(--table-first-column-font-weight);
			background-color: inherit;
			transition: background-color var(--hover-transition-duration, 0.2s) ease;
		}
		tr:hover .tc.fc {
			background-color: var(--table-first-column-hover-blended);
		}

		/* Cell wrapper (cw) for text overflow */
		.cw {
			position: relative;
		}
		.cw.ho {
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: var(--lc);
			word-break: break-word;
			white-space: normal;
		}
		/* Truncated cell styling - clickable, no visual indicator */
		.cw.tr {
			cursor: pointer;
		}

		/* Header tooltip */
		.hc { position: relative; display: inline-block; }
		.htt { position: relative; }
		.htt:hover { cursor: help; }
		.ttb {
			position: absolute;
			top: 100%;
			left: 50%;
			transform: translateX(-50%);
			margin-top: 8px;
			min-width: 200px;
			max-width: 300px;
			background-color: #27272a;
			color: #d4d4d8;
			padding: 10px 12px;
			border-radius: 8px;
			font-size: 0.875rem;
			font-weight: 400;
			line-height: 1.4;
			white-space: normal;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
			z-index: 9999;
			pointer-events: none;
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.2s ease, visibility 0.2s ease;
		}
		.htt:hover .ttb {
			opacity: 1;
			visibility: visible;
		}
		.ttb::before {
			content: '';
			position: absolute;
			bottom: 100%;
			left: 50%;
			transform: translateX(-50%);
			border-width: 6px;
			border-style: solid;
			border-color: transparent transparent #27272a transparent;
		}

		/* Cell tooltip (ct) - for truncated text (click-based, not hover) */
		/* Tooltip is direct child of td.tc, not inside .cw */
		.tc > .ttb.ct {
			position: absolute !important;
			top: auto !important;
			bottom: 100% !important;
			left: 50% !important;
			transform: translateX(-50%) !important;
			margin-top: 0 !important;
			margin-bottom: 8px !important;
			max-width: 400px;
			opacity: 1 !important;
			visibility: visible !important;
			pointer-events: auto !important;
			z-index: 10000 !important;
		}
		.tc > .ttb.ct::before {
			content: '';
			position: absolute;
			top: 100%;
			bottom: auto;
			left: 50%;
			transform: translateX(-50%);
			border-width: 6px;
			border-style: solid;
			border-color: #27272a transparent transparent transparent;
		}

/* Custom Column CSS */
td[data-col="product_link"] .btn-link-pure { display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid #b8b8b8;
    background: #ffffff;
    color: #444444;
    font-family: inherit;
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box; }
td[data-col="product_link"] .btn-link-pure svg { width: 10px;
    height: 10px;
    stroke-width: 2px;
    color: currentColor; }
td[data-col="product_link"] .btn-link-pure:hover { border-color: #111111;
    color: #111111; }

/* Font family override */

.data-table-container,
.data-table-container * {
	font-family: var(--table-font-family, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
}