/*
 * agencyPicker.css — the single stylesheet for the Agency picker in BOTH layouts.
 *
 * Replaces three separate copies of these rules that previously lived inline:
 *   forms/agencyMultiSelect.inc.php  (.snnd-ms-* )
 *   exportInvoices.php               (.exp-ms-*  )
 *   userRegistrationForm.php         (inline styles on #agencySuggest / .agency-opt)
 *
 * Layout is chosen by the mode class on the root element:
 *   .snnd-agency-picker.is-multi   → closed control + dropdown checklist
 *   .snnd-agency-picker.is-single  → text input + suggestion list
 */

.snnd-agency-picker { position: relative; display: inline-block; min-width: 260px; }
.snnd-agency-picker.is-single { min-width: 0; }

/* ── Closed control (multi only) ─────────────────────────────────────────── */
.snnd-agency-control {
    font-size: 13px; min-width: 260px; cursor: pointer; padding: 5px 10px;
    display: flex; justify-content: space-between; align-items: center; gap: 10px;
}
.snnd-agency-control:focus { outline: 2px solid rgba(84, 145, 190, 0.4); }
.snnd-agency-summary { color: #888; }
.snnd-agency-summary.has-selection { color: #113157; }
.snnd-agency-caret { color: #5491BE; }

/* ── Dropdown panel, shared by both modes ────────────────────────────────── */
.snnd-agency-panel {
    display: none; position: absolute; z-index: 60; left: 0; top: 100%; margin-top: 3px;
    width: 320px; max-width: 90vw; background: #fff; border: 1px solid #c8d4e0;
    border-radius: 6px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    font-family: Raleway, sans-serif; font-size: 13px; text-align: left;
}
.snnd-agency-picker.is-single .snnd-agency-panel {
    width: auto; min-width: 260px; border: 1px solid #a5b7d6; border-top: none;
    border-radius: 0 0 6px 6px; margin-top: 0; box-shadow: 0 6px 16px rgba(17, 49, 87, 0.15);
}
.snnd-agency-searchwrap { padding: 8px; border-bottom: 1px solid #eef2f7; }
.snnd-agency-searchbox  { width: 100%; box-sizing: border-box; font-size: 13px; }
.snnd-agency-actions {
    display: flex; justify-content: space-between; padding: 6px 10px;
    border-bottom: 1px solid #eef2f7;
}
.snnd-agency-actions .user-role-filter-btn { font-size: 11px; }
.snnd-agency-list { max-height: 230px; overflow-y: auto; padding: 4px 0; }
.snnd-agency-picker.is-single .snnd-agency-list { max-height: 220px; padding: 0; }

/* ── Options ─────────────────────────────────────────────────────────────── */
.snnd-agency-item {
    display: flex; align-items: center; gap: 8px; padding: 5px 12px;
    font-size: 13px; cursor: pointer;
}
.snnd-agency-item:hover,
.snnd-agency-item.is-active { background: #eef4fb; }

.snnd-agency-opt {
    padding: 8px 12px; cursor: pointer; border-top: 1px solid #eef2f7; color: #2c3e50;
}
.snnd-agency-opt:hover,
.snnd-agency-opt.is-active { background: #e8f0fb; }

.snnd-agency-nomatch { display: none; padding: 8px 12px; color: #888; font-size: 12px; }