/* "Müll" window of the inventory (ui/trash.js) */
#trash .win-body { padding: 5px 6px; }
.tr-intro { font-size: 7px; line-height: 8px; margin-bottom: 4px; }
.tr-list { max-height: 132px; min-height: 30px; overflow-y: auto; overflow-x: hidden; padding-right: 3px; margin-bottom: 4px; }
.tr-empty { font-size: 7px; line-height: 8px; text-align: center; padding: 10px 4px; }
.tr-kind { display: flex; align-items: center; gap: 4px; min-height: 12px; margin-top: 2px; padding: 1px 3px; cursor: pointer;
  background: #1d1712; box-shadow: inset 0 0 0 1px var(--bronze-d); font-size: 8px; line-height: 9px; color: var(--gold); }
.tr-kind:first-child { margin-top: 0; }
.tr-kind:hover { box-shadow: inset 0 0 0 1px var(--bronze); }
.tr-kind.off { color: var(--dim); }
.tr-kind.off input { opacity: .4; pointer-events: none; }
.tr-kind .tr-sp { flex: none; width: 9px; height: 9px; }
.tr-kind .tr-nm, .tr-row .tr-nm { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tr-kind .tr-n { flex: none; color: var(--dim); }
/* fold arrow as a small triangle (like the one of the dropdown boxes): down = open, right = folded */
.tr-kind .tr-fold { flex: none; position: relative; width: 6px; height: 6px; }
.tr-kind .tr-fold::after { content: ''; position: absolute; left: 0; top: 2px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid var(--bronze-l); }
.tr-kind .tr-fold.closed::after { left: 2px; top: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid var(--bronze-l); border-right: 0; }
.tr-row { display: flex; align-items: center; gap: 4px; min-height: 18px; padding: 0 3px; margin-top: 1px; cursor: pointer; font-size: 8px; line-height: 9px; }
.tr-row:hover { background: #241c15; }
.tr-row.on { background: rgba(226, 70, 58, .14); box-shadow: inset 0 0 0 1px rgba(226, 70, 58, .45); }
.tr-row .tr-cnt { flex: none; color: var(--dim); }
#trash input[type=checkbox] { flex: none; }
.tr-row input[type=checkbox] { pointer-events: none; }
#trash input[type=checkbox]:checked::after { background: var(--red); }
#trash input[type=checkbox].part::after { content: ''; position: absolute; left: 2px; top: 4px; width: 5px; height: 1px; background: var(--gold); }
.tr-sum { font-size: 8px; line-height: 9px; text-align: center; }
.tr-value { font-size: 7px; line-height: 8px; text-align: center; min-height: 8px; margin-bottom: 4px; }
.tr-btns { width: 100%; }