/* =============================================================
   스크롤바 자리 고정 (사용자 개발규칙 2026-10-30)
   스크롤바가 생기거나 사라져도 화면이 좌우로 움직이지 않게, 스크롤바 자리를 늘 비워 둔다.
   - 페이지 전체: 홈 · 견적서처럼 긴 화면과 미션 · 계좌관리처럼 짧은 화면을 오갈 때 본문이 11px 씩 밀리던 것
   - 왼쪽 메뉴 목록 · 도움말 패널: 펼친 항목이 많아져 스크롤바가 생길 때 글자가 밀리지 않게
   창이 열려 뒤 화면 스크롤을 잠가도(overflow:hidden) 비워 둔 자리는 그대로 남는다.
   휴대폰 · 맥 트랙패드(겹쳐 뜨는 스크롤바)에서는 자리를 차지하지 않으므로 바뀌는 것이 없다.
   - 창(모달 · 시트 · 서랍) 안 스크롤 칸: 입력 칸을 펼치거나 줄이 늘어 창 안에 스크롤바가 생길 때 내용이 밀리지 않게.
     창 바깥 어둡게 칸이 통째로 스크롤되는 창도 같은 방식.
   손대지 않는 창(다른 작업 영역): 계약관리(계약 등록 · 문서 · 외주 상세 · 담당자 설정 · 해외 안내 · 변경 이력 · 빠른 계약),
     리뷰 오더, 콜드메일 미리보기, 영업 지식AI — 아래 '제외' 규칙으로 원래대로 둔다.
   되돌리기: index.tsx 의 이 파일 <link> 한 줄을 뺀다.
   ============================================================= */
html{ scrollbar-gutter:stable }
html #sidebar .sidebar-nav{ scrollbar-gutter:stable }
html #help-panel{ scrollbar-gutter:stable }

/* 창 안 스크롤 칸 */
html :is(.modal, .modal-overlay, .fixed.inset-0, [role="dialog"]) :is(.overflow-y-auto, .overflow-auto, .modal-content){ scrollbar-gutter:stable }
html :is(.modal, .modal-overlay, .fixed.inset-0):is(.overflow-y-auto, .overflow-auto){ scrollbar-gutter:stable }
/* 제외(다른 작업 영역) — 원래대로 */
html :is(#sales-modal, #sales-doc-modal, #sales-type-selector-modal, #qac-modal, #qac-picker-modal, #qac-contract-picker-modal, #outsourcing-detail-modal, #contract-manager-settings-modal, #overseas-match-guide-modal, #sales-change-history-drawer, #review-orders-root, [id^="review-order-"], #cb-mail-preview-modal, #kb-edit-overlay, #kb-full-overlay) :is(.overflow-y-auto, .overflow-auto, .modal-content){ scrollbar-gutter:auto }
html :is(#sales-modal, #sales-doc-modal, #sales-type-selector-modal, #qac-modal, #qac-picker-modal, #qac-contract-picker-modal, #outsourcing-detail-modal, #contract-manager-settings-modal, #overseas-match-guide-modal, #sales-change-history-drawer, [id^="review-order-"], #cb-mail-preview-modal, #kb-edit-overlay, #kb-full-overlay):is(.overflow-y-auto, .overflow-auto){ scrollbar-gutter:auto }