.trash-item { position: relative; } .trash-actions { position: absolute; top: 10px; right: 10px; display: none; gap: 8px; } .files-grid-view .file-card.trash-item:hover .trash-actions, .files-list-view .file-item.trash-item:hover .actions-cell { display: flex; } .trash-actions button, .actions-cell button { background: var(--color-trash-surface); border: 1px solid var(--color-trash-border); border-radius: 4px; padding: 4px 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; transition: all 0.2s; } .trash-actions button:hover, .actions-cell button:hover { background: var(--color-trash-empty-bg); } .btn-restore { color: var(--color-trash-restore); } .btn-delete { color: var(--color-trash-delete); } .file-item.trash-item > .path-cell { display: none; } .actions-cell { display: flex; gap: 8px; justify-content: flex-start; align-items: center; } .btn-danger { background-color: var(--color-trash-delete); color: var(--color-danger-text); }