/* 휴지통 한 벌 — 관리자·센터가 같은 것을 쓴다.
 *
 * 왜 한 파일로 모았나 (2026-10-02) — 센터에도 휴지통을 만들면서 알았다. 이 모양이 관리자
 * index.html 안에만 적혀 있어서, 센터에 두려면 옮겨 적어야 했다. 옮겨 적은 순간 두 벌이 갈리고
 * 「관리자 휴지통과 센터 휴지통이 다르게 보이는」 일이 생긴다. 탭(/shared/tabs.css)을 한 군데로
 * 모은 것과 같은 까닭이다.
 *
 * 쓰는 색은 모두 /shared/theme.css 의 토큰이다 — 두 화면이 그 파일을 함께 싣는다. 색을 직접
 * 박으면 어두운 화면에서 뒤집히지 않아 글자가 안 보인다.
 */

/* 목록 제목과 「선택 복구/영구 삭제」 단추를 한 줄에 두되, 좁은 화면에서는 아래로 접힌다. */
.trash-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.trash-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.trash-count { font-size: 12px; color: var(--mw-muted); }
/* 안 보이는 쪽까지 골라둔 상태 — 숫자만으로는 눈치채기 어려워 색으로도 알린다. */
.trash-count.has-hidden { color: var(--mw-warn-ink); font-weight: 700; }
/* 쪽이 나뉘었을 때만 나오는 줄: 「이 쪽만 골랐다 / 전부 고를까?」 */
.trash-allbar {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  margin-top: 10px; padding: 9px 12px; border-radius: 10px;
  background: var(--mw-accent-soft); border: 1px solid var(--mw-accent);
  font-size: 12.5px; color: var(--mw-accent-ink);
}
.trash-allbar[hidden] { display: none; }
.trash-allbar b { font-weight: 800; }
.trash-allbar em { font-style: normal; color: var(--mw-warn-ink); font-weight: 700; }
.trash-search { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.trash-search input {
  flex: 1; min-width: 0; max-width: 420px; padding: 7px 10px; font-size: 12.5px;
  border: 1px solid var(--mw-line-strong); border-radius: 8px;
  background: var(--mw-surface); color: var(--mw-ink);
}
.trash-found { font-size: 12px; color: var(--mw-muted); white-space: nowrap; }
/* 머리글 체크는 「이 쪽」만 고른다 — 쪽이 나뉘었을 때 그 사실을 칸 안에 적는다(2026-10-02 지시).
   예전에는 title 이 「전체 선택」이라고 말했는데, 그것은 거짓말이었다 — 보이는 줄만 골랐다.
   쪽이 하나일 때는 「이 쪽」이 뜻이 없어 JS 가 감춘다(hidden). */
.trash-pick-th { width: 52px; }
.trash-pick-all {
  display: inline-flex; flex-direction: column; align-items: center; gap: 1px;
  cursor: pointer; line-height: 1.1;
}
.trash-pick-scope { font-size: 9.5px; font-weight: 700; color: var(--mw-muted); white-space: nowrap; }
.trash-pick-scope[hidden] { display: none; }
/* 목록 줄을 누르면 세부 내용을 볼 수 있다는 것을 손끝으로 알 수 있게 한다. */
.trash-row { cursor: pointer; }
.trash-row:hover { background: var(--mw-surface-sunken); }
/* 「선택 영구 삭제」는 되돌릴 수 없는 동작인데 26px 였다. 32px 로 올린다. */
.trash-actions .btn { padding: 0 11px; min-height: 32px; font-size: 12px; }
/* 안내 문단 — 카드마다 style 로 같은 값을 적어 두던 것을 한 군데로 모았다. */
.trash-intro, .trash-note { font-size: 12px; color: var(--mw-muted); margin-top: 6px; line-height: 1.65; }
/* 휴지통의 탭은 두 줄이다(슈퍼관리자는 둘 다, 관리자·센터는 아래 한 줄만).
   2026-10-02 지시로 위아래를 바꿨다 — 「어느 쪽이 지웠나」(전체·업체·센터)가 위로 왔다.
   그쪽이 더 큰 가름이고, 그 안에서 장(하자건·접수·현장)을 고르는 것이 읽기 자연스럽다.
   위가 크고 아래가 한 치 작다 — 같은 크기로 두면 어느 쪽이 상위인지 알 수 없다. */
.trash-side-tabs { margin-bottom: 4px; }
.trash-kind-tabs { margin-top: -4px; }
.trash-kind-tabs .tab-btn { min-height: 32px; padding: 0 12px; font-size: 12.5px; }
/* 업체·건설사·현장으로 좁혀 보는 줄 (2026-10-02 지시). 장마다 두지 않고 한 줄로 둔다 —
   고르면 세 장에 모두 걸린다. 좁은 화면에서는 아래로 접힌다. */
.trash-filters { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.trash-f { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.trash-f > span { font-size: 11px; font-weight: 600; color: var(--mw-muted); }
.trash-f > select {
  min-width: 150px; max-width: 260px; padding: 7px 8px; font-size: 12.5px;
  border: 1px solid var(--mw-line-strong); border-radius: 8px;
}
.trash-f[hidden] { display: none; }
.trash-filters > .btn[hidden] { display: none; }
/* 탭으로 가린 장 — hidden 만으로는 .card 의 display:block 이 이긴다. */
[data-trash-pane][hidden] { display: none; }
/* 줄의 복구·영구삭제는 작게(2026-10-01 지시). 줄마다 커다란 단추 둘이 칸을 다 먹고 있었다.
   .btn.xs 는 이미 있는 크기다 — 새 크기를 만들면 화면마다 단추 크기가 갈린다. */
.trash-row-act { display: flex; gap: 4px; flex-wrap: nowrap; }
/* 「사용자가 영구삭제함」 — 슈퍼관리자 눈에만 뜬다(관리자·센터 휴지통에는 그 줄이 오지 않는다).
   되살릴 마지막 기회라는 뜻이라, 줄 전체도 옅게 물들여 눈에 걸리게 한다. */
.trash-purged-badge {
  display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px;
  font-size: 10.5px; font-weight: 800; white-space: nowrap; cursor: help;
  background: var(--mw-bad-soft); color: var(--mw-bad-ink); box-shadow: inset 0 0 0 1px var(--mw-bad);
}
tr.trash-row-purged > td { background: var(--mw-bad-soft); }

/* ---- 영구삭제 경고 팝업 (/shared/trash-purge-warn.js 가 띄운다) ---- */
.trash-warn-box {
  padding: 11px 13px; border-radius: 10px; font-size: 13px; line-height: 1.7;
  background: var(--mw-bad-soft); color: var(--mw-bad-ink); border: 1px solid var(--mw-bad);
}
.trash-warn-box p { margin: 0; }
.trash-warn-box p + p { margin-top: 6px; }
.trash-warn-ack {
  display: flex; align-items: flex-start; gap: 7px; margin-top: 12px;
  font-size: 12.5px; color: var(--mw-ink); cursor: pointer;
}