/* date_cell.css — 날짜 칸 달력 (링고 10-12 · date_cell.js · 새 파일)
   ⭐ 칸 오른쪽 끝 달력 그림 = 바탕 그림(칸 폭 안) · 곁에 달력 단추가 선 칸(`.day-pick`)은 그림 없음.
   ⭐ 달력 칸 큼직(40×34) — 버티컬 마우스. 일요일 빨강 · 토요일 파랑 · 오늘 테두리 · 고른 날 칠함 · 키보드 자리 점선. */
/* ⚠ 그림은 손을 얹거나 칸에 들어갔을 때만 — 늘 그리면 좁은 표 칸(태스크 시작일·완료일 112px)에서 날짜 끝이 잘렸다(캡처로 잡음).
   글자는 왼쪽 맞춤이라 그림이 나와도 날짜가 안 움직인다 · 누르는 자리(오른쪽 24px)는 늘 산다 */
input.day-cell:not(:disabled):not([readonly]):is(:hover, :focus, .dc-open) {
  padding-right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8c86' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14a2 2 0 012 2v12a2 2 0 01-2 2h-14a2 2 0 01-2 -2v-12a2 2 0 012 -2z M3 10h18 M8 3v4 M16 3v4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 13px 13px;
}
.day-pick > input.day-cell:not(:disabled):not([readonly]):is(:hover, :focus, .dc-open) { padding-right: .3rem; background-image: none; }
input.day-cell.dc-open { outline: 2px solid var(--accent, #6366f1); outline-offset: -1px; }

.dc-pop { position: fixed; z-index: 9500; width: 300px; padding: 8px; border-radius: 10px;
  background: var(--panel, #131319); color: var(--fg, #f5f2eb); border: 1px solid var(--line, #24242e);
  box-shadow: 0 10px 30px rgba(0,0,0,.45); user-select: none; font-variant-numeric: tabular-nums; }
.dc-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 6px; }
.dc-title { font-size: .95rem; }
.dc-nav { width: 40px; height: 32px; border-radius: 8px; border: 1px solid var(--line, #24242e);
  background: transparent; color: inherit; font-size: 1.1rem; cursor: pointer; }
.dc-nav:hover { background: rgba(127,127,127,.15); }
.dc-grid { display: grid; grid-template-columns: repeat(7, 40px); grid-auto-rows: 34px; gap: 2px; justify-content: center; }
.dc-wd { display: flex; align-items: center; justify-content: center; font-size: .75rem; color: var(--muted, #98958d); height: 22px; }
.dc-grid .dc-wd { align-self: end; }
.dc-day { border: 0; border-radius: 8px; background: transparent; color: inherit; font-size: .9rem; cursor: pointer; padding: 0; }
.dc-day:hover { background: rgba(127,127,127,.18); }
.dc-wd.sun, .dc-day.sun { color: #f2665b; }
.dc-wd.sat, .dc-day.sat { color: #6aa8ff; }
.dc-day.out { opacity: .38; }
.dc-day.today { box-shadow: inset 0 0 0 2px var(--ok, #3fe0b8); font-weight: 700; }
.dc-day.hi { outline: 2px dashed var(--accent, #6366f1); outline-offset: -2px; }
.dc-day.on { background: var(--accent, #6366f1); color: var(--on-accent, #fff); font-weight: 700; }
.dc-foot { display: flex; gap: 6px; margin-top: 8px; }
.dc-act { flex: none; height: 30px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--line, #24242e);
  background: transparent; color: inherit; cursor: pointer; font-size: .85rem; }
.dc-act:hover { background: rgba(127,127,127,.15); }
.dc-clear { color: var(--danger, #d93025); }
.dc-close { margin-left: auto; }

/* 표 칸 안 날짜 칸은 칸 폭에 맞춘다 — 여태 8.6rem 고정이라 좁은 칸(태스크 표 시작일·완료일)에서 옆 칸으로 넘쳐
   오른쪽 끝 달력 그림이 옆 칸 밑에 깔렸다(누르면 표가 옆으로 밀려 엉뚱한 자리를 누름 · 실측) */
td > input.day-cell { width: 100%; min-width: 0; box-sizing: border-box; }