[data-highlight="amber"], [data-recruiting-highlight-color="amber"] { --row-highlight: #fff6d9; --row-highlight-accent: #b7791f; --highlight-swatch: #f5cf66; }
[data-highlight="mint"], [data-recruiting-highlight-color="mint"] { --row-highlight: #e8f6ee; --row-highlight-accent: #268261; --highlight-swatch: #89cbaa; }
[data-highlight="blue"], [data-recruiting-highlight-color="blue"] { --row-highlight: #eaf2ff; --row-highlight-accent: #497cc0; --highlight-swatch: #9abcf0; }
[data-highlight="rose"], [data-recruiting-highlight-color="rose"] { --row-highlight: #fff0f2; --row-highlight-accent: #bf6480; --highlight-swatch: #eda9b9; }
[data-highlight="violet"], [data-recruiting-highlight-color="violet"] { --row-highlight: #f2edfc; --row-highlight-accent: #8a65b9; --highlight-swatch: #bca3e1; }

.recruiting-row[data-highlight]:not([data-highlight=""]),
.recruiting-row[data-highlight]:not([data-highlight=""]) > div {
  background: var(--row-highlight);
}
.recruiting-row[data-highlight]:not([data-highlight=""]) > .sticky-name {
  box-shadow: inset 3px 0 var(--row-highlight-accent);
}
.row-context-menu.recruiting-context-menu {
  width: 228px;
  max-width: calc(100vw - 20px);
  box-sizing: border-box;
  padding: 10px;
  gap: 6px;
  border-color: #e3e8ef;
  border-radius: 11px;
  box-shadow: 0 8px 28px #172b4d20, 0 2px 6px #172b4d08;
}
.recruiting-context-menu > strong { font-size: 13px; line-height: 18px; }
.recruiting-context-menu > button { min-height: 28px; padding: 0 6px; border: 0; background: transparent; font-size: 12px; font-weight: 600; }
.recruiting-highlight-picker { display: grid; grid-template-columns: 1fr 40px; align-items: center; gap: 6px 8px; padding: 8px 0; border-top: 1px solid #edf0f4; border-bottom: 1px solid #edf0f4; }
.recruiting-highlight-heading { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; color: #48566b; font-size: 11px; line-height: 16px; font-weight: 600; }
.recruiting-highlight-heading small { color: #718096; font-size: 10px; font-weight: 500; }
.recruiting-highlight-colors { display: flex; justify-content: space-between; gap: 6px; }
.recruiting-context-menu .recruiting-highlight-colors button {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 50%;
  background: var(--highlight-swatch);
  color: #253249;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
}
.recruiting-context-menu .recruiting-highlight-colors button:hover,
.recruiting-context-menu .recruiting-highlight-colors button[aria-pressed="true"] { border-color: var(--row-highlight-accent); box-shadow: inset 0 0 0 2px white; }
.recruiting-context-menu button:focus-visible { outline: 2px solid #334e72; outline-offset: 3px; }
.recruiting-context-menu .recruiting-highlight-clear { width: 40px; min-height: 26px; padding: 2px 4px; border: 0; border-radius: 5px; background: #f2f5f8; color: #536279; text-align: center; font-size: 11px; line-height: 16px; font-weight: 600; white-space: nowrap; }
.recruiting-context-menu .recruiting-highlight-clear:disabled { color: #a1aab8; background: #f8f9fb; }