.merge-clients-session {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.merge-clients-chip {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 6px 10px;
 border: 1px solid var(--border);
 border-radius: 6px;
 background: var(--muted);
 color: var(--foreground);
 font-size: 13px;
}

.merge-clients-chip button {
 appearance: none;
 border: 0;
 background: transparent;
 color: var(--muted-foreground);
 cursor: pointer;
 padding: 0;
 font-size: 16px;
 line-height: 1;
}

.merge-clients-chip button:hover {
 color: var(--foreground);
}

.merge-field {
 display: flex;
 flex-direction: column;
 gap: 8px;
 padding: 14px 0;
 border-bottom: 1px solid var(--border);
}

.merge-field:last-child {
 border-bottom: 0;
}

.merge-field-label {
 font-weight: 600;
}

.merge-field-match {
 color: var(--muted-foreground);
 font-size: 13px;
}

.merge-choice-list {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.merge-choice {
 display: flex;
 gap: 10px;
 align-items: flex-start;
 padding: 8px 10px;
 border: 1px solid var(--border);
 border-radius: 6px;
 cursor: pointer;
}

.merge-choice:has(input:checked) {
 border-color: var(--primary);
 background: color-mix(
  in srgb,
  var(--primary) 8%,
  transparent
 );
}

.merge-choice input[type='radio'] {
 flex: 0 0 auto;
 width: auto;
 max-width: 1.25rem;
 margin-top: 3px;
 padding: 0;
 border: 0;
 background: transparent;
 accent-color: var(--primary);
}

.merge-choice-body {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 gap: 2px;
 min-width: 0;
}

.merge-choice-client {
 font-size: 12px;
 color: var(--muted-foreground);
}

.merge-choice-value {
 font-size: 13px;
 color: var(--foreground);
 overflow-wrap: anywhere;
}

.merge-group-title {
 margin: 24px 0 8px;
 font-size: 15px;
 font-weight: 600;
}

.merge-counts {
 display: grid;
 grid-template-columns: repeat(
  auto-fill,
  minmax(160px, 1fr)
 );
 gap: 8px;
}

.merge-count {
 padding: 10px 12px;
 border: 1px solid var(--border);
 border-radius: 6px;
}

.merge-count-label {
 font-size: 12px;
 color: var(--muted-foreground);
}

.merge-count-value {
 font-size: 18px;
 font-weight: 600;
}

.merge-hubspot-list {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.merge-hubspot-item {
 padding: 8px 0;
 border-bottom: 1px solid var(--border);
 font-size: 13px;
}

.merge-hubspot-item:last-child {
 border-bottom: 0;
}

.merge-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: 24px;
 padding-top: 16px;
 border-top: 1px solid var(--border);
}

.merge-search-results {
 display: flex;
 flex-direction: column;
 gap: 4px;
 max-height: 240px;
 overflow: auto;
 margin-top: 8px;
}

.merge-search-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 12px;
 width: 100%;
 text-align: left;
 padding: 8px 10px;
 border: 1px solid var(--border);
 border-radius: 6px;
 background: var(--muted);
 color: var(--foreground);
 cursor: pointer;
 font: inherit;
}

.merge-search-row:hover {
 border-color: var(--primary);
}

.merge-search-row[disabled] {
 color: var(--muted-foreground);
 border-color: var(--border);
 cursor: default;
}

.merge-search-row[disabled]:hover {
 border-color: var(--border);
}