/* =========================================================
   05-signature.css
   - 서명 캔버스/클리어 버튼
========================================================= */
.dw-sign-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 4px;
}

.dw-sign-header label{
  font-size: 13px;
  font-weight: 800;
  color: #111;
  margin: 0;
}

.dw-clear-btn{
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 700;
  color: #111;
  cursor: pointer;
}

.dw-clear-btn:active{
  transform: translateY(1px);
}

canvas.dw-sign{
  width: 100%;
  height: 180px;
  display: block;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background: #fff;
  touch-action: none;
}

/* 참여자/보호자 구분선 */
.dw-divider{
  height: 1px;
  background: #e6e6e6;
  margin: 8px 0 2px;
}

/* 이름/날짜 행과 서명 행 사이 간격 */
.dw-row + .dw-sign-header{
  margin-top: 10px;
}

/* PC에서 캔버스 클릭/드래그가 막히는 케이스 방지 */
canvas.dw-sign{
  pointer-events: auto !important;
  position: relative;
  z-index: 5;
  cursor: crosshair; /* PC에서 그릴 수 있다는 힌트 */
  user-select: none;
  -webkit-user-select: none;
}