/*! © 2026 해밀 (haemil.ai). All rights reserved. 무단 복제·배포 금지. */
/* 중복 파일 찾기 (dupes.js): a page in a pane, on style.css's colours and fonts, its header like 디스크 공간's. */
.dup { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 12px; }

/* The header: the folders, the options, 검사; it wraps in a narrow pane. */
.dup-head { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 7px 10px 7px 14px; }
.dup-head select, .dup-head button, .dup-bar button {
  height: 26px; box-sizing: border-box; padding: 0 8px; border-radius: 4px; font: inherit;
  color: var(--text); background: var(--field); border: 1px solid var(--field-line);
}
.dup-head button:hover:not(:disabled), .dup-bar button:hover:not(:disabled) { background: var(--hover); }
.dup-head label { display: flex; align-items: center; gap: 5px; color: var(--dim); }
.dup-head input, .dup-f input { margin: 0; accent-color: var(--accent); }
.dup-roots { display: contents; }
.dup-root { display: flex; align-items: center; gap: 5px; min-width: 0; max-width: 260px; height: 26px; box-sizing: border-box; padding: 0 2px 0 8px; border: 1px solid var(--field-line); border-radius: 13px; }
.dup-root .nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dup-head .dup-root button { width: 20px; height: 20px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--dim); }
.dup-head .dup-go { min-width: 56px; margin-left: auto; padding: 0 12px; border-color: var(--accent); background: var(--accent); color: var(--pane); }
.dup-head .dup-go:hover:not(:disabled) { background: var(--accent); filter: brightness(1.08); }
.dup-head .dup-go.stop { border-color: var(--field-line); background: var(--field); color: var(--text); }
.dup-head button:disabled, .dup-bar button:disabled { opacity: .45; }

/* What to do with the selection. */
.dup-bar { flex: none; display: flex; align-items: center; gap: 6px; padding: 0 10px 8px 14px; }
.dup-bar button { display: flex; align-items: center; gap: 6px; }

/* The list: a group's header, then its files in columns. */
.dup-cols, .dup-f { display: grid; grid-template-columns: 16px 32px minmax(100px, 1.1fr) minmax(100px, 2fr) 150px 150px; align-items: center; gap: 10px; }
/* The column names stay at the top of the list, as wide as its rows whatever its scroll bar takes. */
.dup-cols { position: sticky; top: 0; z-index: 1; height: 26px; padding: 0 14px; color: var(--dim); background: var(--pane); border-bottom: 1px solid var(--line); }
.dup-cols span:first-child { grid-column: 3; }
.dup-list { position: relative; flex: 1; min-height: 0; overflow-y: auto; }
.dup-space { position: relative; }
.dup-g, .dup-f { position: absolute; left: 0; right: 0; box-sizing: border-box; padding: 0 14px; }
.dup-g { height: 34px; display: flex; align-items: flex-end; gap: 10px; padding-bottom: 5px; color: var(--dim); border-bottom: 1px solid var(--line); }
.dup-g b { color: var(--text); font-weight: 600; }
.dup-free { color: var(--accent); }
.dup-f { height: 40px; }
.dup-f:hover { background: var(--hover); }
.dup-f.on { background: var(--sel); }
.dup-f .pic { width: 32px; height: 32px; display: grid; place-items: center; overflow: hidden; border-radius: 3px; }
.dup-f .pic img { max-width: 32px; max-height: 32px; object-fit: contain; }
.dup-f .nm, .dup-f .dir { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dup-f .nm { font-size: 13px; }
.dup-f .dir, .dup-f .dt { color: var(--dim); white-space: nowrap; overflow: hidden; }
.dup-note { padding: 48px 16px; text-align: center; color: var(--dim); }

/* A narrow pane: no 만든 날짜, then no 수정한 날짜 either. */
@container (max-width: 760px) {
  .dup-cols, .dup-f { grid-template-columns: 16px 32px minmax(90px, 1fr) minmax(90px, 1.4fr) 140px; }
  .dup-cols span:last-child, .dup-f .dt:last-child { display: none; }
}
@container (max-width: 520px) {
  .dup-cols, .dup-f { grid-template-columns: 16px 32px minmax(80px, 1fr) minmax(80px, 1fr); }
  .dup-cols span:nth-child(n + 3), .dup-f .dt { display: none; }
}