/* 업무공간 페이지(dashboard.html, codetables.html, user-management.html,
협력사 공유 화면 등)가 공유하는 레이아웃. workspace-nav.js가 그리는
2단계(그룹+하위항목) 사이드바 구조에 맞춰져 있다. */
.workspace-layout{display:flex;gap:32px;align-items:flex-start}
.workspace-sidebar{flex:0 0 190px;position:sticky;top:20px}
.workspace-sidebar>ul{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}
.workspace-panel{flex:1;min-width:0}
.workspace-nav-item{display:block;padding:12px 16px;font-size:14px;color:var(--text);border-top:1px solid var(--border);text-decoration:none}
.workspace-nav-item:first-child{border-top:0}
.workspace-nav-item:hover{background:var(--bg-soft)}
.workspace-nav-item.active{font-weight:700;color:var(--navy);background:var(--bg-soft);border-left:3px solid var(--navy)}
.workspace-nav-group{border-top:1px solid var(--border)}
.workspace-nav-group:first-child{border-top:0}
.workspace-nav-group-label{padding:10px 16px 4px;font-size:12px;font-weight:700;color:var(--text-light);letter-spacing:.02em}
.workspace-nav-children{list-style:none;margin:0;padding:0}
.workspace-nav-children .workspace-nav-item{padding-left:26px;border-top:0}
.table-scroll{overflow-x:auto}
/* 어촌계별/작업유형별 상세현황(12.3/12.4) — 행이 많아져도(30행+) 페이지 전체가
길어지지 않게 표 자체에 높이를 고정하고 내부에서만 세로 스크롤한다.
헤더는 sticky로 고정해서 스크롤해도 항상 열 이름이 보이게 한다. */
.table-scroll-tall{max-height:500px;overflow-y:auto}
.table-scroll-tall thead th{position:sticky;top:0;z-index:1}
/* "새 항목 추가" 줄의 입력칸/선택창을 옆 .btn 버튼(padding:13px 26px) 높이에 맞춘다 */
.code-add-input{padding:13px 12px;border:1px solid var(--border);border-radius:4px;font:inherit;font-size:13.5px;vertical-align:middle}
/* 900px는 사이트 헤더가 햄버거 메뉴로 바뀌는 기준과 동일 */
@media (max-width:900px){
.workspace-layout{flex-direction:column;gap:16px}
.workspace-sidebar{position:static;width:100%;flex-basis:auto}
.workspace-sidebar>ul{display:flex;overflow-x:auto}
.workspace-nav-item{border-top:0;border-right:1px solid var(--border);white-space:nowrap}
.workspace-nav-item:last-child{border-right:0}
.workspace-nav-item.active{border-left:0;border-bottom:3px solid var(--navy)}
/* 그룹 래퍼를 레이아웃에서 "투명하게" 만들어서, 그룹 라벨+하위 링크가
전부 같은 가로 스크롤 줄에 나란히 놓이게 한다(모바일에서는 들여쓰기 X). */
.workspace-nav-group{display:contents}
.workspace-nav-group-label{padding:12px 10px;font-size:12px;white-space:nowrap;border-right:1px solid var(--border);display:flex;align-items:center}
.workspace-nav-children{display:contents}
.workspace-nav-children .workspace-nav-item{padding-left:16px}
}
/* 업무일지 작성(worklog-entry.html) — 반복되는 작업/이슈 카드 */
.worklog-entry-card{border:1px solid var(--border);border-radius:6px;padding:14px 16px;margin:0 0 14px;background:var(--bg-soft)}
.worklog-entry-card-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.worklog-entry-card-header strong{font-size:13.5px}
.worklog-remove-btn{padding:6px 14px;font-size:12.5px}
/* 1행: 프로젝트/작업유형/작업일 — 프로젝트는 기존 2칸 레이아웃일 때의 폭(50%)을
그대로 유지하고(2fr), 작업유형/작업일이 나머지 절반을 나눠 쓴다(1fr씩).
2행: 수협/어촌계/작업건수/상태 — 4칸 균등폭, 한 줄에 배치. 진행현황은 제출자가
고르지 않고 항상 "제출"로 자동 지정되므로 이 폼에 입력 칸이 없다.
좁은 화면(모바일)에서는 둘 다 1칸으로 접는다. */
.worklog-entry-grid{display:grid;gap:10px 14px}
.worklog-entry-grid + .worklog-entry-grid{margin-top:10px}
.worklog-entry-grid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text-light)}
.worklog-entry-grid select,.worklog-entry-grid input,.worklog-entry-grid textarea{width:100%;box-sizing:border-box;font:inherit;font-size:13.5px;padding:9px 10px;border:1px solid var(--border);border-radius:4px;background:#fff}
.worklog-entry-row1{grid-template-columns:2fr 1fr 1fr}
.worklog-entry-row2{grid-template-columns:repeat(4,1fr)}
.worklog-entry-note{grid-column:1/-1}
@media (max-width:900px){
.worklog-entry-row1,.worklog-entry-row2{grid-template-columns:1fr}
}
/* 업무공간 표 제목행 색 구분 — 임직원이 보는 표는 남색, 협력사가 보는(또는
협력사 데이터를 보여주는) 표는 초록. .workspace-panel로 스코프해서 공개
페이지(recruit.html 등)의 .compare-table 기본 파란색엔 영향 없다.
- 기본값(남색): 프로젝트 현황/코드표 관리/사용자 및 권한 관리 등 임직원 전용 화면.
- .partner-submit-table(초록): 임직원 화면 안에 끼워진 "협력사 제출 현황" 미리보기 표.
- .partner-page(초록): 협력사 공유 그룹 화면(partner-*.html) 전체 — 표 전부가
협력사 본인 데이터라 페이지 단위로 초록 처리한다. */
.workspace-panel .compare-table thead th{background:#1d1a60}
.workspace-panel .partner-submit-table thead th,
.workspace-panel.partner-page .compare-table thead th{background:#339c5e}
/* 업무일지 원문 보기 모달 — "날짜별 작업내역" 표의 작업일을 클릭하면 뜬다
(dashboard-worklog.js). 원문은 마크다운 서식을 따로 렌더링하지 않고
고정폭 텍스트() 그대로 보여준다. */
.worklog-date-link{background:none;border:none;padding:0;color:var(--navy);text-decoration:underline;cursor:pointer;font:inherit}
.worklog-date-link:hover{color:var(--blue-band)}
.worklog-file-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}
.worklog-file-modal-box{background:#fff;border-radius:6px;max-width:720px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}
.worklog-file-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:700}
.worklog-file-modal-header button{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--text-light)}
.worklog-file-modal-body{margin:0;padding:18px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}