/* 실적리스트·DB리스트 모바일(≤768px) 상태바 (2026-09-30)
 *   DB리스트 = #dbl-ps-bar(.dbl-ps-bar, JS 렌더 — _dblUpdatePsBar 가 짧은 이름·선택 칩 가운데 이동)
 *   원천DB = .fdb-st-row(밴드 = 줄 래퍼, 스크롤 = #fdb-status-bar, ? 안내 버튼은 오른쪽 고정)
 *   사은품관리 = .gm-st-bar(서버 렌더 — 선택 칩 가운데 = hscroll-center 컨트롤러, 계열 라벨 지급·회수는 줄 안에 그대로)
 *
 * ① 표준 진행상태 바(.ol-ps-bar-standard) = 한 줄 좌우 스와이프 밴드. 칩은 줄바꿈 없이 옆으로 이어지고,
 *    밴드는 본문 좌우 여백(--ord-page-gutter)만큼 화면 끝까지 넓힌다. 이름은 끝의 «상태» 를 뗀 짧은 이름
 *    (.ol-lbl-short — 파셜이 긴/짧은 이름을 함께 렌더). 선택 칩을 가운데로 = _olRefreshStdActiveStyle.
 *    «진행상태 기준» 바(.ol-ps-bar-own)도 같은 밴드(아래 ④).
 * ② 소통 위젯(.ol-inquiry-counts 요청·답변·종결) = 3칸 균등 버튼.
 * ③ 목록 위 도구 줄(.ol-toolbar 실적 · .dbl-toolbar DB) = 우측 정렬. [실적등록](.ol-reg-btn) = 우측 하단 떠 있는 버튼 —
 *    하단 탭바(--shm-tab-h) 위에 뜬다. 구버전 앱(네이티브 바)·가상 키보드 중 규칙은 셸(_shell_m.css)과 같은 조건.
 * 칩 모양은 파셜 인라인 style 이라 여기서는 !important 로 덮는다. PC 는 변화 없음.
 */
.ol-lbl-short { display: none; }

@media (max-width: 768px) {
  .ol-lbl-long { display: none; }
  .ol-lbl-short { display: inline; }

  .ol-ps-bar-standard,
  .dbl-ps-bar,
  .gm-st-bar {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px !important;
    margin: 0 calc(-1 * var(--ord-page-gutter, 12px)) 12px !important;
    padding: 10px var(--ord-page-gutter, 12px);
    background: var(--ord-band);
    border-top: 1px solid var(--ord-line);
    border-bottom: 1px solid var(--ord-line);
  }
  .ol-ps-bar-standard::-webkit-scrollbar,
  .dbl-ps-bar::-webkit-scrollbar,
  .gm-st-bar::-webkit-scrollbar { display: none; }
  .ol-ps-bar-standard > button,
  .dbl-ps-bar > button,
  .gm-st-bar > button {
    flex-shrink: 0;
    padding: 7px 13px !important;
    font-size: 13px !important;
  }
  .gm-st-bar > .gm-st-group { flex-shrink: 0; }

  /* ④ «진행상태 기준» 바(.ol-ps-bar-own, 공통사항설정 2026-10-02) — 대분류 선택 바(.ol-ps-bar)는 모바일에서
   *    숨기지만(검색결과 파셜), 이 바는 특수상태 바를 대신하므로 같은 한 줄 스와이프 밴드로 보인다. 그룹은 1개라 첫 줄만. */
  .ol-ps-bar.ol-ps-bar-own {
    display: block !important;
    margin: 0 calc(-1 * var(--ord-page-gutter, 12px)) 12px !important;
    padding: 10px var(--ord-page-gutter, 12px);
    background: var(--ord-band);
    border-top: 1px solid var(--ord-line);
    border-bottom: 1px solid var(--ord-line);
  }
  .ol-ps-bar-own > div {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px !important;
  }
  .ol-ps-bar-own > div::-webkit-scrollbar { display: none; }
  .ol-ps-bar-own > div > button {
    flex-shrink: 0;
    padding: 7px 13px !important;
    font-size: 13px !important;
  }

  .ol-inquiry-counts {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px !important;
  }
  .ol-inquiry-counts > button {
    justify-content: center;
    padding: 9px 8px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
  }

  .ol-toolbar,
  .dbl-toolbar,
  .fdb-toolbar { justify-content: flex-end; }

  /* 원천DB 상태바 — 줄 래퍼가 밴드, 칩 줄만 가로 스크롤 */
  .fdb-st-row {
    flex-wrap: nowrap !important;
    margin: 0 calc(-1 * var(--ord-page-gutter, 12px)) 12px !important;
    padding: 10px var(--ord-page-gutter, 12px);
    background: var(--ord-band);
    border-top: 1px solid var(--ord-line);
    border-bottom: 1px solid var(--ord-line);
  }
  .fdb-st-row > button { flex-shrink: 0; }
  .fdb-st-bar {
    flex: 1; min-width: 0;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
  }
  .fdb-st-bar::-webkit-scrollbar { display: none; }
  .fdb-st-bar > button { flex-shrink: 0; padding: 7px 13px !important; font-size: 13px !important; }

  .ol-reg-btn {
    position: fixed;
    right: 16px;
    bottom: calc(var(--shm-tab-h, 62px) + var(--shm-safe-b, 0px) + 16px);
    z-index: 54;                                   /* 본문 위 · 탭바(55)·오버레이(60)·모달 아래 */
    padding: 13px 20px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    gap: 6px !important;
    /* 떠 있는 버튼은 화면마다 같은 모양(9/30 — 원천DB [배정]도 실적 [실적등록]과 동일): 차콜 pill */
    background: var(--ord-head-bg) !important;
    color: var(--ord-on-solid) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(62, 97, 135, .35);
  }
  .ol-reg-btn svg { width: 16px; height: 16px; }
  html.ordars-app:not(.web-tabbar) .ol-reg-btn { bottom: 16px; }   /* 구버전 앱 — 네이티브 바가 웹뷰 밖 */
  body.m-kbd .ol-reg-btn { display: none !important; }              /* 가상 키보드 중 */
  body:has(.ol-reg-btn) .ol-card-view,
  body:has(.ol-reg-btn) .fdb-card-view,
  body:has(.ol-reg-btn) .adc-card-view,
  body:has(.ol-reg-btn) .lp-card-view,
  body:has(.ol-reg-btn) .pcg-card-view { margin-bottom: 72px; }      /* 맨 끝 카드가 떠 있는 버튼에 가리지 않게 */
}