/* 마감 역산 일정표 — 넓은 카드(약 950px): 단계 한 줄 표 + 가로 날짜 막대 / 폰(카드 620px 미만): 단계 카드 네 줄 + 세로 날짜 목록 */
[data-app="deadline-backplan"]{ container-type:inline-size; }
[data-app="deadline-backplan"] .db-edit{ display:flex; flex-direction:column; gap:12px; word-break:keep-all; overflow-wrap:anywhere; }
[data-app="deadline-backplan"] .ndt-in{ max-width:100%; min-width:0; min-height:40px; }
[data-app="deadline-backplan"] input[type="date"].ndt-in, [data-app="deadline-backplan"] input[type="time"].ndt-in{ min-width:0; }
[data-app="deadline-backplan"] input[type="number"].ndt-in{ text-align:right; font-variant-numeric:tabular-nums; }
[data-app="deadline-backplan"] .db-note{ display:flex; align-items:flex-start; gap:8px; margin:0; padding:8px 10px; border-radius:10px; background:#FFF7E0; color:#5C4300; font-size:13px; line-height:1.5; }
[data-app="deadline-backplan"] .db-note[hidden]{ display:none; }
[data-app="deadline-backplan"] .db-note b{ flex:none; padding:0 7px; border-radius:6px; background:#F5C84C; color:#3A2A00; font-size:12px; line-height:20px; }
[data-app="deadline-backplan"] .db-h{ display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 8px; margin:0; font-size:14.5px; font-weight:800; color:#1A1A1A; }
[data-app="deadline-backplan"] .db-h small{ font-size:12px; font-weight:600; color:#6B717B; }
/* 머리 칸 */
[data-app="deadline-backplan"] .db-head{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
[data-app="deadline-backplan"] .db-f{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="deadline-backplan"] .db-fname{ grid-column:1 / -1; }
[data-app="deadline-backplan"] .db-f .ndt-k small{ font-weight:600; color:#8A8F98; }
[data-app="deadline-backplan"] .db-name{ font-weight:700; }
[data-app="deadline-backplan"] .db-wkn{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0; padding:8px 10px; border-radius:10px; background:#FFF4E5; border:1px solid #F5CE8F; color:#7A4A00; font-size:13.5px; font-weight:700; }
[data-app="deadline-backplan"] .db-wkn[hidden]{ display:none; }
/* 결과 */
[data-app="deadline-backplan"] .db-res{ display:flex; flex-direction:column; gap:6px; padding:12px 14px; border-radius:14px; background:#F1F4F9; border:1px solid #E1E6EF; }
[data-app="deadline-backplan"] .db-res.ok{ background:#EEF3FF; border-color:#CCD8F7; }
[data-app="deadline-backplan"] .db-res.today{ background:#FFF6DA; border-color:#F1D46A; }
[data-app="deadline-backplan"] .db-res.late{ background:#FFF1F0; border-color:#F4B4AE; }
[data-app="deadline-backplan"] .db-r1{ margin:0; font-size:20px; font-weight:800; letter-spacing:-.02em; line-height:1.35; color:#1A1A1A; }
[data-app="deadline-backplan"] .db-r1 b{ font-weight:900; color:#1F3FAE; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-app="deadline-backplan"] .db-res.today .db-r1 b{ color:#8A5A00; }
[data-app="deadline-backplan"] .db-res.late .db-r1 b{ color:#B42318; }
[data-app="deadline-backplan"] .db-st{ align-self:flex-start; margin:0; padding:3px 12px; border-radius:999px; background:#1F3FAE; color:#fff; font-size:14px; font-weight:800; line-height:1.45; }
[data-app="deadline-backplan"] .db-res.today .db-st{ background:#F2C230; color:#3A2A00; }
[data-app="deadline-backplan"] .db-res.late .db-st{ background:#B42318; border-radius:10px; }
[data-app="deadline-backplan"] .db-r2{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:2px 14px; font-size:13px; color:#3A3F47; font-variant-numeric:tabular-nums; }
[data-app="deadline-backplan"] .db-r2 b{ color:#1A1A1A; }
[data-app="deadline-backplan"] .db-r2 li{ position:relative; }
[data-app="deadline-backplan"] .db-tip{ margin:0; font-size:12.5px; color:#4B5059; }
[data-app="deadline-backplan"] .db-tip.bad{ color:#B42318; font-weight:800; }
[data-app="deadline-backplan"] .db-tip.warn{ color:#8A4B00; font-weight:800; }
[data-app="deadline-backplan"] .db-tips{ display:flex; flex-direction:column; gap:2px; }
/* 단계 */
[data-app="deadline-backplan"] .db-sec{ display:flex; flex-direction:column; gap:8px; }
[data-app="deadline-backplan"] .db-th{ display:none; }
[data-app="deadline-backplan"] .db-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
[data-app="deadline-backplan"] .db-s{ display:grid; grid-template-columns:22px 4.6em minmax(0,1fr) auto; grid-template-areas:"no dt dt mv" "n n n n" "dw dw ww ww" "wl wl wl wl"; gap:6px; align-items:center; padding:8px 8px 8px 10px; border:1px solid #E3E5E9; border-left:5px solid #4F5FD6; border-radius:12px; background:#fff; }
[data-app="deadline-backplan"] .db-s.w{ border-left-color:#E8892B; background:#FFFBF4; }
[data-app="deadline-backplan"] .db-no{ grid-area:no; flex:none; width:22px; height:22px; border-radius:50%; background:#ECEDF0; color:#4B5059; font-size:12px; font-weight:800; line-height:22px; text-align:center; font-variant-numeric:tabular-nums; }
[data-app="deadline-backplan"] .db-n{ grid-area:n; font-weight:700; }
[data-app="deadline-backplan"] .db-dw{ grid-area:dw; display:flex; align-items:center; gap:4px; min-width:0; }
[data-app="deadline-backplan"] .db-dw > i{ flex:none; font-style:normal; font-size:13px; font-weight:700; color:#4B5059; }
[data-app="deadline-backplan"] .db-ww{ grid-area:ww; display:flex; align-items:center; gap:5px; min-width:0; }
[data-app="deadline-backplan"] .db-ww > span{ flex:none; font-size:12.5px; font-weight:800; color:#4B5059; }
[data-app="deadline-backplan"] .db-wl{ grid-area:wl; display:flex; align-items:center; gap:7px; min-height:36px; font-size:13px; font-weight:700; color:#3A3F47; cursor:pointer; }
[data-app="deadline-backplan"] .db-wl input{ flex:none; width:20px; height:20px; margin:0; accent-color:#E8892B; }
[data-app="deadline-backplan"] .db-wl small{ font-weight:600; color:#6B717B; }
[data-app="deadline-backplan"] .db-wl2{ display:none; }
[data-app="deadline-backplan"] .db-s.w .db-wl{ color:#9A4A00; }
[data-app="deadline-backplan"] .db-dt{ grid-area:dt; min-width:0; font-size:13.5px; font-weight:800; color:#1A1A1A; font-variant-numeric:tabular-nums; line-height:1.3; }
[data-app="deadline-backplan"] .db-dt small{ display:block; font-size:11.5px; font-weight:600; color:#6B717B; }
[data-app="deadline-backplan"] .db-dt.late{ color:#B42318; }
[data-app="deadline-backplan"] .db-mv{ grid-area:mv; display:flex; gap:2px; flex:none; }
[data-app="deadline-backplan"] .db-mv .ndt-btn{ width:32px; padding:0; color:#5B6470; }
[data-app="deadline-backplan"] .db-mv .db-del:hover{ color:#B42318; border-color:#F0B5AF; }
[data-app="deadline-backplan"] .db-mv .ndt-btn.ndt-arm{ width:auto; }
/* 날짜 세는 법 · 쉬는 날 */
[data-app="deadline-backplan"] .db-set{ display:flex; flex-direction:column; gap:8px; padding:10px 12px; border-radius:12px; background:#FAFAFB; border:1px solid #E6E7EB; }
[data-app="deadline-backplan"] .db-set1{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; }
[data-app="deadline-backplan"] .db-chk{ display:flex; align-items:center; gap:7px; min-height:40px; font-size:14px; font-weight:700; color:#1A1A1A; cursor:pointer; }
[data-app="deadline-backplan"] .db-chk input{ width:20px; height:20px; margin:0; accent-color:#1F3FAE; }
[data-app="deadline-backplan"] .db-chk small{ font-size:12px; font-weight:600; color:#6B717B; }
[data-app="deadline-backplan"] .db-bf{ display:flex; align-items:center; gap:6px; font-size:14px; font-weight:700; color:#1A1A1A; }
[data-app="deadline-backplan"] .db-bf input{ width:4.4em; }
[data-app="deadline-backplan"] .db-offadd{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; align-items:center; }
[data-app="deadline-backplan"] .db-offk{ grid-column:1 / -1; }
[data-app="deadline-backplan"] .db-oadd{ grid-column:1 / -1; justify-self:start; min-height:40px; }
[data-app="deadline-backplan"] .db-offh{ margin:0; }
[data-app="deadline-backplan"] .db-ol{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
[data-app="deadline-backplan"] .db-ol[hidden]{ display:none; }
[data-app="deadline-backplan"] .db-oc{ display:inline-flex; align-items:center; gap:2px; padding:0 2px 0 10px; border-radius:999px; background:#ECEDF0; font-size:13px; font-weight:700; color:#3A3F47; font-variant-numeric:tabular-nums; }
[data-app="deadline-backplan"] .db-oc em{ font-style:normal; font-size:12px; color:#8A6A00; }
[data-app="deadline-backplan"] .db-oc .ndt-btn{ flex:none; width:32px; padding:0; border:0; color:#5B6470; }
[data-app="deadline-backplan"] .db-oc{ max-width:100%; }
[data-app="deadline-backplan"] .db-oc > span{ min-width:0; overflow-wrap:anywhere; }
/* 날짜 막대 미리 보기 */
[data-app="deadline-backplan"] .db-pvw{ display:flex; flex-direction:column; gap:8px; }
[data-app="deadline-backplan"] .db-gw{ display:none; max-width:100%; overflow-x:auto; border:1px solid #E6E7EB; border-radius:12px; background:#fff; }
[data-app="deadline-backplan"] .db-gempty{ margin:0; padding:14px; font-size:13px; color:#6B717B; }
[data-app="deadline-backplan"] .db-gcut{ margin:0; padding:6px 10px; font-size:12px; color:#6B717B; }
[data-app="deadline-backplan"] .db-g{ --lab:10.5em; display:flex; flex-direction:column; min-width:calc(var(--lab) + var(--n) * 26px); }
[data-app="deadline-backplan"] .db-gr{ display:grid; grid-template-columns:var(--lab) repeat(var(--n), minmax(26px, 1fr)); align-items:stretch; border-top:1px solid #F0F1F4; }
[data-app="deadline-backplan"] .db-gr > *{ grid-row:1; }
[data-app="deadline-backplan"] .db-gh{ border-top:0; }
[data-app="deadline-backplan"] .db-gl{ grid-column:1; position:sticky; left:0; z-index:3; display:flex; flex-direction:column; justify-content:center; min-width:0; padding:4px 8px 4px 10px; background:#fff; border-right:1px solid #E6E7EB; line-height:1.25; }
[data-app="deadline-backplan"] .db-gl b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12.5px; font-weight:800; color:#1A1A1A; }
[data-app="deadline-backplan"] .db-gl small{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; color:#6B717B; }
[data-app="deadline-backplan"] .db-gc{ min-height:34px; border-left:1px solid #F3F4F6; }
[data-app="deadline-backplan"] .db-gc.gray{ background:#ECEEF2; }
[data-app="deadline-backplan"] .db-gc.off{ background:repeating-linear-gradient(135deg, #E3E6EC 0 4px, #F2F3F6 4px 8px); }
[data-app="deadline-backplan"] .db-gc.today{ box-shadow:inset 2px 0 0 #1F3FAE; }
[data-app="deadline-backplan"] .db-gc.dl{ background-color:#FFF0EE; box-shadow:inset -2px 0 0 #D92D20; }
[data-app="deadline-backplan"] .db-gd{ display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:0; padding:4px 0 3px; border-left:1px solid #F3F4F6; font-variant-numeric:tabular-nums; line-height:1.2; }
[data-app="deadline-backplan"] .db-gd b{ font-size:12px; font-weight:800; color:#1A1A1A; white-space:nowrap; }
[data-app="deadline-backplan"] .db-gd i{ font-style:normal; font-size:10.5px; font-weight:700; color:#6B717B; }
[data-app="deadline-backplan"] .db-gd.we i, [data-app="deadline-backplan"] .db-gd.hol i, [data-app="deadline-backplan"] .db-gd.hol b{ color:#C2410C; }
[data-app="deadline-backplan"] .db-gd.gray{ background:#ECEEF2; }
[data-app="deadline-backplan"] .db-gd em{ margin-top:1px; padding:0 3px; border-radius:4px; font-style:normal; font-size:10px; font-weight:800; white-space:nowrap; background:#6B717B; color:#fff; }
[data-app="deadline-backplan"] .db-gd.today em{ background:#1F3FAE; }
[data-app="deadline-backplan"] .db-gd.dl{ background:#FFF0EE; }
[data-app="deadline-backplan"] .db-gd.dl em{ background:#D92D20; }
/* 쉬는 날·공휴일 이름: 몸통(단계 줄들) 위에 같은 칸 나눔의 겹 한 장 → 그 날 세로 칸 가운데에 세로 글자 */
[data-app="deadline-backplan"] .db-gb{ position:relative; }
[data-app="deadline-backplan"] .db-gho{ position:absolute; inset:0; z-index:2; display:grid; grid-template-columns:var(--lab) repeat(var(--n), minmax(26px, 1fr)); pointer-events:none; overflow:hidden; }
[data-app="deadline-backplan"] .db-ghn{ grid-row:1; display:flex; align-items:center; justify-content:center; min-width:0; min-height:0; overflow:hidden; padding:3px 0; }
[data-app="deadline-backplan"] .db-ghn b{ writing-mode:vertical-rl; text-orientation:upright; max-height:100%; overflow:hidden; padding:5px 2px; border-radius:6px; background:rgba(255,255,255,.88); font-size:11.5px; font-weight:800; letter-spacing:1px; line-height:1.1; white-space:nowrap; color:#B4400F; }
[data-app="deadline-backplan"] .db-ghn.off b{ color:#4B5059; }
[data-app="deadline-backplan"] .db-sg{ position:relative; z-index:1; align-self:center; height:16px; margin:0 -1px; background:#4F5FD6; }
[data-app="deadline-backplan"] .db-sg.s{ margin-left:3px; border-top-left-radius:6px; border-bottom-left-radius:6px; }
[data-app="deadline-backplan"] .db-sg.e{ margin-right:3px; border-top-right-radius:6px; border-bottom-right-radius:6px; }
[data-app="deadline-backplan"] .db-sg.wait{ background:repeating-linear-gradient(135deg, #E8892B 0 6px, #F2A657 6px 12px); }
[data-app="deadline-backplan"] .db-sg.buf{ background:#DDF3E4; box-shadow:inset 0 0 0 1.5px #3E9E6B; }
[data-app="deadline-backplan"] .db-sg.zero{ justify-self:center; width:12px; height:12px; margin:0; background:#1A1A1A; border-radius:2px; transform:rotate(45deg); }
/* 세로 목록(폰) */
[data-app="deadline-backplan"] .db-vl{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; }
[data-app="deadline-backplan"] .db-vl[hidden]{ display:none; }
[data-app="deadline-backplan"] .db-vl li{ display:grid; grid-template-columns:minmax(0,1fr); gap:0; padding:6px 10px 6px 12px; border-left:5px solid #4F5FD6; border-radius:8px; background:#F6F8FD; }
[data-app="deadline-backplan"] .db-vl li.wait{ border-left-color:#E8892B; background:#FFF6EC; }
[data-app="deadline-backplan"] .db-vl li.buf{ border-left-color:#3E9E6B; background:#EEF8F1; }
[data-app="deadline-backplan"] .db-vl li.off{ border-left-color:#9AA1AC; background:#F1F2F4; }
[data-app="deadline-backplan"] .db-vl li.hol{ border-left-color:#E07A4F; }
[data-app="deadline-backplan"] .db-vl li.zero{ border-left-color:#1A1A1A; background:#F5F6F8; }
[data-app="deadline-backplan"] .db-vl li.dl{ border-left-color:#D92D20; background:#FFF0EE; }
[data-app="deadline-backplan"] .db-vl li.today{ border-left-color:#1F3FAE; background:#fff; border:1px dashed #9DB2EE; border-left:5px solid #1F3FAE; }
[data-app="deadline-backplan"] .db-vd{ font-size:12.5px; font-weight:800; color:#3A3F47; font-variant-numeric:tabular-nums; }
[data-app="deadline-backplan"] .db-vl b{ font-size:14px; font-weight:800; color:#1A1A1A; }
[data-app="deadline-backplan"] .db-vl small{ font-size:12px; color:#6B717B; }
[data-app="deadline-backplan"] .db-lg{ display:flex; flex-wrap:wrap; align-items:center; gap:2px 12px; margin:0; font-size:12px; color:#5B6470; }
[data-app="deadline-backplan"] .db-lg span{ display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
[data-app="deadline-backplan"] .db-lg i{ display:inline-block; width:14px; height:10px; border-radius:3px; background:#4F5FD6; }
[data-app="deadline-backplan"] .db-lg i.wait{ background:repeating-linear-gradient(135deg, #E8892B 0 4px, #F2A657 4px 8px); }
[data-app="deadline-backplan"] .db-lg i.buf{ background:#DDF3E4; box-shadow:inset 0 0 0 1.5px #3E9E6B; }
[data-app="deadline-backplan"] .db-lg i.gray{ background:#ECEEF2; box-shadow:inset 0 0 0 1px #D5D8DE; }
/* 단추 */
[data-app="deadline-backplan"] .db-btns{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; }
[data-app="deadline-backplan"] .db-btns .ndt-btn{ min-height:44px; padding:0 8px; white-space:normal; line-height:1.25; text-align:center; word-break:keep-all; max-width:100%; }
[data-app="deadline-backplan"] .db-btns .db-copy, [data-app="deadline-backplan"] .db-btns .db-tcopy{ grid-column:1 / -1; min-height:46px; font-size:15px; }
[data-app="deadline-backplan"] .db-btns .db-sample{ grid-column:1 / -1; }
[data-app="deadline-backplan"] .db-fbp:empty{ display:none; }
[data-app="deadline-backplan"] .db-msg{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; font-size:13px; font-weight:700; color:#13703F; }
[data-app="deadline-backplan"] .db-msgt.warn{ color:#B42318; }
[data-app="deadline-backplan"] .db-msgt.note{ color:#8A5A00; }
[data-app="deadline-backplan"] .db-msg:has(.db-msgt:empty):has(.db-undo[hidden]){ display:none; }
[data-app="deadline-backplan"] .db-pv summary{ cursor:pointer; min-height:36px; display:flex; align-items:center; font-size:13px; font-weight:700; color:#314B86; }
[data-app="deadline-backplan"] .db-pk{ margin:8px 0 0; font-size:12.5px; font-weight:800; color:#3A3F47; }
[data-app="deadline-backplan"] .db-pk small{ font-weight:600; color:#6B717B; }
[data-app="deadline-backplan"] .db-pre, [data-app="deadline-backplan"] .db-pre2{ margin:4px 0 0; max-height:280px; overflow:auto; padding:10px 12px; border:1px solid #E6E7EB; border-radius:10px; background:#FAFAFB; white-space:pre-wrap; word-break:keep-all; overflow-wrap:anywhere; font:inherit; font-size:13px; line-height:1.6; color:#333; tab-size:14; }
[data-app="deadline-backplan"] .db-foot{ margin:0; }
[data-app="deadline-backplan"] .db-foot.bad{ color:#B42318; font-weight:700; }
[data-app="deadline-backplan"] .db-sheet{ display:none; }
@media (pointer:coarse), (max-width:560px){ [data-app="deadline-backplan"] .ndt-in{ font-size:16px; } }
/* 폰 폭: 마감일 칸이 「2026. 10. 2」로 잘리지 않게 — 날짜 칸을 조금 넓게, 날짜·시각 칸 안쪽 여백을 줄임 */
@container (max-width:419px){
  [data-app="deadline-backplan"] .db-head{ grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
  [data-app="deadline-backplan"] .db-offadd{ grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
  [data-app="deadline-backplan"] .db-due, [data-app="deadline-backplan"] .db-time, [data-app="deadline-backplan"] .db-od{ padding-left:7px; padding-right:5px; }
  [data-app="deadline-backplan"] .db-due::-webkit-calendar-picker-indicator, [data-app="deadline-backplan"] .db-time::-webkit-calendar-picker-indicator, [data-app="deadline-backplan"] .db-od::-webkit-calendar-picker-indicator{ margin-inline-start:2px; padding:1px; }
}
@container (max-width:290px){
  [data-app="deadline-backplan"] .db-mv .ndt-btn{ width:30px; }
  [data-app="deadline-backplan"] .db-s{ grid-template-areas:"no dt dt dt" "n n n n" "dw dw ww ww" "wl wl wl mv"; }
  [data-app="deadline-backplan"] .db-wl small{ display:none; }
  [data-app="deadline-backplan"] .db-mv{ justify-content:flex-end; }
  [data-app="deadline-backplan"] .db-offadd{ grid-template-columns:minmax(0,1fr); }
}
/* 아주 좁은 폰(320px): 마감일·시각을 한 줄씩 */
@container (max-width:259px){ [data-app="deadline-backplan"] .db-head{ grid-template-columns:minmax(0,1fr); } }
@container (min-width:420px){
  [data-app="deadline-backplan"] .db-head{ grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr); }
  [data-app="deadline-backplan"] .db-fname{ grid-column:auto; }
  [data-app="deadline-backplan"] .db-btns{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  [data-app="deadline-backplan"] .db-btns .db-copy, [data-app="deadline-backplan"] .db-btns .db-tcopy{ grid-column:span 3; }
  [data-app="deadline-backplan"] .db-btns .db-sample{ grid-column:auto; }
  [data-app="deadline-backplan"] .db-offadd{ grid-template-columns:auto minmax(0,10em) minmax(0,1fr) auto; }
  [data-app="deadline-backplan"] .db-offk, [data-app="deadline-backplan"] .db-oadd{ grid-column:auto; }
}
/* 중간 폭(태블릿): 단계 두 줄 — 이름·날 수·담당·단추 / 남이 쥐는 시간·날짜 */
@container (min-width:480px){
  [data-app="deadline-backplan"] .db-s{ grid-template-columns:22px minmax(0,1fr) 5.6em minmax(0,9.5em) auto; grid-template-areas:"no n dw ww mv" "no wl wl dt dt"; column-gap:8px; }
  [data-app="deadline-backplan"] .db-wl small{ display:none; }
  [data-app="deadline-backplan"] .db-mv{ justify-content:flex-end; }
}
/* 넓은 카드: 단계 한 줄 표 + 가로 날짜 막대 */
@container (min-width:620px){
  [data-app="deadline-backplan"] .db-r1{ font-size:26px; }
  [data-app="deadline-backplan"] .db-res{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"r1 st" "r2 r2" "tip tip"; align-items:center; gap:6px 14px; padding:14px 16px; }
  [data-app="deadline-backplan"] .db-r1{ grid-area:r1; }
  [data-app="deadline-backplan"] .db-st{ grid-area:st; align-self:center; justify-self:end; font-size:15px; padding:5px 14px; }
  [data-app="deadline-backplan"] .db-r2{ grid-area:r2; font-size:13.5px; }
  [data-app="deadline-backplan"] .db-r2 li + li::before{ content:'·'; position:absolute; left:-9px; color:#9AA1AC; font-weight:800; }
  [data-app="deadline-backplan"] .db-tips{ grid-area:tip; }
  [data-app="deadline-backplan"] .db-res > .db-r1:only-child{ grid-column:1 / -1; }
  [data-app="deadline-backplan"] .db-btns{ grid-template-columns:minmax(0,1.25fr) minmax(0,1.45fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1fr); }
  [data-app="deadline-backplan"] .db-btns .db-copy, [data-app="deadline-backplan"] .db-btns .db-tcopy{ grid-column:auto; font-size:14px; }
  [data-app="deadline-backplan"] .db-gw{ display:block; }
  [data-app="deadline-backplan"] .db-vl{ display:none !important; }
}
@container (min-width:760px){
  [data-app="deadline-backplan"] .db-th, [data-app="deadline-backplan"] .db-s{ grid-template-columns:24px minmax(0,1fr) 6.2em minmax(0,9em) 6.6em 12.6em 104px; grid-template-areas:"no n dw ww wl dt mv"; gap:8px; }
  [data-app="deadline-backplan"] .db-th{ display:grid; padding:0 8px 0 15px; font-size:12px; font-weight:800; color:#6B717B; }
  [data-app="deadline-backplan"] .db-th > span:nth-child(3){ text-align:right; padding-right:1.4em; }
  [data-app="deadline-backplan"] .db-s{ padding:6px 8px 6px 10px; }
  [data-app="deadline-backplan"] .db-ww > span{ display:none; }
  [data-app="deadline-backplan"] .db-wl1{ display:none; }
  [data-app="deadline-backplan"] .db-wl2{ display:inline; }
}
/* 인쇄: 입력 화면 대신 일정표 한 장 */
@media print{
  [data-app="deadline-backplan"]{ border:0; padding:0; border-radius:0; background:#fff; color:#000; }
  [data-app="deadline-backplan"] .db-edit{ display:none !important; }
  [data-app="deadline-backplan"] .db-sheet{ display:block; font-size:10.5pt; line-height:1.5; color:#000; }
  [data-app="deadline-backplan"] .db-s-warn{ margin:0 0 8pt; padding:4pt 8pt; border:1pt solid #B42318; color:#B42318; font-weight:800; }
  [data-app="deadline-backplan"] .db-s-info, [data-app="deadline-backplan"] .db-s-tb{ width:100%; border-collapse:collapse; margin-bottom:10pt; }
  [data-app="deadline-backplan"] .db-s-info th, [data-app="deadline-backplan"] .db-s-info td, [data-app="deadline-backplan"] .db-s-tb th, [data-app="deadline-backplan"] .db-s-tb td{ padding:4pt 6pt; border:.75pt solid #555; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
  [data-app="deadline-backplan"] .db-s-info th{ width:15%; font-weight:800; white-space:nowrap; }
  [data-app="deadline-backplan"] .db-s-tb thead th{ border-bottom:1.5pt solid #000; font-weight:800; text-align:center; white-space:nowrap; }
  [data-app="deadline-backplan"] .db-s-tb tr{ break-inside:avoid; page-break-inside:avoid; }
  [data-app="deadline-backplan"] .db-s-tb .c{ text-align:center; white-space:nowrap; }
  [data-app="deadline-backplan"] .db-s-g{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  [data-app="deadline-backplan"] .db-s-g .db-g{ --lab:9em; min-width:0; border:.75pt solid #999; }
  [data-app="deadline-backplan"] .db-s-g .db-gr, [data-app="deadline-backplan"] .db-s-g .db-gho{ grid-template-columns:var(--lab) repeat(var(--n), minmax(0, 1fr)); }
  [data-app="deadline-backplan"] .db-s-g .db-ghn b{ font-size:7pt; letter-spacing:0; padding:2pt 1pt; }
  [data-app="deadline-backplan"] .db-s-g .db-gl{ position:static; }
  [data-app="deadline-backplan"] .db-s-g .db-gd b{ font-size:7.5pt; }
  [data-app="deadline-backplan"] .db-s-g .db-gd i, [data-app="deadline-backplan"] .db-s-g .db-gd em{ font-size:6.5pt; }
}