/* 중복 찾기 */
[data-app="duplicate-finder"]{ display:flex; flex-direction:column; gap:10px; }
[data-app="duplicate-finder"] .df-help{ margin:0; font-size:13.5px; line-height:1.55; color:#4B5059; }
[data-app="duplicate-finder"] .df-ex{ margin:0; padding:7px 10px; border-radius:10px; background:#FFF6DB; color:#7A5200; font-size:13px; font-weight:700; }
[data-app="duplicate-finder"] .df-top{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:10px; }
[data-app="duplicate-finder"] .df-in, [data-app="duplicate-finder"] .df-set{ display:flex; flex-direction:column; gap:8px; min-width:0; padding:10px; border:1px solid #E6E7EB; border-radius:12px; background:#F8F9FB; }
[data-app="duplicate-finder"] .df-sh{ display:flex; align-items:center; gap:8px; min-width:0; }
[data-app="duplicate-finder"] .df-cnt{ flex:1 1 auto; min-width:0; font-size:12.5px; font-weight:700; color:#4B5059; font-variant-numeric:tabular-nums; }
[data-app="duplicate-finder"] .df-clear{ flex:none; min-width:68px; }
[data-app="duplicate-finder"] .df-text{ min-height:200px; background:#fff; font-size:13.5px; line-height:1.55; white-space:pre; overflow:auto; overflow-wrap:normal; tab-size:16; -moz-tab-size:16; }
[data-app="duplicate-finder"] .df-chk{ display:flex; align-items:center; flex-wrap:wrap; gap:2px 8px; min-height:36px; cursor:pointer; font-size:13.5px; font-weight:700; color:#33373D; }
[data-app="duplicate-finder"] .df-chk input{ flex:none; width:18px; height:18px; margin:0; accent-color:#1A1A1A; cursor:pointer; }
[data-app="duplicate-finder"] .df-chk small{ flex-basis:100%; padding-left:26px; font-size:11.5px; font-weight:600; color:#6B717B; }
[data-app="duplicate-finder"] .df-keys{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
[data-app="duplicate-finder"] .df-key{ display:inline-flex; align-items:center; gap:6px; min-height:36px; max-width:100%; padding:0 12px 0 8px; border:1.5px solid #D9DCE1; border-radius:999px; background:#fff; color:#33373D; font:inherit; font-size:13.5px; font-weight:700; cursor:pointer; overflow-wrap:anywhere; text-align:left; }
[data-app="duplicate-finder"] .df-kc{ flex:none; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#EEF0F3; font-size:12px; font-weight:900; }
[data-app="duplicate-finder"] .df-key[aria-pressed="true"]{ border-color:#1A1A1A; background:#1A1A1A; color:#fff; }
[data-app="duplicate-finder"] .df-key[aria-pressed="true"] .df-kc{ background:#fff; color:#1A1A1A; }
[data-app="duplicate-finder"] .df-rules{ display:flex; flex-direction:column; gap:0; }
[data-app="duplicate-finder"] .df-status{ margin:0; min-height:1.5em; font-size:13px; color:#4B5059; overflow-wrap:anywhere; }
/* 요약 4칸 */
[data-app="duplicate-finder"] .df-sum{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
[data-app="duplicate-finder"] .df-s{ display:flex; flex-direction:column; gap:0; min-width:0; padding:8px 12px; border:1.5px solid #E3E5EA; border-left-width:5px; border-radius:12px; background:#fff; }
[data-app="duplicate-finder"] .df-s span{ font-size:12.5px; font-weight:700; color:#4B5059; }
[data-app="duplicate-finder"] .df-n{ font-size:24px; font-weight:900; line-height:1.15; font-variant-numeric:tabular-nums; }
[data-app="duplicate-finder"] .df-s-g{ border-left-color:#B4500A; } [data-app="duplicate-finder"] .df-s-g .df-n{ color:#B4500A; }
[data-app="duplicate-finder"] .df-s-d{ border-left-color:#B42318; } [data-app="duplicate-finder"] .df-s-d .df-n{ color:#B42318; }
[data-app="duplicate-finder"] .df-s-c{ border-left-color:#0D7A43; } [data-app="duplicate-finder"] .df-s-c .df-n{ color:#0D7A43; }
/* 보기 바꾸기 */
[data-app="duplicate-finder"] .df-tabs{ display:flex; gap:6px; }
[data-app="duplicate-finder"] .df-tab{ flex:1 1 0; min-height:40px; padding:0 10px; border:1.5px solid #D9DCE1; border-radius:10px; background:#fff; color:#33373D; font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
[data-app="duplicate-finder"] .df-tab[aria-pressed="true"]{ border-color:#1A1A1A; background:#1A1A1A; color:#fff; }
/* 결과 */
[data-app="duplicate-finder"] .df-res{ min-width:0; padding:10px 12px; border:1px solid #E6E7EB; border-radius:12px; background:#fff; }
[data-app="duplicate-finder"] .df-rh{ margin:0 0 6px; font-size:14px; font-weight:800; overflow-wrap:anywhere; }
[data-app="duplicate-finder"] .df-list{ max-height:380px; overflow:auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr)); gap:8px; align-items:start; }
[data-app="duplicate-finder"] .df-list:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
[data-app="duplicate-finder"] .df-none{ grid-column:1 / -1; margin:0; padding:14px 2px; color:#6B717B; font-size:13.5px; }
[data-app="duplicate-finder"] .df-g{ min-width:0; padding:8px 10px; border:1px solid #EEF0F3; border-radius:10px; background:#FBFBFC; }
[data-app="duplicate-finder"] .df-gh{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; margin:0 0 4px; font-size:14px; font-weight:400; overflow-wrap:anywhere; }
[data-app="duplicate-finder"] .df-gh b{ font-weight:800; }
[data-app="duplicate-finder"] .df-gi{ display:inline-flex; align-items:center; justify-content:center; align-self:center; min-width:22px; height:20px; padding:0 5px; border-radius:6px; background:#B4500A; color:#fff; font-size:12px; font-weight:900; }
[data-app="duplicate-finder"] .df-gc{ font-size:12px; color:#6B717B; font-variant-numeric:tabular-nums; }
[data-app="duplicate-finder"] .df-gl{ list-style:none; margin:0; padding:0; }
[data-app="duplicate-finder"] .df-gl li{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; min-width:0; padding:5px 0; border-top:1px solid #F0F1F3; font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
[data-app="duplicate-finder"] .df-tag{ display:inline-flex; align-items:center; align-self:center; height:20px; padding:0 7px; border-radius:6px; font-size:11.5px; font-weight:800; }
[data-app="duplicate-finder"] .df-keep .df-tag{ background:#EAF6EF; color:#0D6A3A; }
[data-app="duplicate-finder"] .df-drop .df-tag{ background:#FDEEEC; color:#A21C12; }
[data-app="duplicate-finder"] .df-drop{ color:#6B717B; }
[data-app="duplicate-finder"] .df-no{ font-weight:800; color:#1A1A1A; font-variant-numeric:tabular-nums; }
[data-app="duplicate-finder"] .df-alt{ padding:0 6px; border-radius:6px; background:#FFF3D1; color:#7A5200; font-size:12px; font-weight:700; }
[data-app="duplicate-finder"] .df-ot{ flex-basis:100%; min-width:0; font-size:12px; color:#6B717B; }
/* 정리본 표 */
[data-app="duplicate-finder"] .df-tw{ grid-column:1 / -1; min-width:0; overflow-x:auto; }
[data-app="duplicate-finder"] .df-tb{ width:100%; border-collapse:collapse; font-size:13px; }
[data-app="duplicate-finder"] .df-tb th, [data-app="duplicate-finder"] .df-tb td{ padding:5px 8px; border-bottom:1px solid #F0F1F3; text-align:left; white-space:nowrap; }
[data-app="duplicate-finder"] .df-tb th{ position:sticky; top:0; background:#F4F5F7; font-size:12.5px; font-weight:800; color:#33373D; }
[data-app="duplicate-finder"] .df-tb th.df-kcol{ background:#1A1A1A; color:#fff; }
[data-app="duplicate-finder"] .df-ln{ color:#6B717B; font-variant-numeric:tabular-nums; }
[data-app="duplicate-finder"] .df-more{ margin:8px 0 0; }
[data-app="duplicate-finder"] .df-note{ margin:0; }
[data-app="duplicate-finder"] .df-note.df-warn{ padding:8px 10px; border-radius:10px; background:#FEF3F2; color:#912018; font-size:13px; font-weight:700; }
[data-app="duplicate-finder"] .df-fbw:empty{ display:none; }
@media (max-width:700px){
  [data-app="duplicate-finder"] .df-top{ grid-template-columns:minmax(0,1fr); }
  [data-app="duplicate-finder"] .df-text{ min-height:150px; }
}
@media (max-width:520px){
  [data-app="duplicate-finder"] .df-sum{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-app="duplicate-finder"] .df-n{ font-size:22px; }
  [data-app="duplicate-finder"] .df-btns .ndt-btn{ flex:1 1 calc(50% - 6px); white-space:normal; line-height:1.25; }
  [data-app="duplicate-finder"] .df-text{ font-size:16px; }
}
@media print{
  [data-app="duplicate-finder"] .df-list{ max-height:none; overflow:visible; }
}
