/* 휴지통 화면 전용 (dsv2_properties#trash, 2026-08-15).
   클래스 접두가 화면별(`dsv2-trash-`)이라 전역 로드여도 다른 화면과 충돌하지 않는다
   (prospects.css `pp-` / wonwoohoe.css `wh-` 와 같은 관례).

   ⚠️ 인라인 style 로 적지 않는다 — view_style_canon_test 의 래칫(예산 0)에 걸린다.
   처음 작성 때 static 20건 + 헬퍼 3건을 인라인으로 넣었다가 CI 가 잡았다. 그 규약이 옳다:
   화면 스타일이 ERB 에 흩어지면 나중에 톤을 바꿀 때 잡을 자리가 없어진다. */

.dsv2-trash { max-width: 64rem; margin: 0 auto; padding: 20px; }

.dsv2-trash__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dsv2-trash__title { font-size: 18px; font-weight: 600; color: var(--db-color-text); }
.dsv2-trash__lead { font-size: 12px; color: var(--db-color-text-sub); margin-top: 4px; }

.dsv2-trash__filter { display: flex; gap: 8px; align-items: center; margin-top: 14px; }
/* 검색 입력은 정본 .db-input 을 그대로 입고, 폭만 이 화면 기준으로 좁힌다. */
.dsv2-trash__q { max-width: 240px; }
.dsv2-trash__type { max-width: 140px; }

.dsv2-trash__empty {
  margin-top: 24px; padding: 32px; text-align: center;
  font-size: 13px; color: var(--db-color-text-sub);
  border: 1px dashed var(--db-color-outline); border-radius: 8px;
}

/* 표는 가로로 넘칠 때 자기 안에서만 스크롤한다 — 페이지 본문이 가로로 밀리면 안 된다. */
.dsv2-trash__scroll { margin-top: 16px; overflow-x: auto; }
.dsv2-trash__table { width: 100%; border-collapse: collapse; font-size: 12px; }
.dsv2-trash__table th,
.dsv2-trash__table td { padding: 8px 6px; border-bottom: 1px solid var(--db-color-outline); }
.dsv2-trash__table th { text-align: left; font-weight: 600; color: var(--db-color-text); }
.dsv2-trash__table td { color: var(--db-color-text); }

/* 컬럼 폭 — 매물명·주소만 가변, 나머지는 내용 길이가 고정적이라 못박는다. */
.dsv2-trash__c-type { width: 70px; }
.dsv2-trash__c-unit { width: 90px; }
.dsv2-trash__c-with { width: 110px; }
.dsv2-trash__c-when { width: 140px; }
.dsv2-trash__c-act  { width: 90px; text-align: right; }

.dsv2-trash__muted { color: var(--db-color-text-sub); }