/* 업무 시간 기록기 */
[data-app="work-log"]{ display:flex; flex-direction:column; gap:8px; }
[data-app="work-log"] .wl-c0{ --wc:#2563EB; } [data-app="work-log"] .wl-c1{ --wc:#15803D; } [data-app="work-log"] .wl-c2{ --wc:#B45309; }
[data-app="work-log"] .wl-c3{ --wc:#7C3AED; } [data-app="work-log"] .wl-c4{ --wc:#BE185D; } [data-app="work-log"] .wl-c5{ --wc:#0E7490; }
[data-app="work-log"] .wl-c6{ --wc:#4D7C0F; } [data-app="work-log"] .wl-c7{ --wc:#B91C1C; } [data-app="work-log"] .wl-c8{ --wc:#4B5563; }
[data-app="work-log"] .wl-c9{ --wc:#0F766E; } [data-app="work-log"] .wl-c10{ --wc:#9333EA; } [data-app="work-log"] .wl-c11{ --wc:#A16207; }
[data-app="work-log"] .wl-sw{ display:inline-block; flex:none; width:10px; height:10px; border-radius:50%; background:var(--wc, #C3C8D0); vertical-align:-1px; }

/* 지금 하는 일 */
[data-app="work-log"] .wl-now{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-radius:12px; background:#F3F4F6; }
[data-app="work-log"].wl-on .wl-now{ background:#EEF4FF; }
[data-app="work-log"] .wl-nowl{ min-width:0; }
[data-app="work-log"] .wl-cur{ position:relative; margin:0; padding-left:16px; font-size:13.5px; line-height:1.4; overflow-wrap:anywhere; }
[data-app="work-log"] .wl-cur .wl-sw{ position:absolute; left:0; top:4px; }
[data-app="work-log"] .wl-curn{ font-weight:800; }
[data-app="work-log"] .wl-since{ margin-left:2px; color:#6B717B; font-size:12.5px; white-space:nowrap; }
[data-app="work-log"] .wl-time{ font-size:36px; font-weight:900; line-height:1.1; letter-spacing:.01em; font-variant-numeric:tabular-nums; color:#9AA1AC; }
[data-app="work-log"].wl-on .wl-time{ color:#1A1A1A; }
[data-app="work-log"] .wl-stop{ flex:none; }
[data-app="work-log"] .wl-state{ margin:0; min-height:1.4em; font-size:12.5px; color:#4B5059; }
/* 깜빡 켜 둔 기록(10시간 넘게) 고치기 */
[data-app="work-log"] .wl-fix{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:6px 8px; margin:0; padding:8px 10px; border-radius:10px; background:#FFF1F0; border:1px solid #F4B4AE; }
[data-app="work-log"] .wl-fixl{ display:flex; flex-direction:column; gap:3px; flex:1 1 230px; min-width:0; }
[data-app="work-log"] .wl-fixin{ min-width:0; min-height:40px; font-size:16px; }
[data-app="work-log"] .wl-fixok{ flex:1 1 auto; }
[data-app="work-log"] .wl-sample{ margin:0; padding:7px 10px; border-radius:10px; background:#FFF7E0; color:#6B5300; font-size:12.5px; line-height:1.5; }

/* 업무 버튼 */
[data-app="work-log"] .wl-tasks{ display:grid; grid-template-columns:repeat(auto-fill, minmax(118px, 1fr)); gap:6px; }
[data-app="work-log"] .wl-task{ display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px; min-width:0; min-height:54px; padding:6px 10px;
  border:1.5px solid #D9DCE1; border-radius:12px; background:#fff; color:#1A1A1A; text-align:left; cursor:pointer; }
[data-app="work-log"] .wl-task:hover{ border-color:var(--wc, #B9BEC7); }
[data-app="work-log"] .wl-tn{ display:flex; align-items:flex-start; gap:6px; max-width:100%; font-size:14.5px; font-weight:800; line-height:1.3; }
[data-app="work-log"] .wl-tn .wl-sw{ margin-top:4px; }
[data-app="work-log"] .wl-tn span{ min-width:0; overflow-wrap:anywhere; }
[data-app="work-log"] .wl-tt{ font-size:12px; font-weight:600; color:#6B717B; font-variant-numeric:tabular-nums; }
[data-app="work-log"] .wl-task.on{ background:var(--wc); border-color:var(--wc); color:#fff; }
[data-app="work-log"] .wl-task.on .wl-tt{ color:rgba(255,255,255,.9); }
[data-app="work-log"] .wl-task.on .wl-sw{ background:#fff; }
[data-app="work-log"] .wl-plus{ align-items:center; border-style:dashed; color:#4B5059; font-size:14px; font-weight:700; }
[data-app="work-log"] .wl-addrow .ndt-in{ flex:1 1 150px; min-width:0; }

/* 오늘 · 이번 주 */
[data-app="work-log"] .wl-sec{ border-top:1px solid #EBEDF0; padding-top:8px; }
[data-app="work-log"] .wl-h{ display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; margin:0 0 6px; font-size:13.5px; }
[data-app="work-log"] .wl-h b{ font-weight:800; }
[data-app="work-log"] .wl-tdate, [data-app="work-log"] .wl-wrange{ color:#6B717B; font-size:12.5px; }
[data-app="work-log"] .wl-ttot{ margin-left:auto; font-weight:800; font-variant-numeric:tabular-nums; }
[data-app="work-log"] .wl-stack{ display:flex; height:12px; border-radius:6px; overflow:hidden; background:#EEF0F3; }
[data-app="work-log"] .wl-stack i{ display:block; height:100%; background:var(--wc); }
[data-app="work-log"] .wl-stack i + i{ border-left:1px solid #fff; }
[data-app="work-log"] .wl-stack span{ padding:0 8px; font-size:10.5px; line-height:12px; color:#8A8F98; }
[data-app="work-log"] .wl-wnav{ display:flex; gap:4px; margin-left:auto; }
[data-app="work-log"] .wl-wnav .ndt-btn{ min-width:36px; }
[data-app="work-log"] .wl-wkwrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
[data-app="work-log"] .wl-wk{ width:100%; border-collapse:separate; border-spacing:0; font-size:12.5px; font-variant-numeric:tabular-nums; }
[data-app="work-log"] .wl-wk th, [data-app="work-log"] .wl-wk td{ padding:5px 3px; text-align:right; white-space:nowrap; border-bottom:1px solid #EEF0F3; }
[data-app="work-log"] .wl-wk thead th{ font-weight:800; color:#4B5059; line-height:1.2; vertical-align:bottom; }
[data-app="work-log"] .wl-wk thead small{ display:block; font-size:10.5px; font-weight:600; color:#8A8F98; }
[data-app="work-log"] .wl-wk th:first-child{ text-align:left; padding-left:0; }
[data-app="work-log"] .wl-wk tbody th{ font-weight:700; white-space:normal; }
[data-app="work-log"] .wl-rname{ display:flex; align-items:flex-start; gap:5px; min-width:0; max-width:96px; line-height:1.3; }
[data-app="work-log"] .wl-rname .wl-sw{ margin-top:3px; }
[data-app="work-log"] .wl-rname span{ min-width:0; overflow-wrap:anywhere; }
/* 표가 넓어 옆으로 밀어도 업무 이름·합계 칸은 제자리 */
[data-app="work-log"] .wl-wk tbody th, [data-app="work-log"] .wl-wk thead th:first-child, [data-app="work-log"] .wl-wk tfoot th{ position:sticky; left:0; z-index:1; background:#fff; }
[data-app="work-log"] .wl-wk .sum{ position:sticky; right:0; z-index:1; background:#fff; }
[data-app="work-log"] .wl-wk .td{ background:#EEF4FF; }
[data-app="work-log"] .wl-wk .sum{ font-weight:800; padding-left:6px; }
[data-app="work-log"] .wl-wk tfoot th, [data-app="work-log"] .wl-wk tfoot td{ border-bottom:0; border-top:1.5px solid #D9DCE1; font-weight:800; }
[data-app="work-log"] .wl-wk .z{ color:#C3C8D0; }
[data-app="work-log"] .wl-empty{ margin:4px 0; color:#6B717B; font-size:12.5px; }
[data-app="work-log"] .wl-wnote{ margin:4px 0 6px; }

/* 오늘 기록 · 업무 버튼 고치기 */
[data-app="work-log"] details summary{ cursor:pointer; min-height:36px; display:flex; align-items:center; gap:6px; font-size:13.5px; font-weight:800; color:#33373D; list-style:none; }
[data-app="work-log"] details summary::-webkit-details-marker{ display:none; }
/* 펼치는 곳인 줄 보이게 화살표(10/2 — 접힌 「업무 버튼 고치기」가 그냥 제목처럼 보였음) · 화면 읽기 프로그램은 화살표를 읽지 않음 */
[data-app="work-log"] details summary::before{ content:'▸'; content:'▸' / ''; display:inline-block; width:12px; color:#8A8F98; transition:transform .15s; }
[data-app="work-log"] details[open] > summary::before{ transform:rotate(90deg); }
[data-app="work-log"] .wl-rn{ font-weight:600; color:#6B717B; }
[data-app="work-log"] .wl-rlist, [data-app="work-log"] .wl-elist{ list-style:none; margin:4px 0 8px; padding:0; display:flex; flex-direction:column; gap:4px; }
[data-app="work-log"] .wl-rlist li{ display:grid; grid-template-columns:82px minmax(0,1fr) auto auto; align-items:center; gap:6px; font-size:13px; }
[data-app="work-log"] .wl-rlist li.wl-empty{ display:block; }
[data-app="work-log"] .wl-rt{ font-variant-numeric:tabular-nums; color:#4B5059; }
[data-app="work-log"] .wl-rx{ display:flex; align-items:center; gap:5px; min-width:0; font-weight:700; overflow-wrap:anywhere; }
[data-app="work-log"] .wl-rm{ color:#6B717B; font-size:12.5px; text-align:right; }
[data-app="work-log"] .wl-elist li{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:6px; }
[data-app="work-log"] .wl-foot{ margin:0; }
/* 두 번 눌러 확인(NDT.confirm2): 공통 런타임이 누르기 전 폭으로 단추를 묶어 ✕(32px)에서 「지울까요?」가 「울까요」로 잘림(10/2 시험)
   → 이 도구에서는 확인 문구 길이만큼 넓힘(최대 11em, 넘으면 두 줄) · 혼자 있는 「예시로 되돌리기」는 줄 폭까지 */
[data-app="work-log"] .ndt-btn.ndt-arm{ width:auto !important; max-width:min(100%, 11em); }
[data-app="work-log"] .wl-sample-btn.ndt-arm{ max-width:100%; }
@media (max-width:400px){
  [data-app="work-log"] .wl-time{ font-size:30px; }
  [data-app="work-log"] .wl-rlist li{ grid-template-columns:82px minmax(0,1fr) auto; }
  [data-app="work-log"] .wl-wk{ font-size:11.5px; }
  [data-app="work-log"] .wl-wk th, [data-app="work-log"] .wl-wk td{ padding:5px 2px; }
  [data-app="work-log"] .wl-wk .sum{ padding-left:5px; }
  [data-app="work-log"] .wl-wk thead small{ font-size:9.5px; }
  [data-app="work-log"] .wl-rname{ max-width:66px; }
  [data-app="work-log"] .wl-rlist .wl-rm{ grid-column:2; grid-row:2; text-align:left; }
  [data-app="work-log"] .wl-rlist .wl-rdel{ grid-column:3; grid-row:1 / span 2; }
}