/*
 * 목록 필터 탭(pill) — 운영중/만료, 활성/비활성 등 상태 구분 칩.
 * fee-period-tabs Stimulus 컨트롤러와 함께 사용 (.fpt-tab / .fpt-badge).
 * ⚠ 정산 계열 일부 뷰(_fee_periods_list, _fee_policies_list, contract_v2/templates/_list)에는
 *   동일 스타일이 인라인 <style>로 선재 — 값 변경 시 함께 맞출 것.
 */
.fpt-tab { padding: 7px 13px; background: #fff; color: #64748b; border: 1px solid #cbd5e1; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: all .12s; }
.fpt-tab:hover { border-color: #94a3b8; }
.fpt-tab.active { background: #2563eb; color: #fff; border-color: #2563eb; }
.fpt-badge { display: inline-flex; min-width: 18px; height: 18px; padding: 0 5px; align-items: center; justify-content: center; border-radius: 999px; font-size: 11px; font-weight: 700; background: #eef2ff; color: #4338ca; }
.fpt-tab.active .fpt-badge { background: rgba(255,255,255,0.25); color: #fff; }
/* 목록 검색 필터 — 탭의 display 토글보다 우선해 숨김 유지 (member-list-search 등) */
.fpt-search-hidden { display: none !important; }