/* ============================================================
   ProjectTelemetry — Trash & Recovery
   assets/trash.css
   ============================================================ */

.trash-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap; }
.trash-title { font-size:20px; font-weight:800; margin:0; display:flex; align-items:center; gap:9px; letter-spacing:-.01em; }
.trash-sub { font-size:13px; color:var(--ink-soft); margin:5px 0 0; }
.trash-empty-btn { flex-shrink:0; }

.trash-loading { display:flex; align-items:center; justify-content:center; gap:8px; padding:60px 0; color:var(--ink-faint); font-size:13px; }
.trash-loading .ti-loader { animation:spin 1s linear infinite; }

.trash-empty { display:flex; flex-direction:column; align-items:center; gap:8px; padding:64px 24px; text-align:center; color:var(--ink-faint); }
.trash-empty i { font-size:34px; opacity:.6; }
.trash-empty p { font-size:15px; font-weight:700; color:var(--ink-soft); margin:6px 0 0; }
.trash-empty span { font-size:12.5px; color:var(--ink-faint); max-width:44ch; }

.trash-list { display:flex; flex-direction:column; gap:22px; }
.trash-group-h { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-faint); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
.trash-group-h span { background:var(--bg2); border:1px solid var(--bd); border-radius:20px; padding:1px 8px; font-size:10px; color:var(--ink-soft); }

.trash-row { display:flex; align-items:center; gap:13px; padding:12px 14px; background:var(--white); border:1px solid var(--bd); border-radius:10px; margin-bottom:8px; }
.trash-ic { font-size:20px; color:var(--ink-faint); flex-shrink:0; width:24px; text-align:center; }
.trash-info { flex:1; min-width:0; }
.trash-label { font-size:13.5px; font-weight:700; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trash-meta { font-size:11px; color:var(--ink-faint); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trash-ttl { font-size:10.5px; font-weight:700; color:var(--ink-faint); background:var(--bg2); border:1px solid var(--bd); border-radius:20px; padding:3px 9px; flex-shrink:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
.trash-ttl.warn { color:#B45309; background:rgba(245,158,11,.14); border-color:transparent; }
.trash-actions { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.trash-del:hover { color:#DC2626; background:#FEF2F2; }

@media (pointer:coarse) {
  .trash-row { padding:14px; }
  .trash-actions .btn-sm { min-height:44px; }
  .trash-del { width:44px; height:44px; }
}
@media (max-width:640px) {
  .trash-ttl { display:none; }
  .trash-row { flex-wrap:wrap; }
  .trash-actions { margin-left:auto; }
}