/* ============================================================
   pickers.css — shared searchable patient picker (S110). Typeahead
   dropdown under a search input. Tokens only.
   ============================================================ */

.cc-picker { position: relative; }

.cc-picker-results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 50;
    margin-top: 2px;
    max-height: 260px;
    overflow-y: auto;
    background: var(--cc-card-bg);
    border: 1px solid var(--cc-border);
    border-radius: var(--cc-card-radius);
    box-shadow: var(--cc-shadow-lg);
}

.cc-picker-results.cc-picker-open { display: block; }

.cc-picker-result {
    display: flex;
    align-items: baseline;
    gap: var(--cc-space-2);
    width: 100%;
    text-align: left;
    padding: var(--cc-space-2) var(--cc-space-3);
    background: none;
    border: none;
    border-bottom: 1px solid var(--cc-border-subtle);
    cursor: pointer;
}

.cc-picker-result:hover { background: var(--cc-surface-subtle); }

.cc-picker-name { font-size: var(--cc-text-sm); color: var(--cc-text-primary); font-weight: 500; }
.cc-picker-meta { font-size: var(--cc-text-xs); color: var(--cc-text-muted); }
.cc-picker-empty { padding: var(--cc-space-3); font-size: var(--cc-text-sm); color: var(--cc-text-muted); }