/* 실적리스트 검색바 옵션 3종 배치 (2026-08-20 — 뷰 인라인 <style> 에서 이관, 개발 규칙 1)
 *
 * 대상: .ol-search-bar-row 안의
 *   #ol-stats-btn    통계보기      (보기 옵션)
 *   #ol-group-switch 실적/고객단위 (보기 옵션)
 *   #ol-dec-switch   복호화검색    (검색 옵션 — 성격이 달라 PC 에서 행 맨 오른쪽에 별도 배치)
 *
 * PC 배치는 뷰의 인라인 margin(#ol-dec-switch = margin-left:auto)이 담당하고,
 * 이 파일은 «모바일에서의 재배치» 만 책임진다.
 */

/* 모바일 — 옵션 3종을 검색바 «위» 한 줄로 (행 wrap + order 역전).
 *   [복호화검색] ······ [통계보기] [실적]
 * ⚠PC 의 margin-left:auto(복호화검색 우측 끝)를 그대로 두면 모바일에서 셋이 오른쪽에 뭉친다
 *   → margin-right:auto 로 뒤집어 «왼쪽 고정 + 나머지 오른쪽» 으로 만든다. */
@media (max-width: 768px) {
  .ol-search-bar-row { flex-wrap: wrap; }
  .ol-search-bar-row #ol-dec-switch {
    order: -3;
    margin-left: 0 !important;
    margin-right: auto;
    margin-bottom: 8px;
  }
  .ol-search-bar-row #ol-stats-btn {
    order: -2;
    justify-content: flex-end;
    margin-left: 0 !important;
    margin-bottom: 8px;
  }
  .ol-search-bar-row #ol-group-switch {
    order: -1;
    margin-left: 12px !important;
    margin-bottom: 8px;
  }
}

/* 좁은 화면 — 한 줄에 셋이 안 들어간다 → 복호화검색은 윗줄 단독, 보기 옵션 2종은 아랫줄 우측에.
 * (구 규칙은 통계보기·실적을 각각 width:100% 로 떨어뜨려 3줄을 썼다 — 2줄로 줄인다) */
@media (max-width: 430px) {
  .ol-search-bar-row #ol-dec-switch {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 6px;
  }
  .ol-search-bar-row #ol-stats-btn { margin-left: auto !important; }
}