/* 공용 토글 스위치 (2026-07-15 신설, 첫 소비자: 정산설정 해지환수 스위치)
 * 기존 화면들의 .db-status-switch 등 개별 복붙 스위치와 동일한 시각 규격 — 신규 화면은 이 컴포넌트를 사용.
 *
 * 마크업:
 *   <label class="ord-switch">
 *     <input type="checkbox" name="...">
 *     <span class="ord-switch-slider"></span>
 *   </label>
 */
.ord-switch { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; }
.ord-switch input { opacity: 0; width: 0; height: 0; }
.ord-switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #d1d5db; transition: 0.2s; border-radius: 24px; }
.ord-switch-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: 0.2s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.ord-switch input:checked + .ord-switch-slider { background-color: #2563eb; }
.ord-switch input:checked + .ord-switch-slider:before { transform: translateX(20px); }
.ord-switch input:disabled + .ord-switch-slider { opacity: 0.45; cursor: not-allowed; }