/* 할 일 추적판 */
[data-app="action-tracker"]{ display:flex; flex-direction:column; gap:10px; word-break:keep-all; overflow-wrap:anywhere; }
[data-app="action-tracker"] .ndt-in{ min-width:0; min-height:42px; }
/* 개수 요약 */
[data-app="action-tracker"] .at-sum{ display:flex; flex-wrap:wrap; gap:4px 14px; margin:0; padding:8px 12px; border-radius:12px; background:#F1F4F9; font-size:13px; color:#4B5059; }
[data-app="action-tracker"] .at-sum span{ display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
[data-app="action-tracker"] .at-sum span::before{ content:''; width:9px; height:9px; border-radius:50%; background:#2563EB; }
[data-app="action-tracker"] .at-sum span.o::before{ background:#D92D20; }
[data-app="action-tracker"] .at-sum span.s::before{ background:#F2C230; }
[data-app="action-tracker"] .at-sum span.b::before{ background:#7C3AED; }
[data-app="action-tracker"] .at-sum span.m::before{ background:#C2410C; border-radius:2px; }
[data-app="action-tracker"] .at-sum b{ font-size:15px; color:#1A1A1A; font-variant-numeric:tabular-nums; }
[data-app="action-tracker"] .at-warn{ margin:0; padding:6px 10px; border-radius:8px; background:#FDECEC; color:#9F1C1C; font-size:12.5px; font-weight:700; }
/* 추가 칸 */
[data-app="action-tracker"] .at-add{ margin:0; padding:10px; border-radius:12px; background:#FAFAFB; border:1px dashed #D9DCE1; }
[data-app="action-tracker"] .at-grid{ display:grid; grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.6fr) auto; gap:6px 8px; align-items:end; }
[data-app="action-tracker"] .at-f{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="action-tracker"] .at-f .ndt-k small{ font-weight:600; color:#8A8F98; }
[data-app="action-tracker"] .at-addb{ min-height:42px; font-size:15px; }
/* 붙여넣기 */
[data-app="action-tracker"] .at-imp{ border:1px solid #E3E5E9; border-radius:12px; background:#fff; }
[data-app="action-tracker"] .at-imp > summary{ display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; min-height:44px; padding:0 12px; cursor:pointer; font-size:14px; font-weight:800; color:#314B86; }
[data-app="action-tracker"] .at-imp > summary small{ font-size:12px; font-weight:600; color:#6B717B; }
[data-app="action-tracker"] .at-impb{ display:flex; flex-direction:column; gap:8px; padding:0 12px 12px; }
[data-app="action-tracker"] .at-imph{ margin:0; }
[data-app="action-tracker"] .at-imptx{ min-height:96px; font-size:13.5px; }
[data-app="action-tracker"] .at-impinfo{ margin:0; font-size:13px; font-weight:700; color:#13703F; }
[data-app="action-tracker"] .at-impinfo:empty{ display:none; }
[data-app="action-tracker"] .at-impv{ margin:0; padding:0 0 0 1.4em; display:flex; flex-direction:column; gap:3px; font-size:13px; color:#3A3F47; }
[data-app="action-tracker"] .at-impv:empty{ display:none; }
[data-app="action-tracker"] .at-impv span{ color:#5B6470; }
[data-app="action-tracker"] .at-impv em{ font-style:normal; font-weight:800; color:#B42318; }
[data-app="action-tracker"] .at-impv li.dup{ color:#9AA1AC; text-decoration:line-through; }
[data-app="action-tracker"] .at-impv li.more{ list-style:none; color:#6B717B; }
[data-app="action-tracker"] .at-msg{ margin:0; font-size:12.5px; color:#0D7A43; font-weight:700; }
[data-app="action-tracker"] .at-msg.warn{ color:#B42318; }
[data-app="action-tracker"] .at-msg:empty{ display:none; }
/* 거르기 */
[data-app="action-tracker"] .at-filter{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:6px 10px; padding-top:6px; border-top:1px solid #ECEDF0; }
[data-app="action-tracker"] .at-filter > label{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="action-tracker"] .at-filter select{ width:auto; max-width:100%; min-height:40px; padding-right:28px; }
[data-app="action-tracker"] .at-filter .at-hide{ flex-direction:row; align-items:center; gap:6px; min-height:40px; font-size:14px; font-weight:700; color:#3A3F47; cursor:pointer; }
[data-app="action-tracker"] .at-hidek{ width:20px; height:20px; margin:0; accent-color:#1A1A1A; }
[data-app="action-tracker"] .at-count{ margin:0; }
/* 할 일 카드 — 넓은 카드는 두 줄, 폰은 한 줄 */
[data-app="action-tracker"] .at-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 380px), 1fr)); gap:8px; align-items:start; }
[data-app="action-tracker"] .at-item{ display:flex; flex-direction:column; gap:6px; min-width:0; padding:10px 12px; border:1px solid #E3E5E9; border-left:5px solid #93B4F5; border-radius:12px; background:#fff; }
[data-app="action-tracker"] .at-item.soon{ background:#FFF8DC; border-color:#F1D46A; border-left-color:#F2C230; }
[data-app="action-tracker"] .at-item.over{ background:#FFF1F0; border-color:#F4B4AE; border-left-color:#D92D20; }
[data-app="action-tracker"] .at-item.block{ background:#F5F0FF; border-color:#D6C6F7; border-left-color:#7C3AED; }
[data-app="action-tracker"] .at-item.done{ background:#F7F7F8; border-color:#ECEDF0; border-left-color:#16A34A; }
[data-app="action-tracker"] .at-top{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 8px; }
[data-app="action-tracker"] .at-due{ padding:1px 8px; border-radius:6px; background:#EEF1F5; color:#3A3F47; font-size:12.5px; font-weight:800; white-space:nowrap; font-variant-numeric:tabular-nums; }
[data-app="action-tracker"] .at-due.over{ background:#D92D20; color:#fff; }
[data-app="action-tracker"] .at-due.soon{ background:#F2C230; color:#3A2A00; }
[data-app="action-tracker"] .at-due.none{ background:#FDECEC; color:#B42318; box-shadow:inset 0 0 0 1px #F3B4AE; }
[data-app="action-tracker"] .at-item.done .at-due{ background:transparent; color:#6B717B; padding:0; }
[data-app="action-tracker"] .at-mt{ min-width:0; font-size:12px; font-weight:700; color:#5B6470; text-align:right; }
[data-app="action-tracker"] .at-mt.nomt{ color:#9AA1AC; font-weight:600; }
[data-app="action-tracker"] .at-tt{ margin:0; font-size:15.5px; font-weight:800; line-height:1.4; color:#1A1A1A; }
[data-app="action-tracker"] .at-item.done .at-tt{ color:#6B717B; text-decoration:line-through; text-decoration-color:#B9BEC7; }
[data-app="action-tracker"] .at-ex{ display:inline-block; margin-left:2px; padding:0 6px; border-radius:6px; background:#ECEDF0; color:#6B717B; font-size:11px; font-weight:800; vertical-align:2px; text-decoration:none; }
[data-app="action-tracker"] .at-meta{ display:flex; align-items:center; justify-content:space-between; gap:6px 10px; min-height:34px; }
[data-app="action-tracker"] .at-meta .ndt-btn{ min-height:34px; flex:none; }
[data-app="action-tracker"] .at-who{ display:flex; flex-wrap:wrap; gap:2px 10px; margin:0; min-width:0; font-size:13.5px; color:#4B5059; }
[data-app="action-tracker"] .at-who b{ color:#1A1A1A; }
[data-app="action-tracker"] .at-flag{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 8px; margin:0; padding:5px 6px 5px 10px; border-radius:8px; font-size:13px; font-weight:800; }
[data-app="action-tracker"] .at-flag.nowho{ background:#FDECEC; color:#9F1C1C; border:1px dashed #E8A29B; }
[data-app="action-tracker"] .at-flag.nodue{ background:#FDECEC; color:#9F1C1C; border:1px dashed #E8A29B; }   /* 담당 없음과 같은 빨간 경고(대표 요청: 빠진 칸은 빨갛게) */
[data-app="action-tracker"] .at-flag .ndt-btn{ min-height:32px; background:#fff; }
/* 상태 단추 */
[data-app="action-tracker"] .at-steps{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:4px; }
[data-app="action-tracker"] .at-st{ min-width:0; min-height:38px; padding:0 2px; border:1px solid #D9DCE1; border-radius:8px; background:#fff; color:#4B5059; font:inherit; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
[data-app="action-tracker"] .at-st:hover{ border-color:#9AA1AC; }
[data-app="action-tracker"] .at-st.cur{ background:#1A1A1A; border-color:#1A1A1A; color:#fff; font-weight:800; }
[data-app="action-tracker"] .at-st.s1.cur{ background:#2563EB; border-color:#2563EB; }
[data-app="action-tracker"] .at-st.s2.cur{ background:#16A34A; border-color:#16A34A; }
[data-app="action-tracker"] .at-st.s3{ color:#6D28D9; }
[data-app="action-tracker"] .at-st.s3.cur{ background:#7C3AED; border-color:#7C3AED; color:#fff; }
[data-app="action-tracker"] .at-whyf{ display:flex; align-items:center; gap:6px; min-width:0; }
[data-app="action-tracker"] .at-whyf > span{ flex:none; font-size:12.5px; font-weight:800; color:#5B21B6; }
[data-app="action-tracker"] .at-whyf .ndt-in{ flex:1 1 auto; min-height:38px; background:#fff; border-color:#D6C6F7; }
[data-app="action-tracker"] .at-donet{ font-size:13px; font-weight:700; color:#15803D; font-variant-numeric:tabular-nums; }
[data-app="action-tracker"] .at-empty{ grid-column:1 / -1; padding:14px 12px; border:1px dashed #D9DCE1; border-radius:12px; color:#6B717B; font-size:13.5px; text-align:center; }
/* 고치는 칸 */
[data-app="action-tracker"] .at-item.editing{ background:#F3F6FC; border-color:#9DB6EA; border-left-color:#2563EB; }
[data-app="action-tracker"] .at-ef{ display:flex; flex-direction:column; gap:6px; }
[data-app="action-tracker"] .at-two{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; }
/* 글 복사 칸 */
[data-app="action-tracker"] .at-out{ display:flex; flex-direction:column; gap:8px; padding:10px 12px; border-radius:12px; background:#F1F4F9; }
[data-app="action-tracker"] .at-oh{ margin:0; font-size:13.5px; font-weight:800; color:#1A1A1A; }
[data-app="action-tracker"] .at-orows{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; }
[data-app="action-tracker"] .at-orow{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
[data-app="action-tracker"] .at-orow .ndt-btn{ min-height:42px; }
[data-app="action-tracker"] .at-orow select{ width:auto; max-width:100%; min-height:42px; padding-right:28px; background:#fff; }
[data-app="action-tracker"] .at-cscope{ min-width:0; }
[data-app="action-tracker"] .at-fbp:empty{ display:none; }
[data-app="action-tracker"] .at-pv summary{ cursor:pointer; min-height:36px; display:flex; align-items:center; font-size:13px; font-weight:700; color:#314B86; }
[data-app="action-tracker"] .at-pre{ margin:4px 0 0; max-height:300px; overflow:auto; padding:10px 12px; border:1px solid #E1E4EA; border-radius:10px; background:#fff; white-space:pre-wrap; word-break:keep-all; overflow-wrap:anywhere; font:inherit; font-size:13px; line-height:1.6; color:#333; }
[data-app="action-tracker"] .at-foot{ gap:6px; }
[data-app="action-tracker"] .at-note{ margin:0; }
[data-app="action-tracker"] .ndt-fb{ width:100%; min-height:100px; font-size:13px; }
[data-app="action-tracker"] .ndt-btn.ndt-arm{ width:auto !important; max-width:min(100%, 14em); }
@media (pointer:coarse){ [data-app="action-tracker"] .ndt-in{ font-size:16px; } }
/* 폰·좁은 폭 */
@media (max-width:760px){
  [data-app="action-tracker"] .at-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  [data-app="action-tracker"] .at-ft, [data-app="action-tracker"] .at-fm, [data-app="action-tracker"] .at-addb{ grid-column:1 / -1; }
}
@media (max-width:420px){
  [data-app="action-tracker"] .at-grid{ grid-template-columns:minmax(0,1fr); }   /* 날짜 칸을 반 폭에 두면 「2026. 10. 0」처럼 잘림 */
  [data-app="action-tracker"] .at-two{ grid-template-columns:minmax(0,1fr); }
  [data-app="action-tracker"] .at-filter > label{ flex:1 1 130px; }
  [data-app="action-tracker"] .at-filter > label.at-hide{ order:1; }
  [data-app="action-tracker"] .at-filter > label:has(.at-sort){ order:2; flex-basis:100%; }
  [data-app="action-tracker"] .at-filter select{ width:100%; }
  [data-app="action-tracker"] .at-orow{ flex:1 1 100%; }
  [data-app="action-tracker"] .at-orow .ndt-btn, [data-app="action-tracker"] .at-orow select{ flex:1 1 100%; width:100%; }
  [data-app="action-tracker"] .at-st{ font-size:12.5px; }
}