/* 요청·결재 현황판 */
[data-app="request-tracker"]{ display:flex; flex-direction:column; gap:10px; word-break:keep-all; overflow-wrap:anywhere; }
/* 개수 요약 */
[data-app="request-tracker"] .rt-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="request-tracker"] .rt-sum span{ display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
[data-app="request-tracker"] .rt-sum span::before{ content:''; width:9px; height:9px; border-radius:50%; background:#2563EB; }
[data-app="request-tracker"] .rt-sum span.o::before{ background:#D92D20; }
[data-app="request-tracker"] .rt-sum span.s::before{ background:#F2C230; }
[data-app="request-tracker"] .rt-sum span.l::before{ background:#C2410C; }
[data-app="request-tracker"] .rt-sum b{ font-size:15px; color:#1A1A1A; font-variant-numeric:tabular-nums; }
[data-app="request-tracker"] .rt-warn{ margin:0; padding:6px 10px; border-radius:8px; background:#FDECEC; color:#9F1C1C; font-size:12.5px; font-weight:700; }
/* 추가 칸 */
[data-app="request-tracker"] .rt-add{ display:flex; flex-direction:column; gap:8px; margin:0; padding:10px; border-radius:12px; background:#FAFAFB; border:1px dashed #D9DCE1; }
[data-app="request-tracker"] .rt-grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:6px 8px; }
[data-app="request-tracker"] .rt-fw{ grid-column:span 2; }
[data-app="request-tracker"] .rt-fp{ grid-column:span 2; }
[data-app="request-tracker"] .rt-fm{ grid-column:span 2; }
[data-app="request-tracker"] .rt-f{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="request-tracker"] .rt-f .ndt-k small{ font-weight:600; color:#8A8F98; }
[data-app="request-tracker"] .ndt-in{ min-width:0; min-height:42px; }
[data-app="request-tracker"] .rt-addb{ min-height:44px; font-size:15px; }
/* 방향 고르기·거르기 단추 묶음 */
[data-app="request-tracker"] .rt-seg{ display:flex; flex-wrap:wrap; gap:6px; }
[data-app="request-tracker"] .rt-dirb, [data-app="request-tracker"] .rt-fd{ min-height:40px; padding:0 14px; border:1px solid #D9DCE1; border-radius:999px; background:#fff; color:#3A3F47; font:inherit; font-size:14px; font-weight:700; cursor:pointer; white-space:nowrap; }
[data-app="request-tracker"] .rt-dirb[aria-pressed="true"], [data-app="request-tracker"] .rt-fd[aria-pressed="true"]{ background:#1A1A1A; border-color:#1A1A1A; color:#fff; }
[data-app="request-tracker"] .rt-fd i{ font-style:normal; font-weight:800; opacity:.7; font-variant-numeric:tabular-nums; }
[data-app="request-tracker"] .rt-msg{ margin:0; min-height:1.3em; font-size:12.5px; color:#0D7A43; font-weight:700; }
[data-app="request-tracker"] .rt-msg.warn{ color:#B42318; }
[data-app="request-tracker"] .rt-msg:empty{ min-height:0; }
/* 거르기·정렬 */
[data-app="request-tracker"] .rt-filter{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:8px 12px; padding-top:4px; border-top:1px solid #ECEDF0; }
[data-app="request-tracker"] .rt-sel{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:6px 10px; }
[data-app="request-tracker"] .rt-sel > label{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="request-tracker"] .rt-sel select{ width:auto; max-width:100%; min-height:40px; padding-right:28px; }
[data-app="request-tracker"] .rt-sel .rt-hide{ flex-direction:row; align-items:center; gap:6px; min-height:40px; font-size:14px; font-weight:700; color:#3A3F47; cursor:pointer; }
[data-app="request-tracker"] .rt-hidek{ width:20px; height:20px; margin:0; accent-color:#1A1A1A; }
[data-app="request-tracker"] .rt-count{ margin:0; }
/* 건 목록 — 넓은 카드는 두 줄, 폰은 한 줄 */
[data-app="request-tracker"] .rt-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="request-tracker"] .rt-item{ display:flex; flex-direction:column; gap:5px; min-width:0; padding:10px 12px; border:1px solid #E3E5E9; border-left:5px solid #93B4F5; border-radius:12px; background:#fff; }
[data-app="request-tracker"] .rt-item.soon{ background:#FFF8DC; border-color:#F1D46A; border-left-color:#F2C230; }
[data-app="request-tracker"] .rt-item.over{ background:#FFF1F0; border-color:#F4B4AE; border-left-color:#D92D20; }
[data-app="request-tracker"] .rt-item.done{ background:#F7F7F8; border-color:#ECEDF0; border-left-color:#16A34A; }
[data-app="request-tracker"] .rt-item.rej{ background:#F7F7F8; border-color:#ECEDF0; border-left-color:#9AA1AC; }
[data-app="request-tracker"] .rt-top{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 8px; }
[data-app="request-tracker"] .rt-dir{ padding:1px 8px; border-radius:6px; font-size:12px; font-weight:800; white-space:nowrap; }
[data-app="request-tracker"] .rt-dir.out{ background:#EAF1FE; color:#1E4FB8; }
[data-app="request-tracker"] .rt-dir.in{ background:#EDF7EE; color:#17693A; }
[data-app="request-tracker"] .rt-stall{ font-size:12.5px; font-weight:700; color:#5B6470; white-space:nowrap; font-variant-numeric:tabular-nums; }
[data-app="request-tracker"] .rt-stall.long{ padding:1px 8px; border-radius:6px; background:#FFEDD5; color:#9A3412; font-weight:800; }
[data-app="request-tracker"] .rt-wt{ margin:0; font-size:15.5px; font-weight:800; line-height:1.4; color:#1A1A1A; }
[data-app="request-tracker"] .rt-item.done .rt-wt, [data-app="request-tracker"] .rt-item.rej .rt-wt{ color:#6B717B; }
[data-app="request-tracker"] .rt-item.rej .rt-wt{ text-decoration:line-through; text-decoration-color:#B9BEC7; }
[data-app="request-tracker"] .rt-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="request-tracker"] .rt-meta{ display:flex; flex-wrap:wrap; gap:2px 12px; margin:0; font-size:13px; color:#4B5059; font-variant-numeric:tabular-nums; }
[data-app="request-tracker"] .rt-meta b{ color:#1A1A1A; }
[data-app="request-tracker"] .rt-item.soon .rt-due{ color:#6B4E00; font-weight:800; }
[data-app="request-tracker"] .rt-item.over .rt-due{ color:#B42318; font-weight:800; }
[data-app="request-tracker"] .rt-memot{ margin:0; padding:4px 8px; border-radius:8px; background:rgba(0,0,0,.035); font-size:12.5px; color:#4B5059; }
/* 단계 단추 */
[data-app="request-tracker"] .rt-steps{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:4px; margin-top:2px; }
[data-app="request-tracker"] .rt-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="request-tracker"] .rt-st:hover{ border-color:#9AA1AC; }
[data-app="request-tracker"] .rt-st.past{ background:#EAF1FE; border-color:#C9D6F2; color:#314B86; }
[data-app="request-tracker"] .rt-st.cur{ background:#1A1A1A; border-color:#1A1A1A; color:#fff; font-weight:800; }
[data-app="request-tracker"] .rt-st.rj{ color:#B42318; }
[data-app="request-tracker"] .rt-st.rj.cur{ background:#B42318; border-color:#B42318; color:#fff; }
[data-app="request-tracker"] .rt-item.done .rt-st.cur{ background:#16A34A; border-color:#16A34A; }
[data-app="request-tracker"] .rt-hist{ margin:0; font-size:12px; color:#6B717B; font-variant-numeric:tabular-nums; }
[data-app="request-tracker"] .rt-acts{ display:flex; flex-wrap:wrap; gap:6px; }
[data-app="request-tracker"] .rt-acts .ndt-btn{ min-height:36px; }
[data-app="request-tracker"] .rt-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="request-tracker"] .rt-item.editing{ background:#F3F6FC; border-color:#9DB6EA; border-left-color:#2563EB; }
[data-app="request-tracker"] .rt-ef{ display:flex; flex-direction:column; gap:6px; }
[data-app="request-tracker"] .rt-two{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; }
[data-app="request-tracker"] .rt-foot{ gap:6px; }
[data-app="request-tracker"] .rt-note{ margin:0; }
[data-app="request-tracker"] .ndt-fb{ width:100%; min-height:80px; font-size:13px; }
[data-app="request-tracker"] .ndt-btn.ndt-arm{ width:auto !important; max-width:min(100%, 13em); }
/* 폰 폭 */
@media (max-width:700px){
  [data-app="request-tracker"] .rt-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  [data-app="request-tracker"] .rt-fw, [data-app="request-tracker"] .rt-fp, [data-app="request-tracker"] .rt-fm{ grid-column:1 / -1; }
}
@media (max-width:420px){
  [data-app="request-tracker"] .rt-grid{ grid-template-columns:minmax(0,1fr); }   /* 날짜 칸 두 개를 나란히 두면 「2026. 10. 0」처럼 잘림(10/2 시험) */
  [data-app="request-tracker"] .rt-two{ grid-template-columns:minmax(0,1fr); }
  [data-app="request-tracker"] .rt-dirb{ flex:1 1 0; padding:0 8px; }
  [data-app="request-tracker"] .rt-fd{ padding:0 10px; font-size:13.5px; }
  [data-app="request-tracker"] .rt-st{ font-size:12.5px; }
  [data-app="request-tracker"] .rt-sel > label:not(.rt-hide){ flex:1 1 130px; }
  [data-app="request-tracker"] .rt-sel select{ width:100%; }
}