/* =====================================================================
 * v1.11.4 a 화면 다듬기 (sup-app-ui, KH 11-03 실제 사용 지적) — index.html CSS 맨 끝 (nw-grid.css 다음)
 *   색·간격은 테마 토큰(--line·--line2·--text3·--gx)만 — 테마 4종 × 라이트·다크 그대로 따라감
 *   pcview.js 가 나중에 붙이는 <style> 보다 세게 #app 을 앞에 붙임
 * ===================================================================== */

/* ① 찾기 칸 (KH: 확대·태블릿에서 내 할일 '메모 찾기' 칸이 너무 큼) — 수평전개: 같은 찾기 칸 모두 같은 규칙
 *   폰은 그대로(화면 폭 전체) · 태블릿·PC 는 폭 상한 440px (예전: 내 업무 PC 1600px·태블릿 650~990px 로 화면 끝까지)
 *   대상: 내 업무·회의록(.v1find) · 이슈 대장(.srch) · 인사기록카드(.hrq) · 품목·탭 권한 등 type=search · 공구(.tl-find) · 개인정보 동의(data-pvc)
 *   높이: PC(마우스) 40px · 태블릿은 손가락 44px 그대로 */
#app:not(.phone) .v1find{max-width:440px}
#app:not(.phone) .ct input[type=search]:not(.tpq),#app:not(.phone) .pane input[type=search]:not(.tpq),
#app:not(.phone) input.srch,#app:not(.phone) input.hrq,#app:not(.phone) input[data-pvc="q"]{max-width:440px}
#app:not(.phone) .tl-find{max-width:440px}
#app.pc .v1find .inp,#app.pc input.srch,#app.pc input.hrq,#app.pc .ct input[type=search],#app.pc .pane input[type=search],#app.pc .tl-find .inp{height:40px;min-height:40px}

/* ② 내 업무 PC 오른쪽 상세 (KH: 할 일을 누르면 오른쪽 진행 기록 칸이 위로 너무 치우침)
 *   - 세 칸(할 일 표 | 상세 | 메모)의 머리 줄을 한 줄에: 상세 제목 줄 = 왼쪽 '내 할 일' 머리와 같은 높이(44)·같은 위 여백(4)
 *     메모 머리도 [상세|메모] 전환 단추 뒤에서 24px 내려가 있던 것 → 4px
 *   - 붙어 따라올 때(스크롤) 맨 위에 딱 붙지 않게 12px 띄움 · 그만큼 높이 줄임
 *   - 상세 안 상태 칸(.tset): 카드 목록용 왼쪽 46px 들여쓰기·바탕색 없앰 → 제목·진행 기록과 같은 왼쪽 줄 */
#app .pcv3 > .pcvd,#app .pcv3 > .pcvm{top:12px;max-height:calc(100vh - 132px);max-height:calc(100dvh - 132px)}
#app .pcv3 > .pcvd .pchd{margin:4px 0 8px;min-height:44px;align-items:center}
#app .pcv3 > .pcvm > .pcpane + .sec{margin-top:4px;min-height:44px}
#app .pcv3 > .pcvd .tset{padding:12px 0 14px;background:none;border-top:1px solid var(--line2)}
#app .pcv3 > .pcvd .v1tlw{margin-top:4px;padding-top:4px;border-top:1px solid var(--line2)}
#app .pcv3 > .pcvd .v1tlw > .sec{margin-top:10px}
/* 태블릿(내 업무 할 일 카드 아래 펼침): 반 칸 폭이라 46px 들여쓰기가 진행 기록 칸을 좁힘 → 14px */
#app.tabp .v1card .tset,#app.tabl .v1card .tset{padding-left:14px}

/* ③ 진행 기록 날짜 한 줄 (KH: 태블릿에서 진행 기록 날짜가 잘림) — 수평전개: 진행 기록·이력 모든 탭
 *   예전: 날짜 칸 52px 고정 → '11.3 01:38'(업무지시·설비이상)·'2026-11-03'(인사 발령)이 두 줄로 꺾이거나 글자 키움(태블릿 글자 크기)에서 잘림
 *   지금: 날짜는 줄바꿈 없음 · 칸은 최소 52px(건의함 110px) ~ 글자 길이만큼 */
#app .tli{grid-template-columns:minmax(52px,max-content) minmax(0,1fr) auto}
#app .tli > b{white-space:nowrap}
#app .sugtl .tli{grid-template-columns:minmax(110px,max-content) minmax(0,1fr) auto}
#app .v1tli .h .tm{white-space:nowrap;width:auto}   /* 일정 시각 칸용 .tm{width:46px}(app.css) 이 진행 기록 날짜에도 걸려 '11.3 / 01:38' 로 꺾이고 글자를 키우면 잘렸음 */
#app .v1tli .h > b{white-space:nowrap}

/* ④ 출근현황 취합 › [보고 입력]·[보고 수정] — 화면을 옮기지 않고 취합 화면 안에서 여는 입력 칸의 머리 줄 (js/field.js fsEditBar) */
#app .fsedit{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 12px;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
#app .fsedit b{font-size:15px}
#app .fsedit .orange{margin-left:auto}