/* 공용 체크박스(db-checkbox) 시각 정본 — shared/_db_checkbox.html.erb 전용.
   native <input type=checkbox> 는 시각적으로 숨기고, 인접 <label>(체크마크 SVG)로 표시.
   체크됨=남색(#1e40af) / 해제=회색(#d1d5db). door-butler-web_v1 셀 토글 룩 계승.
   ⚠️ input + label 은 반드시 인접 형제여야 함(:checked + .db-checkbox-mark 셀렉터). */
.db-checkbox {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.db-checkbox-mark {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: #d1d5db;
  flex-shrink: 0;
}
.db-checkbox:checked + .db-checkbox-mark {
  color: #1e40af;
}