.assignment-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:12px 0; }
.assignment-toolbar select { padding:8px; max-width:240px; }
.assignment-marker { display:flex; width:34px; height:34px; border:2px solid white; border-radius:50%; align-items:center; justify-content:center; box-shadow:0 2px 5px #0008; cursor:pointer; }
.assignment-marker input { width:18px; height:18px; margin:0; cursor:pointer; accent-color:#111827; }
.assignment-marker:has(input:checked) { outline:3px solid #111827; outline-offset:2px; }
.assignment-missing { display:inline-flex; gap:8px; padding:8px 12px; margin:4px; border-radius:8px; color:white; cursor:pointer; }
.assignment-color { display:inline-block; width:14px; height:14px; border-radius:50%; flex-shrink:0; }
.assignment-legend-entry { display:inline-flex; align-items:center; gap:6px; }