.pm-row-action-trigger { display: inline-flex; align-items: center; gap: 5px; }
.pm-row-action-trigger svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.4; transition: transform .15s; }
.pm-row-action-trigger[aria-expanded=true] svg { transform: rotate(180deg); }
.pm-row-menu { position: fixed; z-index: 1250; width: 144px; padding: 5px; border: 1px solid #dfe6f0; border-radius: 5px; background: #fff; box-shadow: 0 8px 24px #243f6726; }
.pm-row-menu button { display: block; width: 100%; height: 34px; padding: 7px 11px; border: 0; border-radius: 3px; background: #fff; color: #526b8a; text-align: left; font: inherit; font-size: 12px; cursor: pointer; }
.pm-row-menu button:hover:not(:disabled), .pm-row-menu button:focus-visible { outline: none; color: #2869db; background: #eef4ff; }
.pm-row-menu button:disabled { color: #b6c0ce; cursor: default; }
.pm-pair-overlay { padding: 20px; }
.pm-pair-dialog { display: flex; flex-direction: column; width: min(1090px,100%); height: min(781px,calc(100dvh - 40px)); min-height: 300px; background: #fff; border-radius: 5px; box-shadow: 0 20px 60px #172b4b26; color: #172334; }
.pm-pair-header { display: flex; align-items: center; justify-content: space-between; flex: 0 0 62px; padding: 0 21px; border-bottom: 1px solid #e2e5ec; }
.pm-pair-header h2 { margin: 0; font-size: 18px; font-weight: 600; }
.pm-pair-body { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 27px 21px 0; }
/* Reuse the product list filter, picker and field-search styles. */
.pm-pair-filters { --pm-border: #e7ebf1; flex: 0 0 auto; margin-bottom: 12px; padding: 12px; }
.pm-pair-filters .pm-filter-row { flex-wrap: wrap; min-width: 0; }
.pm-pair-filters .pm-filter-trigger, .pm-pair-filters .pm-reset { font-size: 12px; }
.pm-pair-filters .pm-pair-search { flex: 1 1 240px; margin: 0; }
.pm-pair-search-submit { position: absolute; right: 0; top: 0; width: 32px; height: 32px; padding: 0; border: 0; background: transparent; }
.pm-pair-search-submit svg { top: 8px; }
.pm-pair-filter-popover { z-index: 1310; }
.pm-pair-filter-popover .pm-category-filter-options { padding: 5px; }
.pm-pair-filter-popover .pm-category-filter-options button.highlighted { color: #2869db; background: #edf3ff; }
.pm-pair-filter-popover #pm-pair-filter-options:focus { outline: none; }
.pm-pair-filter-popover #pm-pair-filter-options:focus-visible .highlighted { outline: 1px solid #98b7ea; outline-offset: -1px; }
@media(max-width: 640px) { .pm-pair-filters { padding: 10px; } .pm-pair-filters .pm-pair-search { flex-basis: 100%; min-width: 0; max-width: none; order: 1; } }
.pm-pair-grid { flex: 1; min-height: 0; border: 1px solid #e1e5ed; border-radius: 4px; display: flex; flex-direction: column; overflow: hidden; }
.pm-pair-table-scroll { flex: 1; min-height: 0; overflow: auto; scrollbar-width: thin; scrollbar-color: #d7deea #fff; }
.pm-pair-table { width: 100%; min-width: 850px; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.pm-pair-check { width: 30px; } .pm-pair-image { width: 54px; } .pm-pair-sku { width: 23%; } .pm-pair-status { width: 13%; } .pm-pair-asin { width: 18%; } .pm-pair-shop { width: 18%; } .pm-pair-country { width: auto; }
.pm-pair-table th { position: sticky; z-index: 1; top: 0; background: #f5f6f9; height: 43px; padding: 10px; font-weight: 600; text-align: left; white-space: nowrap; border-bottom: 1px solid #e2e5ec; }
.pm-pair-table th:not(:first-child):not(:last-child)::after { content: ''; position: absolute; height: 13px; right: 0; top: 15px; border-right: 1px solid #d2d9e4; }
.pm-pair-table td { height: 53px; padding: 6px 10px; border-bottom: 1px solid #e2e5ec; vertical-align: middle; }
.pm-pair-table th:first-child, .pm-pair-table td:first-child { padding: 6px 8px; }
.pm-pair-table input[type=checkbox] { width: 15px; height: 15px; margin: 0; vertical-align: middle; accent-color: #0660fa; }
.pm-pair-table tr.selected td { background: #f0f6ff; } .pm-pair-table tr:hover td:not(.pm-pair-empty) { background: #f7faff; }
.pm-pair-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 21px; }
.pm-pair-thumbnail { width: 38px; height: 40px; display: grid; place-items: center; background: #fafbfc; border: 1px solid #f0f2f5; border-radius: 2px; overflow: hidden; }
.pm-pair-thumbnail img { width: 100%; height: 100%; object-fit: contain; } .pm-pair-thumbnail svg { width: 24px; fill: none; stroke: #b8c3d3; stroke-width: 1; }
.pm-pair-status-tag { display: inline-block; border: 1px solid #d1d6df; padding: 2px 8px; line-height: 18px; color: #34435c; background: #f6f7f9; border-radius: 2px; white-space: nowrap; }
.pm-pair-status-tag.active { color: #159228; background: #effbef; border-color: #a1dfa5; } .pm-pair-status-tag.presale { color: #b8811a; border-color: #ead398; background: #fffaed; }
.pm-pair-paired-label { display: block; color: #8995a8; font-size: 11px; line-height: 17px; }
.pm-pair-table a { color: #0660ff; text-decoration: none; } .pm-pair-table a:hover { text-decoration: underline; }
.pm-pair-table .pm-pair-empty { height: 300px; text-align: center; color: #8896aa; } .pm-pair-empty p { margin: 0 0 16px; }
.pm-pair-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; flex: 0 0 auto; min-height: 50px; gap: 4px; padding: 8px; border-top: 1px solid #e2e5ec; color: #42546f; }
.pm-pair-pagination > span:first-child { margin-right: 4px; }
.pm-pair-pagination button { min-width: 31px; height: 31px; border: 0; border-radius: 4px; background: transparent; color: #42546f; padding: 0 6px; }
.pm-pair-pagination button.current { color: #075cff; background: #e6efff; } .pm-pair-pagination button:hover:not(:disabled) { background: #eef4ff; }
.pm-pair-pagination select, .pm-pair-pagination input { height: 32px; border: 1px solid #c5d1e5; background: #fff; border-radius: 2px; color: #42546f; }
.pm-pair-pagination select { padding: 0 10px; margin: 0 10px 0 4px; } .pm-pair-pagination input { width: 50px; text-align: center; appearance: textfield; -moz-appearance: textfield; }
.pm-pair-pagination input::-webkit-inner-spin-button, .pm-pair-pagination input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.pm-pair-pagination label { white-space: nowrap; } .pm-pair-pagination form { margin: 0; }
.pm-pair-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex: 0 0 64px; padding: 10px 21px; }
.pm-pair-footer .pm-button { height: 35px; border-radius: 4px; font-size: 13px; border-color: #c5d1e5; color: #34435c; background: #fff; }
.pm-pair-footer .pm-button.primary { background: #075cf5; border-color: #075cf5; color: #fff; }
.pm-pair-footer-actions { display: flex; gap: 17px; } .pm-pair-selection { position: relative; }
.pm-pair-selection b { color: #0660ff; font-weight: 400; } .pm-pair-selection > button { display: flex; align-items: center; gap: 4px; }
.pm-pair-selected { position: absolute; z-index: 3; bottom: 43px; left: 0; width: min(380px,calc(100vw - 50px)); border: 1px solid #dbe2ee; border-radius: 4px; box-shadow: 0 8px 30px #283d6826; background: #fff; }
.pm-pair-selected-heading { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-bottom: 1px solid #e5e9f1; color: #526274; }
.pm-pair-selected button { border: 0; color: #0660ff; background: none; padding: 4px; }
.pm-pair-selected ul { padding: 0; margin: 0; list-style: none; max-height: 230px; overflow: auto; }
.pm-pair-selected li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-bottom: 1px solid #edf0f5; }
.pm-pair-selected li div { min-width: 0; overflow-wrap: anywhere; } .pm-pair-selected strong { font-weight: 400; } .pm-pair-selected small { display: block; color: #8a97aa; margin-top: 4px; }
.pm-pair-selected p { padding: 12px; color: #8a97aa; } .pm-pair-error { margin: 8px 0 0; color: #cd4254; }
.pm-pair-selected li > button { flex-shrink: 0; white-space: nowrap; }
.pm-pair-selected .pm-pair-selection-hint { margin: 0; border-top: 1px solid #e5e9f1; font-size: 12px; line-height: 1.6; }
@media(max-width: 640px) { .pm-pair-overlay { padding: 8px; } .pm-pair-dialog { height: calc(100dvh - 16px); } .pm-pair-header { padding: 0 14px; flex-basis: 54px; } .pm-pair-body { padding: 16px 12px 0; } .pm-pair-footer { padding: 10px 12px; } .pm-pair-pagination { justify-content: center; gap: 2px; } .pm-pair-pagination button { min-width: 26px; } .pm-pair-footer-actions { gap: 8px; } }