/* Recycle Bin */
.bin-body { flex: 1; min-height: 0; display: flex; background: #fff; font: 11px Tahoma, sans-serif; }
.bin-side { width: 150px; flex-shrink: 0; padding: 10px; display: flex; flex-direction: column; gap: 6px; background: linear-gradient(#7ba2e7, #6375d6); color: #fff; }
.bin-side strong { font-size: 12px; margin-bottom: 4px; }
.bin-link { background: none; border: 0; padding: 0; text-align: left; color: #fff; font: 11px Tahoma, sans-serif; cursor: pointer; }
.bin-link:hover { text-decoration: underline; color: #ffe27a; }
.bin-link:disabled { opacity: .55; cursor: default; text-decoration: none; color: #fff; }
.bin-main { flex: 1; min-width: 0; overflow: auto; padding: 8px; }
.bin-empty-note { margin: 4px 0; color: #444; line-height: 1.4; }
.bin-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 6px; }
.bin-item { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 2px; text-align: center; background: none; border: 1px solid transparent; font: 11px Tahoma, sans-serif; cursor: pointer; width: 100%; }
.bin-item img { width: 32px; height: 32px; object-fit: contain; opacity: .85; }
.bin-item:hover, .bin-item:focus-visible { background: #dbe7fb; border-color: #7da2ce; outline: none; }
@media (max-width: 520px) { .bin-body { flex-direction: column; } .bin-side { width: auto; flex-direction: row; flex-wrap: wrap; gap: 4px 14px; } .bin-side strong { width: 100%; margin: 0; } }
.desktop-icon.in-bin { display: none !important; }