/* 공통 입력 부품 — 기간 드롭다운(사용자 요청 2026-10-28: 기간 알약 단추 → 드롭다운)
   맥 팝업 단추 모양: 흰 바탕 · 얇은 그림자 테두리 · 오른쪽 꺾쇠. 값은 ui-tokens.css 에서만.
   쓰는 곳: 계좌 입출금 내역 · 입금 매칭 창 · 세금계산서 매칭 창 · 서비스별 매출 · 콜드메일 성과 */
html select.ui-period-select{
  height:38px; min-width:132px; padding:0 30px 0 12px; border:0 !important; border-radius:var(--ui-radius-control) !important;
  background-color:var(--ui-surface) !important; box-shadow:var(--ui-elev-field) !important; color:var(--ui-text-1) !important;
  font-family:var(--ui-font); font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important;
  appearance:none; -webkit-appearance:none; cursor:pointer;
  background-image:linear-gradient(45deg, transparent 50%, var(--ui-text-2) 50%), linear-gradient(135deg, var(--ui-text-2) 50%, transparent 50%) !important;
  background-position:right 15px top 50%, right 11px top 50% !important; background-size:4px 4px !important; background-repeat:no-repeat !important;
}
html select.ui-period-select.is-sm{ height:30px; min-width:108px; font-size:var(--ui-text-footnote) !important }
html select.ui-period-select:focus{ outline:none; box-shadow:var(--ui-focus-ring) !important }