/* Pulse employee picker (static/js/pulse_employee_picker.js): the one
   stylesheet for the "Find in Pulse" combobox on /admin/staff-pins and the
   "who sold this pass" picker in Today's Members. Page layout (margins,
   labels, where the picker sits) stays with each page. */
.pulse-combo { position: relative; }
/* Zero-specificity default so a page's own input rule (e.g. .pin-panel input)
   still wins; 1rem keeps iOS from zooming the page on focus. */
:where(.pulse-combo) input { width: 100%; box-sizing: border-box; padding: 8px 10px; border-radius: 8px; border: 1px solid #d8dee7; font-size: 1rem; }
.pulse-options { list-style: none; margin: 4px 0 0; padding: 4px; position: absolute; z-index: 5; left: 0; right: 0; max-height: 220px; overflow-y: auto; background: #fff; border: 1px solid #d8dee7; border-radius: 8px; box-shadow: 0 8px 24px rgba(20,30,50,0.12); }
.pulse-options[hidden] { display: none; }
.pulse-option { overflow-wrap: anywhere; padding: 7px 9px; border-radius: 6px; cursor: pointer; font-size: 0.85rem; }
.pulse-option:hover, .pulse-option.active { background: #eef2f8; }
.pulse-option.active { outline: 2px solid var(--accent, #2563eb); outline-offset: -2px; }
.pulse-option-meta { color: #97a1ae; font-size: 0.72rem; display: block; margin-top: 2px; }
.pulse-option-flag { display: inline-block; font-size: 0.72rem; padding: 2px 7px; border-radius: 999px; background: #fdecea; color: #b03a2e; margin-top: 2px; }
.pulse-option-empty { padding: 7px 9px; color: #97a1ae; font-size: 0.82rem; }
/* Pulse unavailable: the combo goes, the note explaining why stays. */
.pulse-unconfigured .pulse-combo { display: none; }