/*
 * 웹·모바일 공용 컴포넌트 스타일
 * 웹 web/head.jsp, 모바일 m/include.jsp 가 CSS 목록 맨 끝에서 싣는다.
 * 두 화면 이상의 JSP <style> 에 똑같이 복사돼 있던 규칙을 모았다(docs/CLEAN_CSS.md Phase 3).
 * 여기 있는 클래스·ID 는 이 파일을 쓰던 화면에만 있다. 이름이 겹치는 요소를 새로 만들면 이 규칙이 같이 걸린다.
 */

/* ===== 근로자 사진 (web/worker/workerList.jsp, m/worker/workerInfo.jsp, m/worker/workerFormModal.jsp) ===== */
.worker-photo-avatar {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #f1f3f5;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.worker-photo-avatar img { width: 100%; height: 100%; object-fit: cover; }
.worker-photo-placeholder { color: #adb5bd; font-size: 64px; line-height: 1; }
.worker-photo-upload-bar {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.55);
    color: var(--color-white); text-align: center;
    font-size: 12px; padding: 5px 0;
    cursor: pointer; user-select: none;
}
.worker-photo-upload-bar:hover { background: rgba(0, 0, 0, 0.7); }

/* ===== 작업허가서 협력업체 서명 (web/permit/permitForm.jsp, m/permit/permitForm*.jsp) ===== */
.ptnr-sign-container {
    position: relative;
}

/* ===== 작업허가서 조치 첨부 썸네일 (web/permit/popPermitAct.jsp, m/permit/permitActForm.jsp) ===== */
#gridActAttach img {
    height: 30px;
    width: 55px;
}

/* ===== 점검 결과 체크박스 — 양호/해당없음/불량 (web/const-equip/check.jsp, m/const-equip/const-equip-check.jsp,
   m/mainmanage/mainCheckForm.jsp, m/submanage/subCheckForm.jsp, m/permit/popPermitActItem.jsp) ===== */
.chk-rslt-checkbox {
    -webkit-appearance: none;
    appearance: none;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--gray-aaa);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin: 0;
    transition: none;
}
.chk-rslt-checkbox:checked {
    border-color: transparent;
}
.chk-rslt-checkbox:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-white);
    font-size: 14px;
    font-weight: bold;
}
.chk-rslt-checkbox.chk-good:checked { background-color: var(--color-status-good); }
.chk-rslt-checkbox.chk-na:checked { background-color: var(--color-status-na); }
.chk-rslt-checkbox.chk-bad:checked { background-color: var(--color-status-bad); }