.collected-products-grid {
  --collected-grid-line: #d9e2dd;
  --collected-grid-check-width: 42px;
  --collected-grid-number-width: 48px;
  --collected-grid-image-width: 76px;
  --collected-grid-name-width: 300px;
  min-width: 0;
  width: 100%;
}
.collected-grid-heading { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 18px; margin-bottom: 20px; }
.collected-grid-heading h1 { margin: 0; color: #263e31; font-size: 26px; line-height: 1.35; font-weight: 750; }
.collected-grid-heading h1 span { margin-left: 8px; color: #74877c; font-size: 20px; font-weight: 500; font-variant-numeric: tabular-nums; }
.collected-grid-heading p { margin: 8px 0 0; color: #6b7c72; font-size: 12px; line-height: 1.7; }
.collected-grid-filters { display: flex; gap: 5px; padding: 4px; border: 1px solid #dfe7e2; border-radius: 10px; background: #f4f7f5; }
.collected-grid-filter { padding: 7px 13px; border-radius: 7px; color: #617469; font-size: 12px; font-weight: 600; white-space: nowrap; }
.collected-grid-filter:hover { background: #e7efe9; }
.collected-grid-filter.is-active { background: #277454; color: #fff; box-shadow: 0 1px 3px #1f49351a; }
.collected-grid-panel { overflow: hidden; border: 1px solid var(--collected-grid-line); border-radius: 12px; background: #fff; }
.collected-grid-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 13px 16px; border-bottom: 1px solid var(--collected-grid-line); }
.collected-grid-selection { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 12px; }
.collected-grid-selection strong { min-width: 65px; color: #276848; font-variant-numeric: tabular-nums; }
.collected-grid-selection > span { color: #748078; font-variant-numeric: tabular-nums; }
.collected-grid-clear { padding: 5px 9px; border: 1px solid #d1ded5; border-radius: 6px; color: #405d4b; background: #fff; font-size: 11px; cursor: pointer; }
.collected-grid-clear:hover:not(:disabled) { background: #edf5ef; }
.collected-grid-clear:disabled { color: #939e97; background: #f6f8f6; cursor: default; }
.collected-grid-toolbar p,.collected-grid-note { margin: 0; color: #748078; font-size: 11px; line-height: 1.7; }
.collected-grid-note { padding: 10px 16px; }
.collected-grid-scroll { overflow: auto; max-height: min(70vh, 740px); overscroll-behavior: contain; isolation: isolate; }
.collected-grid-scroll:focus-visible { outline: 3px solid #8fc9aa; outline-offset: -3px; }
.gnd.workspace .collected-products-grid .collected-grid-table { width: 100%; min-width: 1316px; margin: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.collected-grid-col-check { width: var(--collected-grid-check-width); }
.collected-grid-col-number { width: var(--collected-grid-number-width); }
.collected-grid-col-image { width: var(--collected-grid-image-width); }
.collected-grid-col-name { width: var(--collected-grid-name-width); }
.collected-grid-col-store { width: auto; }
.collected-grid-col-price { width: 120px; }
.collected-grid-col-reviews { width: 82px; }
.collected-grid-col-risk { width: 88px; }
.collected-grid-col-match { width: 100px; }
.collected-grid-col-date { width: 190px; }
.collected-grid-col-action { width: 110px; }
.gnd.workspace .collected-products-grid .collected-grid-table th,
.gnd.workspace .collected-products-grid .collected-grid-table td { box-sizing: border-box; padding: 10px 12px; border: 0; border-right: 1px solid var(--collected-grid-line); border-bottom: 1px solid var(--collected-grid-line); vertical-align: middle; text-align: left; font-size: 12px; line-height: 1.55; }
.gnd.workspace .collected-products-grid .collected-grid-table th { position: sticky; top: 0; z-index: 4; height: 43px; color: #52675a; background: #edf3ee; font-size: 11px; font-weight: 700; white-space: nowrap; }
.gnd.workspace .collected-products-grid .collected-grid-table td { height: 72px; color: #344d3e; background: var(--collected-grid-row-background, #fff); }
.gnd.workspace .collected-products-grid .collected-grid-table th:last-child,
.gnd.workspace .collected-products-grid .collected-grid-table td:last-child { border-right: 0; }
.gnd.workspace .collected-products-grid .collected-grid-table tbody tr:last-child td { border-bottom: 0; }
.collected-grid-table tbody tr:hover { --collected-grid-row-background: #f0f6f2; }
.collected-grid-table tbody tr[data-selected="true"] { --collected-grid-row-background: #e6f2e9; }
.collected-grid-table tbody tr[data-selected="true"]:hover { --collected-grid-row-background: #dceddf; }
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-check,
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-number,
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-image,
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-name { position: sticky; z-index: 2; }
.gnd.workspace .collected-products-grid .collected-grid-table thead .collected-grid-check,
.gnd.workspace .collected-products-grid .collected-grid-table thead .collected-grid-number,
.gnd.workspace .collected-products-grid .collected-grid-table thead .collected-grid-image,
.gnd.workspace .collected-products-grid .collected-grid-table thead .collected-grid-name { z-index: 6; }
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-check { left: 0; padding: 8px; text-align: center; }
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-number { left: var(--collected-grid-check-width); padding: 8px; color: #7a8b80; text-align: center; font-variant-numeric: tabular-nums; }
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-image { left: calc(var(--collected-grid-check-width) + var(--collected-grid-number-width)); text-align: center; }
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-name { left: calc(var(--collected-grid-check-width) + var(--collected-grid-number-width) + var(--collected-grid-image-width)); box-shadow: 3px 0 4px -3px #54756180; }
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-numeric { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.collected-grid-check input { display: inline-block; width: 16px; height: 16px; margin: 0; vertical-align: middle; accent-color: #277454; cursor: pointer; }
.collected-grid-check input:disabled { cursor: default; }
.collected-grid-thumbnail,.collected-grid-image-placeholder { display: block; width: 48px; height: 48px; margin: auto; border: 1px solid #e3e9e5; border-radius: 6px; box-sizing: border-box; background: #f7f9f7; }
.collected-grid-thumbnail { object-fit: cover; }
.collected-grid-image-placeholder { display: flex; flex-direction: column; justify-content: center; color: #87948b; font-size: 9px; line-height: 1.5; }
.collected-grid-product-name { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: anywhere; color: #2e4b39; font-size: 12px; font-weight: 550; line-height: 1.6; }
a.collected-grid-product-name:hover { color: #21683e; text-decoration: underline; }
.collected-grid-best { display: inline-block; margin-top: 4px; padding: 0 5px; border-radius: 3px; background: #fff0d5; color: #946016; font-size: 9px; font-weight: 650; }
.collected-grid-store-name { display: block; overflow-wrap: anywhere; }
.collected-grid-status { display: inline-flex; align-items: center; padding: 3px 7px; border: 1px solid transparent; border-radius: 5px; background: #f0f2f1; color: #718077; font-size: 10px; font-weight: 650; white-space: nowrap; }
.collected-grid-status--safe,.collected-grid-status--matched { background: #e5f3e9; border-color: #cae5d2; color: #2b7648; }
.collected-grid-status--review,.collected-grid-status--unmatched { background: #fff4dc; border-color: #f2e2b9; color: #986717; }
.collected-grid-status--danger,.collected-grid-status--failed { background: #fcecec; border-color: #f0d0d0; color: #b44b4b; }
.collected-grid-status--matching { background: #eaf2fc; border-color: #d3e2f4; color: #416da5; }
.gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-date { color: #748077; white-space: nowrap; font-size: 11px; font-variant-numeric: tabular-nums; }
.collected-grid-prepare { display: inline-flex; align-items: center; justify-content: center; padding: 6px 10px; border: 1px solid #bbd8c7; border-radius: 6px; background: #f3faf5; color: #27704a; font-size: 11px; font-weight: 650; white-space: nowrap; cursor: pointer; }
.collected-grid-prepare:hover { background: #e3f2e8; }
.collected-grid-muted { color: #9ba89f; }
.collected-grid-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--collected-grid-line); background: #f7faf8; color: #7a8b80; font-size: 10px; }
.collected-grid-empty { padding: 42px 24px; border: 1px dashed #ceddd2; border-radius: 12px; background: #f8fbf9; color: #6b7c72; font-size: 13px; line-height: 1.8; text-align: center; }
.collected-grid-empty p { margin: 0 0 6px; }
.collected-grid-empty a { color: #277454; text-decoration: underline; }
.collected-grid-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 760px) {
  .collected-products-grid { --collected-grid-image-width: 52px; --collected-grid-name-width: 168px; }
  .collected-grid-heading { align-items: flex-start; }
  .collected-grid-heading h1 { font-size: 22px; }
  .collected-grid-toolbar { align-items: flex-start; padding: 12px; }
  .collected-grid-toolbar p { max-width: 290px; }
  .gnd.workspace .collected-products-grid .collected-grid-table { min-width: 1160px; }
  .gnd.workspace .collected-products-grid .collected-grid-table tbody .collected-grid-check,
  .gnd.workspace .collected-products-grid .collected-grid-table tbody .collected-grid-number { position: static; }
  .gnd.workspace .collected-products-grid .collected-grid-table thead .collected-grid-check,
  .gnd.workspace .collected-products-grid .collected-grid-table thead .collected-grid-number { left: auto; z-index: 4; }
  .gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-image { left: 0; padding: 6px; }
  .gnd.workspace .collected-products-grid .collected-grid-table .collected-grid-name { left: var(--collected-grid-image-width); padding: 8px; }
  .collected-grid-thumbnail,.collected-grid-image-placeholder { width: 38px; height: 42px; }
  .collected-grid-footer { padding-inline: 12px; }
}