/* Personal bookmarks are distinct from Ctrl/Shift bulk selection. */
.realization-highlight-marker {
  appearance: none; display: inline-flex; align-items: center; justify-content: center;
  vertical-align: middle; width: 24px; height: 25px; min-width: 24px; padding: 3px;
  margin: 0 4px 0 0; border: 1px solid transparent; border-radius: 6px;
  background: transparent; color: var(--muted, #94a3b8); cursor: pointer;
  transition: color 140ms ease, background-color 140ms ease, transform 140ms ease;
}
.realization-highlight-marker svg { width: 16px; height: 16px; overflow: visible; }
.realization-highlight-marker svg path { fill: transparent; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
.realization-highlight-marker:hover { color: #fbbf24; background: rgba(251, 191, 36, .12); transform: translateY(-1px); }
.realization-highlight-marker.is-marked { color: #fbbf24; background: rgba(251, 191, 36, .15); }
.realization-highlight-marker.is-marked svg path { fill: currentColor; }
.realization-highlight-marker:focus-visible, .realization-highlights-clear:focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }
.realization-highlight-marker:disabled { cursor: default; opacity: .45; }
tr.realization-user-highlight > td:not(.rw-outgoing),
td.rw-outgoing.realization-parent-highlight { background-image: linear-gradient(rgba(251, 191, 36, .095), rgba(251, 191, 36, .095)) !important; }
tr.realization-user-highlight > td:first-child:not(.rw-outgoing),
td.rw-outgoing.realization-parent-highlight:first-child { box-shadow: inset 3px 0 0 #fbbf24; }
.realization-highlights-toolbar { display: inline-flex; align-items: center; gap: 10px; min-height: 29px; font-size: 11px; color: var(--muted, #94a3b8); }
.realization-highlights-toolbar[hidden] { display: none !important; }
#realizationHighlightsFallback { display: flex; justify-content: flex-end; margin: 0 0 5px; }
.realization-highlights-count { font-variant-numeric: tabular-nums; white-space: nowrap; }
.realization-highlights-clear { appearance: none; border: 0; padding: 4px 6px; border-radius: 5px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.realization-highlights-clear:hover:enabled { color: #fbbf24; background: rgba(251, 191, 36, .10); }
.realization-highlights-clear:disabled { opacity: .5; cursor: default; }
@media (prefers-reduced-motion: reduce) { .realization-highlight-marker { transition: none; } }